/* =========================================================
   STATUM TRAVEL — CSS Override for GoFly Theme
   ToursCE-style visual design layer
   
   RENK DEĞİŞTİRMEK İÇİN:
   Sadece :root altındaki değişkenleri değiştirin.
   ========================================================= */

/* =========================================================
   1. RENK DEĞİŞKENLERİ (CSS Variables)
   ========================================================= */
:root {
    /* Ana Renkler */
    --statum-primary: #1565c0;
    --statum-primary-dark: #0d47a1;
    --statum-primary-light: #e3f2fd;
    --statum-primary-lighter: #f8fcff;

    /* İkincil Renkler */
    --statum-secondary: #00acc1;
    --statum-secondary-dark: #00838f;

    /* Accent / CTA (Butonlar, Badge) */
    --statum-accent: #f97316;
    --statum-accent-dark: #ea580c;
    --statum-danger: #dc2626;

    /* Başarı / Uyarı */
    --statum-success: #10b981;
    --statum-warning: #f59e0b;

    /* Metin Renkleri */
    --statum-text-primary: #1a1a1a;
    --statum-text-secondary: #2d3748;
    --statum-text-muted: #757575;
    --statum-text-light: #9e9e9e;

    /* Arka Plan */
    --statum-bg-primary: #ffffff;
    --statum-bg-secondary: #fafafa;
    --statum-bg-light: #f5f5f5;

    /* Kenarlar */
    --statum-border-light: #e0e0e0;
    --statum-border-medium: #bdbdbd;

    /* Gölgeler */
    --statum-shadow-sm: 0 1px 2px rgba(0,0,0,.05);
    --statum-shadow-md: 0 4px 6px rgba(0,0,0,.1);
    --statum-shadow-lg: 0 10px 15px rgba(0,0,0,.1);
    --statum-shadow-xl: 0 20px 25px rgba(0,0,0,.15);

    /* Font */
    --statum-font: 'Mulish', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}


/* =========================================================
   2. GLOBAL TYPOGRAPHY & RESET
   ========================================================= */
body {
    font-family: var(--statum-font) !important;
    color: var(--statum-text-primary);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--statum-font) !important;
    color: var(--statum-text-primary);
}

p, span, a, li, td, th, label, input, textarea, select, button {
    font-family: var(--statum-font) !important;
}


/* =========================================================
   3. HEADER — TOPBAR AREA (ToursCE: Beyaz arka plan, ortalanmış arama)
   ========================================================= */

/* Topbar = ToursCE'nin üst beyaz header satırı */
.topbar-area {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 10px 0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}

.topbar-area .topbar-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

/* Logo */
.topbar-area .logo-and-search-area {
    display: flex;
    align-items: center;
    gap: 30px;
    flex: 1;
}

.topbar-area .logo-and-search-area .header-logo img {
    height: auto;
    /* width controlled by GoFly Options → Logo → Header Logo Dimensions */
}

/* Search bar — ToursCE büyük, yuvarlak, merkezde */
.topbar-area .search-area {
    flex: 1;
    max-width: 560px;
}

.topbar-area .search-area .form-inner {
    position: relative;
    border-radius: 26px !important;
    overflow: hidden;
    border: 1px solid #e2e8f0 !important;
    background: #f8f9fa !important;
    box-shadow: 0 1px 6px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
}

.topbar-area .search-area .form-inner:hover,
.topbar-area .search-area .form-inner:focus-within {
    border-color: var(--statum-primary) !important;
    box-shadow: 0 2px 16px rgba(21,101,192,0.15);
    background: #fff !important;
}

.topbar-area .search-area .form-inner input[type="text"] {
    border: none !important;
    background: transparent !important;
    font-size: 14px;
    font-weight: 500;
    color: #2d3748;
    padding: 10px 18px !important;
    height: 44px;
    width: 100%;
    outline: none !important;
    box-shadow: none !important;
}

.topbar-area .search-area .form-inner input[type="text"]::placeholder {
    color: #a0aec0;
    font-weight: 400;
}

