/* =============================================================================================
   COSTA KURUMSAL RENKLERİ — B2B arayüz teması (2026-09-27)
   Kaynak: Costa kurumsal renk kartı
     Mavi : #0071A3  (RGB 0/113/163 · CMYK 92/42/16/7 · PANTONE 7690 C · RAL 5015)
     Sarı : #F9B000  (RGB 249/176/0 · CMYK 0/35/95/0 · PANTONE 143 C · RAL 1003)
   Bu dosya header.php'de sk-style.css'ten SONRA yüklenir ve Metronic/Bootstrap tema
   değişkenlerini (eskiden yeşil #17C653 olan "primary" dahil) kurumsal renklere çeker.
   Türetilmiş tonlar (hover/koyu/açık) sadece ana iki rengin koyu/açık varyasyonlarıdır.
   ============================================================================================= */

:root,
[data-bs-theme=light] {
    --costa-blue: #0071A3;
    --costa-blue-rgb: 0, 113, 163;
    --costa-blue-dark: #005A82;      /* hover / aktif */
    --costa-blue-deep: #003E5C;      /* koyu zeminler (menü alt tonu) */
    --costa-blue-light: #E5F2F8;     /* açık zemin */
    --costa-yellow: #F9B000;
    --costa-yellow-rgb: 249, 176, 0;
    --costa-yellow-dark: #DE9C00;
    --costa-yellow-light: #FFF5DC;
    --costa-ink: #0F2A3A;            /* sarı zemin üstündeki yazı */

    /* Primary = Costa mavisi */
    --bs-primary: #0071A3;
    --bs-primary-rgb: 0, 113, 163;
    --bs-primary-active: #005A82;
    --bs-primary-light: #E5F2F8;
    --bs-primary-inverse: #FFFFFF;
    --bs-primary-clarity: rgba(0, 113, 163, 0.2);
    --bs-primary-bg-subtle: #CCE3ED;
    --bs-primary-border-subtle: #99C6DA;
    --bs-primary-text-emphasis: #002D41;
    --bs-text-primary: #0071A3;
    --bs-link-color: #0071A3;
    --bs-link-color-rgb: 0, 113, 163;
    --bs-link-hover-color: #005A82;
    --bs-link-hover-color-rgb: 0, 90, 130;
    --bs-focus-ring-color: rgba(0, 113, 163, 0.25);

    /* Warning = Costa sarısı */
    --bs-warning: #F9B000;
    --bs-warning-rgb: 249, 176, 0;
    --bs-warning-active: #DE9C00;
    --bs-warning-light: #FFF5DC;
    --bs-warning-inverse: #0F2A3A;
    --bs-warning-clarity: rgba(249, 176, 0, 0.2);
    --bs-warning-bg-subtle: #FEEFCC;
    --bs-warning-border-subtle: #FDDF99;
    --bs-warning-text-emphasis: #634600;
    --bs-text-warning: #F9B000;

    /* "Success" bu projede mavi olarak kullanılıyor (Filtrele, Tamamlandı vb.) -> Costa mavisi */
    --bs-success: #0071A3;
    --bs-success-rgb: 0, 113, 163;
    --bs-success-active: #005A82;
    --bs-success-light: #E5F2F8;
    --bs-success-inverse: #FFFFFF;
    --bs-success-clarity: rgba(0, 113, 163, 0.2);
    --bs-success-bg-subtle: #CCE3ED;
    --bs-success-border-subtle: #99C6DA;
    --bs-success-text-emphasis: #002D41;
    --bs-text-success: #0071A3;

    /* Seçili/aktif bileşenler (sayfalama, seçimler, menü vurguları) */
    --bs-component-active-bg: #0071A3;
    --bs-component-active-color: #FFFFFF;
    --bs-component-checked-bg: #0071A3;
    --bs-component-checked-color: #FFFFFF;
    --bs-component-hover-color: #0071A3;
}

