/* Custom Styles for Application */

/* Custom primary color override (Uncomment and adjust as needed) */
/*
:root {
    --tw-primary: #your_hex_code;
    --kt-primary: #your_hex_code;
}
*/

/* RTL Drawer Animation Fix for KTUI */
html[dir="rtl"] .kt-drawer-end:not(.open) {
    --tw-translate-x: -100%;
}

/* Login Page Branded Background Fallback Fixes */
.branded-bg {
    background-image: url("/assets/media/backgrounds/login_background.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.dark .branded-bg {
    background-image: url("/assets/media/backgrounds/login_background.png");
}
@media (min-width: 1024px) {
    .branded-bg {
        border-radius: 0.75rem;
        margin: 1.25rem;
        border: 1px solid var(--tw-border-color, #e5e7eb);
    }
}

/* --- Caravane 2 Brand Color Customizations --- */

:root, [data-kt-theme-mode="light"] {
    --primary: #E5C41C !important;
    --primary-active: #BBA014 !important;
    --primary-light: #FFFBE6 !important;
    --primary-inverse: #2B2C2D !important;

    /* map custom variables */
    --color-primary: var(--primary) !important;
    --color-primary-active: var(--primary-active) !important;
    --color-primary-light: var(--primary-light) !important;
    --color-primary-inverse: var(--primary-inverse) !important;
    
    --tw-primary: var(--primary) !important;
    --tw-primary-active: var(--primary-active) !important;
}

[data-kt-theme-mode="dark"] {
    --primary: #E5C41C !important;
    --primary-active: #F5E37A !important;
    --primary-light: #2B2C2D !important;
    --primary-inverse: #1B1C1E !important;

    /* map custom variables */
    --color-primary: var(--primary) !important;
    --color-primary-active: var(--primary-active) !important;
    --color-primary-light: var(--primary-light) !important;
    --color-primary-inverse: var(--primary-inverse) !important;
}

/* ==========================================================================
   Clean Premium Sahara Sidebar Custom Fixes (Commented Out)
   ==========================================================================
[1. Base Dark Sidebar Setup]
.demo1 #sidebar_content,
.demo1 #sidebar_scrollable,
.demo1 .kt-sidebar {
    background-color: #1B1C1E !important; 
}

[2. Reset ALL default states to look clean, uniform, and dark-mode premium]
.demo1 #sidebar_menu .kt-menu-link {
    background-color: transparent !important;
    border-color: transparent !important;
}

.demo1 #sidebar_menu .kt-menu-title {
    color: #E2E3E4 !important;
    font-weight: 500 !important;
}

.demo1 #sidebar_menu .kt-menu-icon i {
    color: #9A9C9E !important;
}

.demo1 #sidebar_menu .kt-menu-heading {
    color: #636466 !important;
}

[3. Handle Hover States cleanly for individual rows]
.demo1 #sidebar_menu .kt-menu-link:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}
.demo1 #sidebar_menu .kt-menu-link:hover .kt-menu-title,
.demo1 #sidebar_menu .kt-menu-link:hover .kt-menu-icon i {
    color: var(--primary) !important;
}

[4. Target ONLY the True Active Item (Using Metronic's runtime conditional class context)]
.demo1 #sidebar_menu .kt-menu-item.active > .kt-menu-link,
.demo1 #sidebar_menu .kt-menu-item.here > .kt-menu-link {
    background-color: color-mix(in srgb, var(--primary) 15%, transparent) !important;
    border-radius: 0.5rem !important;
}

[Style properties inside the true single active link element]
.demo1 #sidebar_menu .kt-menu-item.active > .kt-menu-link .kt-menu-title,
.demo1 #sidebar_menu .kt-menu-item.here > .kt-menu-link .kt-menu-title {
    color: var(--primary) !important;
    font-weight: 600 !important;
}

.demo1 #sidebar_menu .kt-menu-item.active > .kt-menu-link .kt-menu-icon i,
.demo1 #sidebar_menu .kt-menu-item.here > .kt-menu-link .kt-menu-icon i {
    color: var(--primary) !important;
}

[5. Custom Accordion Left Tree lines (e.g., Hotels submenu)]
.demo1 #sidebar_menu .kt-menu-accordion::before {
    border-color: rgba(255, 255, 255, 0.1) !important;
}
.demo1 #sidebar_menu .kt-menu-bullet::before {
    background-color: #636466 !important;
}
.demo1 #sidebar_menu .kt-menu-item.active > .kt-menu-link .kt-menu-bullet::before {
    background-color: var(--primary) !important;
}
*/

/* Prevent logo cropping inside Metronic image input containers */
.kt-image-input-placeholder,
.kt-image-input-preview {
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}