.topbar-area .search-area .form-inner button[type="submit"] {
    background: var(--statum-primary) !important;
    border: none !important;
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 0.3s;
}

.topbar-area .search-area .form-inner button[type="submit"]:hover {
    background: var(--statum-primary-dark) !important;
    transform: translateY(-50%) scale(1.05);
}

.topbar-area .search-area .form-inner button[type="submit"] svg {
    fill: #fff !important;
    width: 15px;
    height: 15px;
}

/* Topbar right — "Contact Us" pill + user icon + dil */
.topbar-area .topbar-right {
    display: flex;
    align-items: center;
    gap: 12px;
}

.topbar-area .topbar-right .support-and-language-area {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* "Contact Us" → pill outline button style */
.topbar-area .topbar-right .support-and-language-area a {
    color: #2d3748 !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 7px 16px;
    transition: all 0.2s;
    background: #fff;
}

.topbar-area .topbar-right .support-and-language-area a:hover {
    background: var(--statum-primary) !important;
    color: #fff !important;
    border-color: var(--statum-primary) !important;
}

/* Login button → circle icon style (ToursCE user circle) */
/* Login/Account button — kompakt pill, GoFly hover animasyonu korunur */
.primary-btn1.black-bg {
    background: var(--statum-primary) !important;
    border: none !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 8px 16px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    overflow: hidden !important;
    color: #fff !important;
    transition: background 0.2s, transform 0.2s;
    /* GoFly span pozisyonlama için gerekli */
    position: relative;
}

.primary-btn1.black-bg span {
    display: flex !important;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    color: #fff !important;
}

/* GoFly ikinci span (hover efekti için) — üst üste geliyor, sadece birini göster */
.primary-btn1.black-bg span + span {
    display: none !important;
}

.primary-btn1.black-bg span svg {
    fill: #fff !important;
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0;
}

.primary-btn1.black-bg:hover {
    background: var(--statum-primary-dark) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(21,101,192,0.25);
}


/* =========================================================
   4. HEADER — MAIN NAV BAR (ToursCE: Ayrı beyaz nav bar)
   ========================================================= */
header.style-1 {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    transition: all 0.3s ease;
    box-shadow: none;
}

header.style-1.sticky {
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
}

/* Menü linkleri — ToursCE koyu metin, hover mavi */
header.style-1 .main-menu .menu-list > li > a {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #2d3748 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 18px 14px !important;
    transition: color 0.2s;
    position: relative;
}

header.style-1 .main-menu .menu-list > li > a:hover,
header.style-1 .main-menu .menu-list > li.active > a {
    color: var(--statum-primary) !important;
}

/* Active underline indicator */
header.style-1 .main-menu .menu-list > li > a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 3px;
    background: var(--statum-primary);
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

header.style-1 .main-menu .menu-list > li > a:hover::after,
header.style-1 .main-menu .menu-list > li.active > a::after {
    width: 100%;
}

/* Contact area in nav */
header.style-1 .nav-right .contact-area .single-contact .content a {
    color: var(--statum-primary) !important;
    font-weight: 600;
}

header.style-1 .nav-right .contact-area .single-contact .content span {
    color: #718096;
    font-size: 12px;
}

/* =========================================================
   BUG FIX: Mobil butonların masaüstünde görünmesi
   Bootstrap'ın d-lg-none class'ı override ediliyor
   ========================================================= */
@media (min-width: 992px) {
    /* Mobil-only login butonu masaüstünde gizle */
    header.style-1 .main-menu .primary-btn1.black-bg.d-lg-none,
    .main-menu .primary-btn1.black-bg.d-lg-none,
    .d-lg-none.primary-btn1 {
        display: none !important;
    }
    /* Topbar dil alanı - mobilde saklı, desktopte göster */
    .topbar-area .language-area {
        display: block !important;
    }
}

/* WhatsApp kutusu nav'da düzgün hizalanması */
header.style-1 .nav-right .contact-area {
    align-items: center;
}

header.style-1 .nav-right .contact-area .single-contact {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Topbar dil seçici */
.topbar-area .language-area,
.topbar-area .topbar-right .language-area {
    display: flex;
    align-items: center;
}


/* =========================================================
   5. MEGA MENU WIDGET OVERRIDES
   ========================================================= */
.mega-menu {
    padding: 0 !important;
    top: 100% !important;
    margin-top: 0 !important;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15) !important;
    border: none !important;
    background: transparent !important;
}


/* =========================================================
   6. BREADCRUMB AREA
   ========================================================= */
.breadcrumb-area {
    background: linear-gradient(135deg, var(--statum-primary) 0%, var(--statum-primary-dark) 100%) !important;
    padding: 20px 0 !important;
    min-height: auto !important;
}

.breadcrumb-area .breadcrumb-title h2 {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #fff !important;
}

.breadcrumb-area .breadcrumb-list li,
.breadcrumb-area .breadcrumb-list li a {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 14px !important;
}

.breadcrumb-area .breadcrumb-list li a:hover {
    color: #fff !important;
}


/* =========================================================
   7. BUTTONS — GLOBAL OVERRIDES
   ========================================================= */
.primary-btn1 {
    font-family: var(--statum-font) !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    border-radius: 8px !important;
    transition: all 0.2s ease-in-out !important;
}

.primary-btn1:hover {
    transform: translateY(-1px);
    box-shadow: var(--statum-shadow-md);
}

/* GoFly's main CTA buttons */
.primary-btn3,
.primary-btn2 {
    font-family: var(--statum-font) !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
}


/* =========================================================
   8. TOUR CARDS — GoFly Native Grid Override
   ========================================================= */
.tour-packages .single-tour-package {
    border-radius: 16px !important;
    overflow: hidden;
    border: 1px solid var(--statum-border-light) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.4s cubic-bezier(.165, .84, .44, 1) !important;
}

.tour-packages .single-tour-package:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    border-color: var(--statum-primary) !important;
}

