/* master.blade.php body sonundan tasinan stiller — ilk boyamada uygulansin (FOUC fix) */

/* Floating WhatsApp & Mobil sticky CTA */
    .vt-fab-wa {
        position: fixed;
        right: 18px;
        bottom: 84px;
        z-index: 1040;
        width: 52px; height: 52px;
        border-radius: 999px;
        background: #25D366;
        display: grid; place-items: center;
        box-shadow: 0 12px 30px -10px rgba(37,211,102,.6), 0 6px 20px rgba(0,0,0,.3);
        text-decoration: none;
    }
    .vt-fab-wa i { color: #fff; font-size: 22px; }
    .vt-mobile-cta { display: none; }
    @media (max-width: 767.98px) {
        .vt-fab-wa { bottom: 110px; right: 14px; }
        .vt-mobile-cta {
            display: flex; gap: 10px;
            position: fixed; left: 12px; right: 12px; bottom: 12px;
            z-index: 1039;
            padding: 10px;
            background: rgba(15,15,15,.92);
            border: 1px solid rgba(255,255,255,.08);
            border-radius: 16px;
            backdrop-filter: blur(10px);
            box-shadow: 0 16px 40px -10px rgba(0,0,0,.55);
        }
        .vt-mobile-cta a {
            flex: 1;
            min-height: 52px;
            display: inline-flex !important;
            align-items: center;
            justify-content: center;
            gap: 8px;
            padding: 0 14px;
            border-radius: 12px;
            font-size: 14px;
            font-weight: 600;
            line-height: 1;
            text-decoration: none;
            white-space: nowrap;
        }
        .vt-mobile-cta a i {
            font-size: 16px;
            line-height: 1;
            margin: 0;
        }
        .vt-mobile-cta .vt-cta-call {
            color: #fff;
            background: rgba(255,255,255,.06);
            border: 1px solid rgba(255,255,255,.14);
        }
        .vt-mobile-cta .vt-cta-call i { color: #e3c75a; }
        .vt-mobile-cta .vt-cta-book {
            color: #0b0b0b;
            background: linear-gradient(180deg, #e3c75a, #c9a227);
            border: 1px solid transparent;
            box-shadow: 0 8px 22px -6px rgba(201,162,39,.55);
        }
        body { padding-bottom: 96px; }
    }

/* ---- */

.saatsec {
        color: white !important;
    }

    .saatsec:focus {
        color: red !important;
    }

    .fa-refresh:hover { color: red}

    /* Topbar dil + para birimi */
    #topbar {
        min-height: 46px;
    }
    #topbar .container {
        min-height: 46px;
    }
    #topbar .social-icons {
        min-height: 46px;
        display: flex;
        align-items: center;
    }
    .vt-topbar-lang {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 14px;
        min-height: 46px;
        white-space: nowrap;
    }
    .gtranslate_wrapper {
        min-width: 248px;
        min-height: 24px;
        display: inline-flex !important;
        align-items: center;
        justify-content: flex-end;
        gap: 4px;
        flex-wrap: nowrap !important;
        overflow: hidden;
    }
    .gtranslate_wrapper a,
    .gtranslate_wrapper img {
        flex: 0 0 auto;
        line-height: 1;
    }
    .vt-topbar-pb {
        flex: 0 0 auto;
        min-width: 68px;
        min-height: 30px;
        line-height: 30px;
        font-size: 12px;
        cursor: pointer;
        white-space: nowrap;
        color: rgba(255,255,255,.8);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
    }
    .vt-topbar-pb:hover { color: #fff; }
    .vt-topbar-pb b { color: #fff; }
    .vt-pb-symbol {
        display: inline-grid;
        place-items: center;
        min-width: 20px;
        height: 20px;
        padding: 0 5px;
        border-radius: 6px;
        background: linear-gradient(135deg, #e3c75a 0%, #c9a227 100%);
        color: #0b0b0b;
        font-size: 13px;
        font-weight: 700;
        line-height: 1;
    }

    /* VipTransfer wordmark (logo image yoksa) */
    .vt-wordmark {        display: inline-flex; align-items: center; gap: 10px;
        line-height: 1;
    }
    .vt-wordmark-mark {
        width: 38px; height: 38px;
        display: grid; place-items: center;
        border-radius: 8px;
        background: linear-gradient(135deg, #e3c75a 0%, #c9a227 100%);
        color: #0b0b0b;
        font-weight: 800;
        font-family: var(--title-font);
        font-size: 22px;
        box-shadow: 0 8px 22px -8px rgba(201,162,39,.55);
    }
    .vt-wordmark-text {
        font-family: var(--title-font);
        font-size: 24px;
        font-weight: 600;
        letter-spacing: -0.01em;
        color: #ffffff;
    }
    .vt-wordmark-text b {
        color: #e3c75a;
        font-weight: 700;
    }
    /* Light header (top of page) için ufak fark */
    header.scroll-light .vt-wordmark-text { color: #ffffff; }

    /* ===================== LÜKS POLISH (altın + koyu, tüm sayfa) ===================== */

    /* Site genelinde tek başlık tipografisi */
    h1, h2, h3,
    .vt-hero-h1,
    #section-destinations h2,
    #section-prices h2,
    #section-news h2,
    #section-faq h2 {
        font-family: var(--title-font) !important;
        font-weight: 600 !important;
        letter-spacing: normal !important;
    }
    /* Hero başlığı: sabit metriklerle yükleme sırasında kaymasın */
    .vt-hero-h1 {
        line-height: 1.18 !important;
        font-weight: 600 !important;
    }

    /* Metin seçiminde altın vurgu */
    ::selection { background: rgba(201,162,39,.28); color: #fff; }

    /* Bölüm ritmi: daha fazla nefes alanı = lüks */
    section { padding-top: 88px; padding-bottom: 88px; }
    @media (max-width: 991.98px) { section { padding-top: 60px; padding-bottom: 60px; } }

    /* Container'ı hafif daralt: kenar boşluğu premium hissi verir */
    @media (min-width: 1200px) {
        .container { max-width: 1160px; }
    }

    /* Başlık altı ince altın çizgi (merkez bölümler) */
    #section-destinations h2,
    #section-prices h2,
    #section-news h2,
    #section-faq h2 { position: relative; }

    /* Altın aksanlı linkler/ikonlar zaten --primary-color üzerinden geliyor.
       Ek olarak buton parlamasını yumuşat. */
    .btn-main {
        letter-spacing: .03em;
        box-shadow: 0 10px 30px -12px rgba(201,162,39,.5);
    }

    /* Destinasyon kartı: daha yumuşak köşe + altın hover kenarlığı */
    .vt-dest-card { border-radius: 22px !important; border: 1px solid rgba(255,255,255,.06); }
    .vt-dest-card:hover { border-color: rgba(201,162,39,.45); }

    /* Fiyat etiketini altın pill içine al */
    .vt-dest-price strong {
        background: rgba(201,162,39,.14);
        border: 1px solid rgba(201,162,39,.35);
        padding: 3px 10px;
        border-radius: 99px;
        color: var(--gold-light, #e3c75a) !important;
    }

    /* ===== Hero yan lüks dekorasyon ===== */
    .vt-hero-deco { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
    .vt-side-label {
        position: absolute;
        top: 50%;
        font-family: var(--title-font);
        font-size: 13px;
        letter-spacing: .42em;
        text-transform: uppercase;
        color: rgba(201,162,39,.55);
        white-space: nowrap;
    }
    .vt-side-left  { left: 26px;  transform: translateY(-50%) rotate(-90deg); transform-origin: left center; }
    .vt-side-right { right: 26px; transform: translateY(-50%) rotate(90deg);  transform-origin: right center; }
    /* Yan ışık parıltıları (ambient altın) */
    .vt-deco-glow {
        position: absolute;
        width: 420px; height: 420px;
        border-radius: 50%;
        filter: blur(80px);
        opacity: .5;
    }
    .vt-deco-glow-l { left: -180px; top: 12%;  background: radial-gradient(circle, rgba(201,162,39,.35), transparent 70%); }
    .vt-deco-glow-r { right: -180px; bottom: 6%; background: radial-gradient(circle, rgba(201,162,39,.22), transparent 70%); }
    @media (max-width: 1199.98px) {
        .vt-side-label { display: none; }
    }
    @media (max-width: 767.98px) {
        .vt-deco-glow { width: 280px; height: 280px; filter: blur(60px); opacity: .55; }
        .vt-deco-glow-l { left: -120px; top: 2%; }
        .vt-deco-glow-r { right: -120px; bottom: 2%; }
    }

    /* ===== Hero form kartı: art-deco altın köşe çerçeveleri ===== */
    .hero-form-card {
        background-clip: padding-box;
    }
    .hero-form-card .vt-card-corner {
        position: absolute;
        width: 22px; height: 22px;
        border: 2px solid rgba(201,162,39,.65);
        z-index: 3;
        pointer-events: none;
    }
    .hero-form-card .vt-card-corner.tl { top: 10px;  left: 10px;  border-right: 0; border-bottom: 0; border-top-left-radius: 8px; }
    .hero-form-card .vt-card-corner.tr { top: 10px;  right: 10px; border-left: 0;  border-bottom: 0; border-top-right-radius: 8px; }
    .hero-form-card .vt-card-corner.bl { bottom: 10px; left: 10px;  border-right: 0; border-top: 0; border-bottom-left-radius: 8px; }
    .hero-form-card .vt-card-corner.br { bottom: 10px; right: 10px; border-left: 0;  border-top: 0; border-bottom-right-radius: 8px; }

    /* ===== Art-deco altın bölüm ayracı ===== */
    .vt-divider {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 14px;
        padding: 8px 0;
        margin: 0 auto;
        max-width: 320px;
    }
    .vt-divider::before,
    .vt-divider::after {
        content: "";
        flex: 1;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(201,162,39,.6));
    }
    .vt-divider::after { background: linear-gradient(90deg, rgba(201,162,39,.6), transparent); }
    .vt-divider span {
        width: 9px; height: 9px;
        transform: rotate(45deg);
        background: var(--primary-color, #c9a227);
        box-shadow: 0 0 0 4px rgba(201,162,39,.18);
        flex: 0 0 auto;
    }

    /* ===== Logo boyut: masaüstü -%10, mobil büyük ===== */
    @media (max-width: 991.98px) {
        #logo img.logo-1,
        #logo img.logo-2 { max-height: 56px !important; }
    }

    /* ===== (1) Hero başlığında altın vurgulu son kelime ===== */
    .vt-hero-accent {
        background: linear-gradient(180deg, #f4d97b 0%, #e3c75a 45%, #c9a227 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: #e3c75a;
        font-style: italic;
    }
    @media (min-width: 992px) {
        .vt-hero-accent { display: block; }
    }

    /* ===== (2) Araç Bul butonunda altın shimmer hover ===== */
    .btn-main {
        position: relative;
        overflow: hidden;
    }
    .btn-main::after {
        content: "";
        position: absolute;
        top: 0; left: -120%;
        width: 60%; height: 100%;
        background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.45) 50%, transparent 100%);
        transform: skewX(-18deg);
        transition: left .7s cubic-bezier(.2,.7,.2,1);
        pointer-events: none;
    }
    .btn-main:hover::after { left: 140%; }

    /* ===== (3) Bölüm ayracı elmasında nazik altın nabız ===== */
    .vt-divider span {
        animation: vt-diamond-pulse 2.8s ease-in-out infinite;
    }
    @keyframes vt-diamond-pulse {
        0%, 100% { box-shadow: 0 0 0 4px rgba(201,162,39,.18); }
        50%      { box-shadow: 0 0 0 6px rgba(201,162,39,.06), 0 0 14px rgba(201,162,39,.5); }
    }

    /* ===== (4) Trust bar ikonlarında hover altın glow ===== */
    .vt-feature-icon { box-shadow: 0 0 0 0 rgba(201,162,39,0); }
    .vt-feature-card:hover .vt-feature-icon {
        box-shadow: 0 10px 26px -8px rgba(201,162,39,.6), 0 0 0 4px rgba(201,162,39,.15);
    }

    /* ===== (5) Hero altında ince altın ayraç çizgisi ===== */
    #section-hero.vt-hero::after {
        content: "";
        position: absolute;
        left: 0; right: 0; bottom: 0;
        height: 1px;
        z-index: 2;
        background: linear-gradient(90deg, transparent 0%, rgba(201,162,39,.65) 50%, transparent 100%);
        pointer-events: none;
    }

    /* Hareketi azaltma tercihi: vito ve marquee dursun */
    @media (prefers-reduced-motion: reduce) {
        .hero-vito { animation: none !important; }
        .vt-marquee-track { animation: none !important; }
        .vt-divider span { animation: none !important; }
        .btn-main::after { transition: none !important; }
        * { scroll-behavior: auto !important; }
    }

    /* ===== Header: kaydırınca beyaz değil koyu kalsın (web + mobil) ===== */
    header.smaller,
    header.smaller.scroll-light,
    header.smaller.scroll-dark {
        background: rgba(14, 19, 32, .94) !important;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        border-bottom: 1px solid rgba(201,162,39,.18) !important;
    }
    /* Koyu zeminde menü yazıları ve ikonlar açık kalsın */
    header.smaller.scroll-light #mainmenu li a,
    header.smaller.scroll-light #mainmenu li.has-child:after,
    header.smaller.scroll-light .h-phone,
    header.smaller.scroll-light .social-icons i {
        color: #ffffff !important;
    }
    /* Kaydırınca koyu logo yerine açık (logo-1) göster */
    header.smaller div#logo .logo-1,
    header.smaller.scroll-light div#logo .logo-1 { display: inline-block !important; }
    header.smaller div#logo .logo-2,
    header.smaller.scroll-light div#logo .logo-2 { display: none !important; }

    /* ===== Logo boyut (masaüstü) ===== */
    #logo img,
    header #logo img,
    header.smaller #logo img {
        max-height: 80px !important;
        height: auto !important;
        width: auto !important;
    }
    /* Büyük logo için header'a dikey alan ver */
    #logo { line-height: 1; }

    /* ===== MOBİL HEADER (deterministik): koyu bar + logo + açılır menü ===== */
    @media (max-width: 991.98px) {
        /* Header: basit koyu bar, taşan menüyü gizlemek için overflow yok;
           menü display ile kontrol edilir (tema height/overflow hilesine güvenmiyoruz) */
        header,
        header.fixed,
        header.smaller,
        header.header-mobile,
        header.smaller.scroll-light,
        header.smaller.scroll-dark {
            background: #0E1320 !important;
            border-bottom: 1px solid rgba(201,162,39,.2) !important;
            position: relative !important;
            top: auto !important;
            height: auto !important;
            overflow: visible !important;
        }

        /* Üst satır: logo solda, hamburger sağda, dikey ortalı */
        header .de-flex {
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            min-height: 64px !important;
            position: relative !important;
        }
        header .de-flex > .de-flex-col { flex: 0 0 auto !important; }

        /* Logo: her zaman görünür, sabit boyut, kırpılmaz */
        #logo { display: flex !important; align-items: center !important; overflow: visible !important; }
        #logo a { display: inline-flex !important; align-items: center !important; line-height: 1 !important; }
        header div#logo .logo-1 { display: inline-block !important; }
        header div#logo .logo-2 { display: none !important; }
        #logo img,
        header #logo img {
            max-height: 56px !important;
            height: auto !important;
            width: auto !important;
            display: block !important;
        }

        /* MENÜ: varsayılan GİZLİ; sadece hamburger açınca (.menu-open) görünür */
        header #mainmenu {
            display: none !important;
            position: static !important;
            width: 100% !important;
            left: auto !important;
            top: auto !important;
            margin: 0 !important;
            padding: 6px 0 14px !important;
            background: #0E1320 !important;
        }
        header.menu-open #mainmenu { display: block !important; }
        header #mainmenu li { border-color: rgba(255,255,255,.08) !important; float: none !important; width: 100% !important; }
        header #mainmenu li a.menu-item { color: #fff !important; }

        /* Dil seçici ve para birimini mobilde alt alta/esnek yap */
        .vt-topbar-lang {
            flex-wrap: nowrap !important;
            justify-content: flex-end !important;
            gap: 8px !important;
            width: 100% !important;
            padding: 0 !important;
            overflow: hidden !important;
        }
        
        /* Gtranslate bayrakları yüklendikten sonra ikinci satıra düşmesin */
        .gtranslate_wrapper {
            display: flex !important;
            flex-wrap: nowrap !important;
            justify-content: flex-end !important;
            gap: 3px !important;
            min-width: 190px !important;
            max-width: calc(100vw - 136px) !important;
            min-height: 22px !important;
            overflow: hidden !important;
        }
        .gtranslate_wrapper img {
            width: 20px !important;
            height: auto !important;
        }
        .vt-topbar-pb {
            min-width: 62px !important;
            font-size: 12px !important;
            gap: 5px !important;
        }
        .vt-pb-symbol {
            min-width: 18px !important;
            height: 18px !important;
            font-size: 12px !important;
            padding: 0 4px !important;
        }
        .menu_side_area .btn-main {
            min-width: 124px;
            min-height: 36px;
            display: inline-flex !important;
            align-items: center;
            justify-content: center;
        }
        .menu_side_area {
            display: flex !important;
            align-items: center !important;
            justify-content: flex-end !important;
            gap: 10px !important;
            padding-right: 44px !important;
            min-height: 44px !important;
        }

        /* Header'ı konumlandırma bağlamı yap ve menü butonunu sağa sabitle */
        header {
            position: relative !important;
        }

        #menu-btn {
            position: absolute !important;
            right: 0 !important;
            top: 50% !important;
            transform: translateY(-50%) !important;
            z-index: 10001 !important;
            display: block !important;
            margin: 0 !important;
        }
    }

    /* Sayfanın yatayda taşmasını engellemek için ana sarmalayıcılar */
    @media (max-width: 991.98px) {
        html, body {
            max-width: 100% !important;
            overflow-x: hidden !important;
        }
    }

    /* ===================== LÜKS: CTA + FOOTER ===================== */
    /* Üst eylem çağrısı bölümü */
    #section-call-to-action.bg-color-2 {
        position: relative;
        background:
            radial-gradient(60% 120% at 15% 0%, rgba(201,162,39,.12), transparent 60%),
            radial-gradient(50% 120% at 90% 100%, rgba(201,162,39,.10), transparent 60%),
            linear-gradient(180deg, #0E1320 0%, #0a0d15 100%) !important;
        overflow: hidden;
    }
    #section-call-to-action::before {
        content: "";
        position: absolute; left: 0; right: 0; top: 0; height: 1px;
        background: linear-gradient(90deg, transparent, rgba(201,162,39,.5), transparent);
    }
    #section-call-to-action .s2 {
        font-family: var(--title-font);
        font-weight: 600;
        line-height: 1.25;
        color: #fff;
    }
    #section-call-to-action .phone-num-big i {
        color: var(--gold-light, #e3c75a);
    }
    #section-call-to-action .pnb-num {
        background: linear-gradient(180deg, #f4d97b, #c9a227);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    /* Footer */
    footer {
        position: relative;
        background:
            radial-gradient(70% 100% at 50% 0%, rgba(201,162,39,.06), transparent 55%),
            linear-gradient(180deg, #0a0d15 0%, #07090f 100%) !important;
    }
    footer::before {
        content: "";
        position: absolute; left: 0; right: 0; top: 0; height: 1px;
        background: linear-gradient(90deg, transparent, rgba(201,162,39,.45), transparent);
    }
    footer .widget h5,
    footer .col-lg-3 > h5 {
        position: relative;
        font-family: var(--title-font);
        font-weight: 600;
        letter-spacing: .01em;
        color: #fff;
        padding-bottom: 12px;
        margin-bottom: 18px;
    }
    footer .widget h5::after,
    footer .col-lg-3 > h5::after {
        content: "";
        position: absolute; left: 0; bottom: 0;
        width: 38px; height: 2px;
        background: linear-gradient(90deg, #e3c75a, rgba(201,162,39,0));
        border-radius: 2px;
    }
    footer p,
    footer address.s1 span,
    footer .widget ul li a {
        color: rgba(255,255,255,.62);
    }
    footer .widget ul li a {
        position: relative;
        transition: color .22s ease, padding-left .22s ease;
    }
    footer .widget ul li a:hover {
        color: var(--gold-light, #e3c75a);
        padding-left: 6px;
    }
    footer address.s1 span i.id-color {
        color: var(--gold-light, #e3c75a) !important;
    }
    footer a:hover { color: var(--gold-light, #e3c75a); }

    /* Footer sosyal ikonlar: altın yuvarlak rozet */
    footer .social-icons a {
        display: inline-grid;
        place-items: center;
        width: 40px; height: 40px;
        margin: 0 8px 8px 0;
        border-radius: 50%;
        background: rgba(255,255,255,.04);
        border: 1px solid rgba(201,162,39,.28);
        transition: background .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease;
    }
    footer .social-icons a i { color: #f4d97b; transition: color .25s ease; }
    footer .social-icons a:hover {
        background: var(--primary-color, #c9a227);
        border-color: var(--primary-color, #c9a227);
        transform: translateY(-3px);
        box-shadow: 0 10px 24px -8px rgba(201,162,39,.6);
    }
    footer .social-icons a:hover i { color: #0b0b0b; }

    /* Subfooter */
    footer .subfooter {
        border-top: 1px solid rgba(201,162,39,.14);
        background: rgba(0,0,0,.25);
    }
    footer .subfooter a { color: rgba(255,255,255,.6); }
    footer .subfooter .menu-simple li a:hover,
    footer .subfooter .de-flex-col a:hover { color: var(--gold-light, #e3c75a); }
/* ============================================================
   FIX: Header açılır menüsü (Hesabım → Üye Ol / Giriş Yap)
   #mainmenu li ul'a arka plan tanımı eksikti → gri metin şeffaf
   zeminde koyu header üzerinde okunmuyordu. Koyu/altın temaya uygun,
   okunur bir dropdown veriyoruz.
   ============================================================ */
#mainmenu li ul {
    background: #0E1320;
    border: 1px solid rgba(201, 162, 39, .25);
    box-shadow: 0 16px 40px -12px rgba(0, 0, 0, .6);
    border-radius: 10px;
    padding: 6px 0;
    overflow: hidden;
}
#mainmenu li li a {
    color: rgba(255, 255, 255, .82) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .06) !important;
    transition: color .2s ease, background .2s ease;
}
#mainmenu li li:last-child a {
    border-bottom: none !important;
}
#mainmenu li li a:hover {
    color: #e3c75a !important;
    background: rgba(201, 162, 39, .12);
}

/* ============================================================
   FIX: Header menü caret'i (▾) ilk boyamada görünsün
   Tema caret'i #mainmenu > li.has-child:after ile çiziyor ama
   .has-child class'ı designesia.js DOM-ready'de ekleniyordu →
   "Hesabım" caret'i sonradan pop-in oluyordu (faz-2 zıplaması).
   :has() ile HTML yapısından çiziyoruz → ilk boyamada hazır.
   .has-child eklenince aynı ::after olduğu için çift caret olmaz.
   ============================================================ */
#mainmenu > li:has(ul)::after {
    font-family: FontAwesome;
    content: "\f078";
    padding-left: 5px;
    font-size: 8px;
    position: relative;
    top: -2px;
    color: #ffffff;
}