/* Koyu temalı bölgeler (yan menü data-bs-theme="dark") için aynı eşleme */
[data-bs-theme=dark] {
    --bs-primary: #F9B000;
    --bs-primary-rgb: 249, 176, 0;
    --bs-primary-active: #FFC233;
    --bs-primary-light: rgba(249, 176, 0, 0.15);
    --bs-primary-inverse: #0F2A3A;
    --bs-primary-clarity: rgba(249, 176, 0, 0.2);
    --bs-text-primary: #F9B000;
    --bs-success: #F9B000;
    --bs-success-rgb: 249, 176, 0;
    --bs-success-active: #FFC233;
    --bs-success-light: rgba(249, 176, 0, 0.15);
    --bs-success-inverse: #0F2A3A;
    --bs-warning: #F9B000;
    --bs-warning-rgb: 249, 176, 0;
    --bs-warning-inverse: #0F2A3A;
    --bs-component-active-bg: #F9B000;
    --bs-component-active-color: #0F2A3A;
    --bs-component-checked-bg: #F9B000;
    --bs-component-hover-color: #F9B000;
}

/* ---- Bootstrap'in derlenmiş (değişkensiz) primary kuralları ---- */
.btn-primary {
    --bs-btn-bg: #0071A3;
    --bs-btn-border-color: #0071A3;
    --bs-btn-hover-bg: #005A82;
    --bs-btn-hover-border-color: #005A82;
    --bs-btn-active-bg: #005A82;
    --bs-btn-active-border-color: #005A82;
    --bs-btn-disabled-bg: #0071A3;
    --bs-btn-disabled-border-color: #0071A3;
    --bs-btn-focus-shadow-rgb: 0, 113, 163;
}
.btn-outline-primary {
    --bs-btn-color: #0071A3;
    --bs-btn-border-color: #0071A3;
    --bs-btn-hover-bg: #0071A3;
    --bs-btn-hover-border-color: #0071A3;
    --bs-btn-active-bg: #0071A3;
    --bs-btn-active-border-color: #0071A3;
}
.btn.btn-warning { color: var(--costa-ink); }
.btn.btn-warning i, .btn.btn-warning .svg-icon { color: var(--costa-ink); }
.badge-warning { color: var(--costa-ink); }

