/* Dealer Search Mobile Fix - Memastikan search bar terlihat di mobile */

/* FORCE OVERRIDE - Pastikan search section selalu terlihat di semua ukuran layar */
.search-section {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: -1 !important; /* Turunkan ke -1 */
    height: auto !important;
    overflow: visible !important;
    /* HAPUS position override - biarkan default untuk tidak mengganggu navbar scroll */
}

.search-card-top {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
}

/* FORCE OVERRIDE untuk semua child elements */
.search-section *,
.search-card-top * {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Container dan row elements */
.search-section .container,
.search-section .row,
.search-section .col-lg-10,
.search-section .col-md-11 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.search-section .row {
    display: flex !important;
}

.search-card-top .card-body,
.search-card-top form,
.search-card-top .row.g-3 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.search-card-top .row.g-3 {
    display: flex !important;
    flex-wrap: wrap !important;
}

/* Form columns */
.search-card-top .col-md-4,
.search-card-top .col-md-2 {
    display: flex !important;
    flex-direction: column !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Form elements */
.search-card-top input,
.search-card-top select,
.search-card-top button,
.search-card-top label,
.search-card-top .form-control,
.search-card-top .form-select,
.search-card-top .btn {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.search-card-top button,
.search-card-top .btn {
    display: inline-block !important;
}

/* Mobile specific fixes - COMPACT VERSION */
@media (max-width: 768px) {
    .search-section {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        padding: 8px 0 !important; /* Reduced from 10px */
        background: #f8f9fa !important;
        border-bottom: 1px solid #e9ecef !important;
        z-index: -1 !important; /* Turunkan ke -1 */
        height: auto !important;
        overflow: visible !important;
        /* HAPUS position override - biarkan default */
    }
    
    .search-card-top {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        border-radius: 8px !important; /* Reduced from 12px */
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important; /* Lighter shadow */
        margin: 0 8px !important; /* Reduced from 10px */
        height: auto !important;
        overflow: visible !important;
    }
    
    .search-card-top .card-body {
        padding: 12px !important; /* Reduced from 15px */
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Form responsive di mobile - COMPACT */
    .search-card-top .row.g-3 {
        gap: 8px !important; /* Reduced from 10px */
        display: flex !important;
        flex-direction: column !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .search-card-top .col-md-4,
    .search-card-top .col-md-2 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin-bottom: 8px !important; /* Reduced from 10px */
        display: flex !important;
        flex-direction: column !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Button styling di mobile - COMPACT */
    .search-card-top .btn {
        width: 100% !important;
        padding: 10px !important; /* Reduced from 12px */
        font-size: 14px !important; /* Reduced from 16px */
        border-radius: 6px !important; /* Reduced from 8px */
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        min-height: 40px !important; /* Set minimum height */
    }
    
    /* Form control styling - COMPACT */
    .search-card-top .form-control,
    .search-card-top .form-select {
        padding: 8px 10px !important; /* Reduced from 12px */
        font-size: 14px !important; /* Reduced from 16px */
        border-radius: 6px !important; /* Reduced from 8px */
        border: 1px solid #dee2e6 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        min-height: 38px !important; /* Set minimum height */
    }
    
    /* Label styling - COMPACT */
    .search-card-top .form-label {
        font-size: 12px !important; /* Reduced from 14px */
        font-weight: 600 !important;
        margin-bottom: 6px !important; /* Reduced from 8px */
        color: #495057 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Icon styling - COMPACT */
    .search-card-top .form-label i {
        display: inline !important;
        visibility: visible !important;
        opacity: 1 !important;
        font-size: 11px !important; /* Smaller icon */
    }
}

/* Tablet specific fixes - COMPACT VERSION */
@media (min-width: 769px) and (max-width: 1024px) {
    .search-section {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        padding: 10px 0 !important; /* Reduced from 15px */
        z-index: -1 !important; /* Turunkan ke -1 */
        /* HAPUS position override - biarkan default */
    }
    
    .search-card-top {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin: 0 15px !important; /* Reduced from 20px */
        border-radius: 10px !important;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08) !important;
    }
    
    .search-card-top .card-body {
        padding: 14px !important; /* Slightly reduced */
    }
    
    .search-card-top .btn {
        padding: 10px 16px !important;
        font-size: 14px !important;
    }
    
    .search-card-top .form-control,
    .search-card-top .form-select {
        padding: 9px 12px !important;
        font-size: 14px !important;
    }
    
    .search-card-top .form-label {
        font-size: 13px !important;
        margin-bottom: 6px !important;
    }
}

/* ULTIMATE FORCE OVERRIDE - Apply to all screen sizes */
@media screen {
    .search-section {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        overflow: visible !important;
        z-index: 1 !important; /* Turunkan dari 10 ke 1 */
        /* HAPUS position override - biarkan default untuk tidak mengganggu navbar scroll */
    }
    
    .search-card-top {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        overflow: visible !important;
    }
}

/* Desktop layout fixes - Always show reset button */
@media (min-width: 1025px) {
    .search-card-top .row.g-3 {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: end !important;
    }
    
    .search-card-top .col-md-4 {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }
    
    .search-card-top .col-md-2 {
        flex: 0 0 16.666667% !important;
        max-width: 16.666667% !important;
    }
    
    /* Ensure buttons are same height */
    .search-card-top .btn {
        min-height: 42px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

/* Override any potential conflicts from other CSS files */
body .search-section,
html .search-section,
* .search-section {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body .search-card-top,
html .search-card-top,
* .search-card-top {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}