/* ==========================================================================
   SKYTUNISIA PREMIUM CAR RENTAL THEME
   Specific adaptations for location-voiture pages to ensure premium look.
   ========================================================================== */

/* Import Base Settings */
@import url('sky-premium-complete.css');
@import url('custom_premium.css');

/* 1. Page Specific Background Override */
body {
    background: #F9FAFB !important;
}

/* 2. Compact Hero for Car Rental */
.hero-section {
    background: linear-gradient(135deg, #0A1F44 0%, #1E3A8A 50%, #7B61FF 100%) !important;
    padding: 100px 0 160px 0 !important;
    text-align: center;
    color: white;
    margin-bottom: 0 !important;
    position: relative;
    z-index: 5;
}

.hero-title {
    color: white !important;
    font-size: 2.8rem !important;
    margin-bottom: 1rem !important;
    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.hero-subtitle {
    color: rgba(255, 255, 255, 0.95) !important;
    font-size: 1.2rem !important;
}

/* 3. Search Widget Container Adjustment */
.search-widget-container {
    margin-top: -120px;
    position: relative;
    z-index: 20;
    padding-bottom: 60px;
}

/* 4. Car Rental Search Card */
.search-card {
    background: white !important;
    border-radius: 24px !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15) !important;
    padding: 20px !important;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

/* 5. Hide Legacy Jetcost Elements that might bleed through */
#base-search-form,
.outdated-browser-container,
style+div>.w-full.h-auto,
form[role="search"],
.text-lg.md\:text-3xl.mb-2 {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
}

/* Aggressive hider for the specific jetcost container */
div[class*="w-full h-auto md:max-h-[42rem]"] {
    display: none !important;
}

/* 6. Typography Fixes for this section */
h1,
h2,
h3 {
    font-family: 'Outfit', sans-serif !important;
}

/* 7. Footer Consistency */
footer.footer {
    margin-top: auto;
    background: #051229 !important;
}

/* 8. Specific fixes for the white-label widget (iframe/div) if accessible */
#tpwl-search {
    min-height: 100px;
}

/* 9. Container Tweaks */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}