/*your custom css goes here*/

/* Component hierarchy fixes */
.dropdown {
    z-index: 1000;
}

/* Mobile layout improvements */
@media (max-width: 1199.98px) {
    body {
        padding-bottom: 80px !important;
    }
    
    .aiz-main-wrapper {
        min-height: calc(100vh - 80px);
    }
}

@media (max-width: 767.98px) {
    /* Fix mobile header */
    .top {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1020 !important;
        width: 100% !important;
    }
    
    /* Adjust main content for fixed header with search row */
    .aiz-main-wrapper {
        padding-top: 140px !important; /* Increased for larger mobile header */
    }
    
    /* Mobile search improvements */
    .front-header-search-count {
        width: 100% !important;
    }
    
    /* Mobile search dropdown positioning */
    .typed-search-box {
        position: fixed !important;
        top: 140px !important;
        left: 15px !important;
        right: 15px !important;
        width: calc(100% - 30px) !important;
        z-index: 1025 !important;
        max-height: calc(100vh - 200px);
        overflow-y: auto;
    }
    
    /* Mobile search styling */
    .mobile-search-group {
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        border-radius: 25px;
        overflow: hidden;
        border: 1px solid #e0e0e0;
    }
    
    .mobile-search-input {
        border: none !important;
        box-shadow: none !important;
        font-size: 14px;
        padding: 12px 16px;
        height: 45px;
    }
    
    .mobile-search-btn {
        background: #000000 !important;
        border: none !important;
        padding: 0 20px;
        height: 45px;
        border-radius: 0 25px 25px 0 !important;
    }
}

/* Chat widget positioning */
#crisp-chatbox > div > a {
    bottom: 120px !important;
    right: 14px !important;
    z-index: 1070 !important;
    width: 55px !important;
    height: 55px !important;
}

.laykefu-min {
    z-index: 1070;
    bottom: 200px;
}

/* Modal and overlay improvements */
.modal {
    z-index: 1050;
}

.modal-backdrop {
    z-index: 1040;
}

/* Mobile bottom navigation enhancements */
.aiz-mobile-bottom-nav {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Search dropdown mobile fix */
@media (max-width: 767.98px) {
    .pac-container {
        z-index: 1030 !important;
        position: fixed !important;
    }
}

/* Cookie alert positioning */
.aiz-cookie-alert {
    z-index: 1090;
    bottom: 90px; /* Above mobile bottom nav */
}

@media (min-width: 1200px) {
    .aiz-cookie-alert {
        bottom: 20px; /* Normal position on desktop */
    }
}

/* Black theme button styles */
.btn-primary {
    transition: all 0.2s ease;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #000000 !important;
    border-color: #000000 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
    transform: translateY(-1px);
}

.btn-primary:active {
    transform: translateY(0);
}

/* Mobile search button - black theme */
@media (max-width: 767.98px) {
    .mobile-search-btn {
        background: #000000 !important;
    }
}