/* Corebizify Theme Customizer Enhancements */

/* Customizer icon column hover effects */
.customizer-links .nav-link {
    transition: all 0.2s ease-in-out !important;
    border-radius: 4px;
}

.customizer-links .nav-link:hover {
    background: rgba(115, 102, 255, 0.1) !important;
    transform: scale(1.05) !important;
}

/* Color swatch hover effects */
.customizer-body .color-layout {
    transition: all 0.2s ease-in-out !important;
    cursor: pointer;
}

.customizer-body .color-layout:hover {
    transform: scale(1.1) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
}

/* Save button styling */
#save-theme-btn {
    transition: all 0.2s ease-in-out !important;
}

#save-theme-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(115, 102, 255, 0.3) !important;
}

/* Header tab hover effects */
.cbz-header-tab {
    transition: all 0.2s ease-in-out !important;
}

.cbz-header-tab:hover {
    transform: scale(1.05) !important;
}

/* RTL SUPPORT - Move customizer to left side */
[dir="rtl"] .customizer-links,
body.rtl .customizer-links {
    left: 0 !important;
    right: auto !important;
    border-left: none !important;
    border-right: 1px solid #f4f4f4 !important;
}

[dir="rtl"] .customizer-contain,
body.rtl .customizer-contain {
    left: -400px !important;
    right: auto !important;
}

[dir="rtl"] .customizer-contain.open,
body.rtl .customizer-contain.open {
    left: 0 !important;
    right: auto !important;
}

/* SIDEBAR LAYOUT FIXES - Prevent overlap with different sidebar types */

/* Compact sidebar (collapsed icons) - move customizer further right */
.page-wrapper.compact-sidebar .customizer-links {
    right: 70px !important;
}

/* Normal/Modern sidebar layouts - slight adjustment */
.page-wrapper.compact-wrapper .customizer-links,
.page-wrapper.modern-sidebar .customizer-links {
    right: 10px !important;
}

/* Ensure customizer stays on top */
.customizer-links {
    z-index: 999 !important;
}

.customizer-contain {
    z-index: 1000 !important;
}

/* DARK MODE SUPPORT */
.dark-only .customizer-links {
    background: #1a1a1a !important;
    border-left: 1px solid #333 !important;
}

.dark-only .customizer-contain {
    background: #1a1a1a !important;
    color: #fff !important;
}

.dark-only .customizer-header {
    background: #2a2a2a !important;
    border-bottom: 1px solid #333 !important;
}

.dark-only .customizer-body {
    background: #1a1a1a !important;
}

.dark-only .customizer-body h6 {
    color: #fff !important;
}

.dark-only .layout-grid li {
    border-color: #333 !important;
}

/* RTL + Dark mode combination */
[dir="rtl"].dark-only .customizer-links,
body.rtl.dark-only .customizer-links {
    border-right: 1px solid #333 !important;
    border-left: none !important;
}