.form-check-input:checked,
.form-check-input[type=checkbox]:indeterminate,
.form-check.form-check-solid .form-check-input[type=checkbox]:indeterminate {
    background-color: #0071A3;
    border-color: #0071A3;
}
.form-check.form-check-success .form-check-input:checked { background-color: var(--bs-success); border-color: var(--bs-success); }
.form-control:focus, .form-select:focus { border-color: #7FB8D1; }
.form-range::-webkit-slider-thumb { background-color: #0071A3; }
.form-range::-moz-range-thumb { background-color: #0071A3; }
.nav-pills { --bs-nav-pills-link-active-bg: #0071A3; }
.progress, .progress-stacked { --bs-progress-bar-bg: #0071A3; }
.separator.separator-content.border-primary::after,
.separator.separator-content.border-primary::before { border-color: #0071A3 !important; }

/* ---- sk-style.css içinde sabit yazılmış yakın/eski tonların kurumsal renge eşitlenmesi ---- */
.sk-brand-blue, .text-costa-blue { color: #0071A3 !important; }
.bg-costa-blue { background-color: #0071A3 !important; color: #fff !important; }
.text-costa-yellow { color: #F9B000 !important; }
.bg-costa-yellow { background-color: #F9B000 !important; color: var(--costa-ink) !important; }

/* ---- Aksiyon butonları: Costa sarısı zemin + koyu yazı (beyaz yazı sarı üstünde okunmuyor) ---- */
.search-engine-card .btn-primary,
.gt-search-engine .btn-primary,
.price-calc-wrapper .booking-submit-btn {
    background: #F9B000 !important;
    color: var(--costa-ink) !important;
}
.search-engine-card .btn-primary:hover,
.gt-search-engine .btn-primary:hover,
.price-calc-wrapper .booking-submit-btn:hover {
    background: #DE9C00 !important;
    color: var(--costa-ink) !important;
}
.search-engine-card .btn-primary i,
.gt-search-engine .btn-primary i,
.price-calc-wrapper .booking-submit-btn i,
.price-calc-wrapper .booking-submit-btn:hover i {
    color: var(--costa-ink) !important;
}

/* ---- Sayfalama ---- */
.page-item.active .page-link,
.pagination .page-item.active .page-link {
    background-color: #0071A3 !important;
    border-color: #0071A3 !important;
    color: #FFFFFF !important;
}
.page-item .page-link:hover:not(.active) { color: #0071A3; }

/* ---- Ana sayfa "Ödeme Formu" butonu (sk-style'da sabit yeşildi) ---- */
.payment-price-cart .btn-light-primary {
    background-color: #E5F2F8 !important;
    color: #0071A3 !important;
    border-color: #E5F2F8 !important;
}
.payment-price-cart .btn-light-primary:hover {
    background-color: #0071A3 !important;
    color: #FFFFFF !important;
}
.payment-price-cart .btn-light-primary i { color: inherit !important; }
.ds_collection_item a:hover i.ki-ship.text-primary,
.ds_collection_item a:hover i.ki-ship.text-success { background: #0071A3 !important; box-shadow: 0 10px 20px rgba(0, 113, 163, 0.3); }

/* =============================================================================================
   YAN MENÜ (SIDEBAR) — yeni tasarım (2026-09-27)
   Koyu Costa mavisi zemin + ince sarı vurgular. Menü öğeleri ikon kutucuklu, yumuşak köşeli;
   seçili öğede sol sarı çizgi ve sarı ikon kutusu. Bölüm başlıkları küçük harf aralıklı etiket.
   Altta acente kartı, arka planda silik Costa "C" silüeti.
   ============================================================================================= */
.app-sidebar {
    background:
        url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%222.9 3.1 54 59.2%22 opacity=%220.10%22%3E %3Cpath d=%22M44.3138751,41.1430555c-4.3186957,7.6279113-10.712914,10.6198214-19.6105265,10.6198214-7.3852579,0-13.9774872-2.7483025-18.3049925-7.0501236,4.5295039,9.8045359,14.4012815,16.6035902,25.8550086,16.6035902,9.6574909,0,18.1911532-4.8330111,23.3448841-12.2258891l-11.2843737-7.9473989Z%22 fill=%22%23F9B000%22/%3E %3Cpath d=%22M3.760025,32.6386156c0,9.0809953,9.376031,16.4420238,20.9433235,16.4420238,3.2116861.0128955,6.396456-.57807,9.3894314-1.7420057-.6090253.0766031-1.2219784.1150758-1.8360524.1150758-8.1309998,0-14.7233447-6.6314337-14.7233447-14.8126829s6.5923449-14.8126273,14.7233447-14.8126273c2.3710546.0007851,4.7062122.5759393,6.8064048,1.6762808,2.1001841,1.1002848,3.90259,2.6929488,5.2529846,4.6417216l11.2843737-7.9498665c-5.1537309-7.3916596-13.6873847-12.2235263-23.3437632-12.2235263C16.5197397,3.9730089,3.7612615,16.8061777,3.760025,32.6373813v.0012344Z%22 fill=%22%230071A3%22/%3E %3C/svg%3E") no-repeat -70px calc(100% + 40px) / 290px auto,
        linear-gradient(180deg, #00608C 0%, #004B6E 45%, #00324A 100%) !important;
    border-right: 0 !important;
    box-shadow: 4px 0 24px rgba(0, 40, 60, 0.18);
}
.app-sidebar::before { /* üstte ince sarı marka şeridi */
    content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px;
    background: linear-gradient(90deg, #F9B000 0%, #F9B000 60%, rgba(249,176,0,0) 100%);
    z-index: 2;
}

/* Logo alanı */
.app-sidebar .app-sidebar-header {
    background: #FFFFFF !important;
    margin: 16px 14px 4px !important;
    border-radius: 14px !important;
    padding: 10px 12px !important;
    box-shadow: 0 8px 20px rgba(0, 30, 45, 0.25);
}
.app-sidebar .app-sidebar-header .app-sidebar-toggle {
    background: #E5F2F8 !important;
    color: #0071A3 !important;
    border-radius: 9px !important;
    width: 32px; height: 32px;
}
.app-sidebar .app-sidebar-header .app-sidebar-toggle i { color: #0071A3 !important; opacity: 1 !important; }
.app-sidebar .app-sidebar-navs { padding-top: 14px !important; }

/* Menü öğeleri (ana + alt menüler) */
.app-sidebar .menu { padding: 0 12px; }
.app-sidebar .menu .menu-item { padding: 0; margin-bottom: 3px; }
.app-sidebar .menu .menu-link {
    position: relative;
    border-radius: 11px !important;
    padding: 8px 10px !important;
    min-height: 44px;
    background: transparent !important;
    box-shadow: none !important;
    transition: background-color .18s ease, color .18s ease;
}
.app-sidebar .menu .menu-link .menu-title {
    color: rgba(255, 255, 255, 0.80) !important;
    font-size: 13.5px;
    font-weight: 500 !important;
    letter-spacing: .1px;
}
.app-sidebar .menu .menu-link .menu-icon {
    width: 34px; height: 34px; margin-right: 11px !important;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.08);
    transition: background-color .18s ease;
}
.app-sidebar .menu .menu-link .menu-icon i { color: rgba(255, 255, 255, 0.85) !important; font-size: 18px !important; }
.app-sidebar .menu .menu-link .menu-bullet .bullet { background-color: rgba(255, 255, 255, 0.45) !important; }
.app-sidebar .menu .menu-link .menu-arrow::after { filter: brightness(0) invert(1); opacity: .6; }

.app-sidebar .menu .menu-link:hover:not(.active) { background: rgba(255, 255, 255, 0.07) !important; }
.app-sidebar .menu .menu-link:hover:not(.active) .menu-title { color: #FFFFFF !important; }
.app-sidebar .menu .menu-link:hover:not(.active) .menu-icon { background: rgba(255, 255, 255, 0.14); }

/* Seçili öğe: yarı saydam beyaz zemin + sol sarı çizgi + sarı ikon kutusu */
.app-sidebar .menu .menu-link.active {
    background: rgba(255, 255, 255, 0.12) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
}
.app-sidebar .menu .menu-link.active::before {
    content: ""; position: absolute; left: -12px; top: 9px; bottom: 9px; width: 4px;
    border-radius: 0 4px 4px 0; background: #F9B000;
}
.app-sidebar .menu .menu-link.active .menu-title { color: #FFFFFF !important; font-weight: 600 !important; }
.app-sidebar .menu .menu-link.active .menu-icon { background: #F9B000; box-shadow: 0 6px 14px rgba(249, 176, 0, 0.35); }
.app-sidebar .menu .menu-link.active .menu-icon i { color: #0F2A3A !important; }
.app-sidebar .menu .menu-link.active .menu-bullet .bullet { background-color: #F9B000 !important; }

/* Ana menü ile alt menü arasındaki ayraç ve bölüm başlıkları */
.app-sidebar .app-sidebar-separator,
.app-sidebar .separator {
    border-color: rgba(255, 255, 255, 0.10) !important;
    margin: 12px 14px !important;
}
.app-sidebar .menu .menu-heading {
    text-align: left !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    letter-spacing: 1.6px;
    color: rgba(255, 255, 255, 0.45) !important;
    padding: 10px 10px 0 !important;
}
.app-sidebar .menu .menu-item.mb-2 .app-sidebar-separator { margin: 8px 10px 6px !important; }

/* Alt menü sayaç rozetleri (Tümü / Devam Eden ...) */
.app-sidebar .menu .menu-link .menu-title .badge {
    min-width: 26px; height: 22px; padding: 0 7px;
    border-radius: 7px !important;
    font-size: 11px; font-weight: 700;
    background: rgba(255, 255, 255, 0.12) !important;
    color: #FFFFFF !important;
}
.app-sidebar .menu .menu-link .menu-title .badge.badge-danger { background: rgba(241, 65, 108, 0.22) !important; color: #FFB3C4 !important; }
.app-sidebar .menu .menu-link .menu-title .badge.badge-success,
.app-sidebar .menu .menu-link .menu-title .badge.badge-primary { background: rgba(255, 255, 255, 0.14) !important; color: #FFFFFF !important; }
.app-sidebar .menu .menu-link.active .menu-title .badge { background: #F9B000 !important; color: #0F2A3A !important; }
.app-sidebar .menu .menu-link .menu-title.d-flex { width: 100%; align-items: center; }
/* İkonsuz alt menü öğelerinde (Tümü, Devam Eden...) başa küçük nokta */
.app-sidebar .app-sidebar-menu-primary > .menu-item > .menu-link:not(:has(.menu-icon)):not(:has(.menu-bullet)) .menu-title::before {
    content: ""; flex: 0 0 6px; width: 6px; height: 6px; border-radius: 50%;
    background: rgba(255, 255, 255, 0.35); margin-right: 12px;
}
.app-sidebar .app-sidebar-menu-primary > .menu-item > .menu-link.active .menu-title::before { background: #F9B000 !important; box-shadow: 0 0 0 3px rgba(249, 176, 0, 0.25); }
.app-sidebar .app-sidebar-menu-primary .menu-link .menu-title.d-flex { justify-content: flex-start !important; }
.app-sidebar .app-sidebar-menu-primary .menu-link .menu-title.d-flex .badge { margin-left: auto !important; }

/* Alt menüdeki akordeon (Kategoriler / Destinasyonlar) iç öğeleri */
.app-sidebar .menu .menu-sub .menu-link { min-height: 36px; padding: 6px 10px !important; }
.app-sidebar .menu .menu-sub .menu-link .menu-title { font-size: 13px; color: rgba(255, 255, 255, 0.70) !important; }
.app-sidebar .menu .menu-sub .menu-link.active::before { left: -4px; }
.app-sidebar .menu-content .btn-color-primary,
.app-sidebar .menu-content .btn-color-primary i { color: #FFD166 !important; }

/* Sidebar içindeki aksiyon butonu (Ödeme Formu) */
.app-sidebar .sk-sidebar-cta {
    display: flex !important; align-items: center; justify-content: center; gap: 8px;
    margin: 18px 0 6px; padding: 11px 14px;
    border-radius: 12px; border: 0 !important;
    background: #F9B000 !important; color: #0F2A3A !important;
    font-weight: 700; font-size: 13.5px;
    box-shadow: 0 8px 18px rgba(249, 176, 0, 0.28);
    transition: transform .15s ease, background-color .15s ease;
}
.app-sidebar .sk-sidebar-cta i { color: #0F2A3A !important; font-size: 18px; }
.app-sidebar .sk-sidebar-cta:hover { background: #FFC233 !important; transform: translateY(-1px); color: #0F2A3A !important; }

/* Alt kısım: acente kartı */
.app-sidebar .sk-sidebar-footer { padding: 10px 14px 16px; }
.app-sidebar .sk-agency-card {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 12px; border-radius: 14px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(2px);
}
.app-sidebar .sk-agency-card .sk-agency-avatar {
    flex: 0 0 38px; width: 38px; height: 38px; border-radius: 11px;
    background: #F9B000; color: #0F2A3A;
    display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 14px; letter-spacing: .5px;
}
.app-sidebar .sk-agency-card .sk-agency-text { min-width: 0; line-height: 1.25; }
.app-sidebar .sk-agency-card .sk-agency-name { color: #FFFFFF; font-weight: 700; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.app-sidebar .sk-agency-card .sk-agency-user { color: rgba(255, 255, 255, 0.60); font-size: 11.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.app-sidebar .sk-agency-card .sk-agency-role { display: inline-block; margin-top: 3px; padding: 1px 7px; border-radius: 6px; font-size: 10px; font-weight: 700; background: rgba(249,176,0,.18); color: #FFD166; }

/* Menü daraltıldığında (masaüstü) sadece ikonlar kalsın */
[data-kt-app-sidebar-minimize=on]:not([data-kt-app-sidebar-hoverable=true]) .app-sidebar .sk-agency-text,
[data-kt-app-sidebar-minimize=on] .app-sidebar:not(:hover) .sk-agency-text,
[data-kt-app-sidebar-minimize=on] .app-sidebar:not(:hover) .menu-heading,
[data-kt-app-sidebar-minimize=on] .app-sidebar:not(:hover) .sk-sidebar-cta span { display: none !important; }
[data-kt-app-sidebar-minimize=on] .app-sidebar:not(:hover) .sk-agency-card { justify-content: center; padding: 8px; }

/* İnce, koyu zemine uygun kaydırma çubuğu */
.app-sidebar .hover-scroll-y::-webkit-scrollbar-thumb,
.app-sidebar .hover-scroll-y:hover::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.18) !important; }