.tour-packages .single-tour-package .tour-package-thumb img {
    transition: transform 0.4s ease !important;
}

.tour-packages .single-tour-package:hover .tour-package-thumb img {
    transform: scale(1.08) !important;
}

.tour-packages .single-tour-package .tour-package-content .tour-title a {
    font-weight: 700 !important;
    color: var(--statum-text-primary) !important;
    transition: color 0.2s;
}

.tour-packages .single-tour-package .tour-package-content .tour-title a:hover {
    color: var(--statum-primary) !important;
}

.tour-packages .single-tour-package .tour-package-content .price {
    color: var(--statum-primary) !important;
    font-weight: 800 !important;
}


/* =========================================================
   9. SINGLE TOUR PAGE
   ========================================================= */

/* Tour header area */
.tour-header-area,
.single-tour-details-area .tour-header {
    background: linear-gradient(to bottom, #fafbfc 0%, #fff 100%);
    border-radius: 20px;
}

/* Tour title */
.single-tour-details-area h2,
.tour-details-section h2 {
    font-size: 2rem !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.025em !important;
    color: var(--statum-text-secondary) !important;
}

/* Tour sidebar / booking section */
.single-tour-details-area .tour-sidebar,
.tour-sidebar-area {
    background: var(--statum-bg-primary);
    border-radius: 1rem;
    box-shadow: var(--statum-shadow-xl);
    overflow: hidden;
    border: 1px solid var(--statum-border-light);
}

.tour-sidebar-area .price-area,
.single-tour-details-area .tour-sidebar .price-area {
    background: linear-gradient(135deg, var(--statum-primary) 0%, var(--statum-primary-dark) 100%);
    padding: 24px;
    text-align: center;
}

.tour-sidebar-area .price-area .price,
.single-tour-details-area .tour-sidebar .price-area .price {
    font-size: 2.5rem !important;
    font-weight: 900 !important;
    color: #fff !important;
}

/* Tour meta badges */
.location-badge,
.tour-badge {
    background: linear-gradient(135deg, var(--statum-primary) 0%, var(--statum-primary-dark) 100%) !important;
    padding: 6px 20px !important;
    border-radius: 50px !important;
    font-size: 13px !important;
    color: #fff !important;
    font-weight: 500 !important;
}

/* Star rating */
.star-rating i {
    color: #f6ad55 !important;
}

/* Day itinerary cards */
.toursce-day-content,
.itinerary-item,
.day-content {
    background: #fff;
    border: 2px solid #e0e7ff;
    border-radius: 12px;
    padding: 25px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}

.toursce-day-content:hover,
.itinerary-item:hover,
.day-content:hover {
    box-shadow: 0 5px 20px rgba(21, 101, 192, 0.15);
    border-color: var(--statum-primary);
}

/* Inclusions & Exclusions */
.inclusions-section,
.toursce-inclusions-box {
    border-top: 4px solid var(--statum-success) !important;
}

.exclusions-section,
.toursce-exclusions-box {
    border-top: 4px solid var(--statum-danger) !important;
}

/* Booking button */
.booking-btn,
.book-now-btn,
.wc-bookings-booking-form-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 18px 32px !important;
    background: linear-gradient(135deg, var(--statum-accent) 0%, var(--statum-danger) 100%) !important;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 12px !important;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(.4, 0, .2, 1) !important;
    box-shadow: 0 20px 25px -5px rgba(249, 115, 22, 0.4) !important;
    text-decoration: none !important;
}

.booking-btn:hover,
.book-now-btn:hover,
.wc-bookings-booking-form-button:hover {
    background: linear-gradient(135deg, var(--statum-accent-dark) 0%, #b91c1c 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 25px 50px -12px rgba(249, 115, 22, 0.5) !important;
}

/* Discount badge */
.discount-badge,
.sale-badge {
    background: linear-gradient(135deg, var(--statum-warning) 0%, var(--statum-danger) 100%) !important;
    color: #fff !important;
    font-weight: 800 !important;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 13px;
}


/* =========================================================
   10. FOOTER OVERRIDES (Elementor-built → .footer-noborder)
   ========================================================= */
.footer-noborder {
    border-top: 4px solid var(--statum-primary) !important;
    font-family: var(--statum-font) !important;
}

/* Footer headings (Elementor heading widget) */
.footer-noborder .elementor-heading-title {
    font-family: var(--statum-font) !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
    position: relative;
}

/* Footer icon-box titles (To More Inquiry, WhatsApp, etc.) */
.footer-noborder .elementor-icon-box-title {
    font-family: var(--statum-font) !important;
    font-weight: 700 !important;
}

/* Footer link lists */
.footer-noborder .elementor-icon-list-item a {
    transition: all 0.3s ease !important;
}

.footer-noborder .elementor-icon-list-item a:hover {
    color: var(--statum-primary) !important;
    padding-left: 4px;
}

/* Footer social icons */
.footer-noborder .elementor-social-icon {
    transition: all 0.3s cubic-bezier(.4, 0, .2, 1) !important;
}

.footer-noborder .elementor-social-icon:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;
}

/* Bottom copyright bar (last section in footer) */
.footer-noborder > .e-child:last-child {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}


/* =========================================================
   11. KIPMAN WIDGET CLASS OVERRIDES
   ========================================================= */

/* Statum card wrapper (was toursce-card-wrapper) */
.toursce-card-wrapper {
    font-family: var(--statum-font) !important;
}

.toursce-card-badge {
    background-color: var(--statum-danger) !important;
}

.toursce-btn {
    background-color: var(--statum-danger) !important;
}

.toursce-btn:hover {
    background-color: #a93226 !important;
}

/* Kipman mega menu wrapper */
.kipman-mega-menu-wrapper {
    font-family: var(--statum-font) !important;
}

.kipman-mega-tabs li.active {
    color: var(--statum-primary) !important;
}

.kipman-mega-tabs li.active::after {
    background: var(--statum-primary) !important;
}

.kipman-mega-tabs li:hover {
    color: var(--statum-primary) !important;
}

.kmm-tour-row:hover {
    border-color: var(--statum-primary) !important;
}

.kmm-tour-meta i {
    color: var(--statum-primary) !important;
}


/* =========================================================
   12. RESPONSIVE OVERRIDES
   ========================================================= */
@media (max-width: 991px) {
    .topbar-area {
        display: none !important;
    }

    header.style-1 {
        padding: 10px 0 !important;
    }

    header.style-1 .main-menu .menu-list > li > a {
        padding: 12px 16px !important;
    }

    .breadcrumb-area {
        padding: 15px 0 !important;
    }

    .breadcrumb-area .breadcrumb-title h2 {
        font-size: 1.2rem !important;
    }
}

@media (max-width: 767px) {
    .footer-section .footer-top {
        padding: 40px 0 25px;
    }

    .single-tour-details-area h2,
    .tour-details-section h2 {
        font-size: 1.5rem !important;
    }
}

@media (max-width: 575px) {
    .primary-btn1 {
        padding: 8px 16px !important;
        font-size: 13px !important;
    }
}


/* =========================================================
   13. UTILITY CLASSES (ihtiyaç halinde)
   ========================================================= */
.statum-gradient-bg {
    background: linear-gradient(135deg, var(--statum-primary) 0%, var(--statum-primary-dark) 100%);
}

.statum-text-primary {
    color: var(--statum-primary) !important;
}

.statum-badge {
    background: linear-gradient(135deg, var(--statum-accent) 0%, var(--statum-danger) 100%);
    color: #fff;
    padding: 5px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.statum-card {
    background: var(--statum-bg-primary);
    border-radius: 16px;
    border: 1px solid var(--statum-border-light);
    box-shadow: var(--statum-shadow-sm);
    transition: all 0.3s ease;
}

.statum-card:hover {
    box-shadow: var(--statum-shadow-lg);
    transform: translateY(-4px);
}


/* =========================================================
   14. MOBIL MENÜ — ToursCE Stili (Sağdan Kayan Panel)
   ========================================================= */

/* Overlay (arka plan karartma) */
.statum-mobile-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
    -webkit-backdrop-filter: blur(2px);
}

@media (max-width: 991px) {

    /* ── Panel Drawer ── */
    .main-menu {
        position: fixed !important;
        top: 0 !important;
        right: -105% !important;
        width: min(88vw, 400px) !important;
        height: 100dvh !important;
        background: #ffffff !important;
        box-shadow: -10px 0 40px rgba(0,0,0,0.15) !important;
        z-index: 9999 !important;
        overflow: hidden !important; /* İç panellerin dışarı taşmasını engelle */
        transition: right 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
        padding: 0 !important;
    }
    .main-menu.show-menu { right: 0 !important; }

    /* Ana Liste */
    .main-menu .menu-list {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .main-menu .menu-list > li {
        position: static !important; /* Alt panellerin tüm alanı kaplaması için */
        border-bottom: 1px solid #f1f5f9 !important;
    }

    /* Link Satırı */
    .main-menu .menu-list > li > a {
        display: flex !important;
        align-items: center !important;
        padding: 16px 20px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        color: #1e293b !important;
        text-decoration: none !important;
    }

    /* Blue dot bullet */
    .main-menu .menu-list > li > a::before {
        content: '' !important;
        display: inline-block !important;
        width: 6px !important;
        height: 6px !important;
        border-radius: 50% !important;
        background: #1565c0 !important;
        margin-right: 12px !important;
        flex-shrink: 0 !important;
    }

    /* Chevron İkonu */
    .main-menu .menu-list > li > i.dropdown-icon.bi-plus {
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
        width: 50px !important;
        height: 54px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 0 !important;
        cursor: pointer !important;
        z-index: 5;
    }
    .main-menu .menu-list > li > i.dropdown-icon.bi-plus::before {
        content: '' !important;
        display: block !important;
        width: 8px !important;
        height: 8px !important;
        border-right: 2px solid #94a3b8 !important;
        border-top: 2px solid #94a3b8 !important;
        transform: rotate(45deg) !important;
    }

    /* ── Kayar Paneller (Level 2) ── */
    .main-menu .sub-menu, 
    .main-menu .mega-menu {
        position: absolute !important;
        top: 0 !important;
        left: 100% !important;
        width: 100% !important;
        height: 100% !important;
        background: #ffffff !important;
        z-index: 100 !important;
        transition: left 0.3s ease-in-out !important;
        padding: 60px 0 20px 0 !important; /* Geri butonu alanı */
        overflow-y: auto !important;
        display: block !important;
        visibility: visible !important;
        margin: 0 !important;
        border: none !important;
        box-shadow: none !important;
    }
    
    .main-menu .sub-menu.active-panel,
    .main-menu .mega-menu.active-panel {
        left: 0 !important;
    }

    /* Geri Butonu (JS ile eklenir) */
    .statum-menu-back {
        position: sticky !important;
        top: 0;
        width: 100%;
        padding: 16px 20px;
        background: #f8fafc;
        border-bottom: 1px solid #e2e8f0;
        font-weight: 700;
        font-size: 15px;
        color: #1e293b;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 12px;
        z-index: 110;
        box-shadow: 0 2px 5px rgba(0,0,0,0.02);
        margin-top: -60px; /* Panel paddingini nötrlemek için */
    }
    .statum-menu-back i {
        color: #1565c0;
        font-size: 18px;
    }

    /* Mega Menu İçerik Uyumu */
    .main-menu .mega-menu .kipman-mega-menu-wrapper {
        flex-direction: column !important;
        padding: 10px !important;
    }
    .main-menu .mega-menu .kipman-mega-tabs {
        display: none !important; /* Mobilde tablar çok karmaşık, tümünü gösterelim veya basitleştirelim */
    }
    .main-menu .mega-menu .kipman-mega-content {
        padding: 0 !important;
    }
    .main-menu .mega-menu .kmm-pane {
        display: flex !important;
        flex-direction: column !important;
    }


} /* end @media 991px */


/* =========================================================
   15. TOUR GRID RESPONSIVE FİX
   "Boydan boya" sorununu çöz — max-width ile kutu
   ========================================================= */

/* Tour grid kapsayıcısı - Bootstrap container ile uyumlu */
.kpm-tour-grid-wrap {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 60px;
}
@media (max-width: 767px) {
    .kpm-tour-grid-wrap {
        margin-top: 30px;
        margin-bottom: 40px;
    }
}

/* Grid responsive breakpoints */
@media (max-width: 1200px) {
    .kpm-columns-4 {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}
@media (max-width: 992px) {
    .kpm-columns-4,
    .kpm-columns-3 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 640px) {
    .kpm-columns-4,
    .kpm-columns-3,
    .kpm-columns-2 {
        grid-template-columns: 1fr !important;
    }

    /* Tekil kart genişliği mobilde %100 */
    .kpm-tour-card {
        max-width: 100% !important;
    }
}

/* Elementor container düzeltme (widget tam genişlik sorununu engeller) */
.elementor-widget-kipman_tour_grid .elementor-widget-container {
    max-width: 100%;
    overflow: hidden;
}

/* =========================================================
   16. SURGICAL HEADER FIXES
   ========================================================= */

/* Hide mobile back buttons in the mega menu on desktop only */
@media (min-width: 992px) {
    .statum-menu-back {
        display: none !important;
    }
}

/* =========================================================
   17. TRANSLATEPRESS DROPDOWN Z-INDEX FIX
   ========================================================= */
.topbar-area,
header.style-1 {
    position: relative !important;
    z-index: 99999 !important;
}

.trp-language-switcher.trp-ls-dropdown .trp-switcher-dropdown-list,
.trp-language-switcher {
    z-index: 99999 !important;
}

/* Prevent any parent from cutting off the dropdown */
.topbar-area *,
header.style-1 * {
    /* Don't strictly apply overflow visible to EVERYTHING as it might break search box */
}
.language-area,
.topbar-right,
.support-and-language-area {
    overflow: visible !important;
}