/* Kervanhost Kervan · BEYAZ (açık) tema katmanı.
   Tüm kurallar html[data-bs-theme=light] altında: koyu görünüm hiç değişmez. Mod seçimi: layouts/*.tpl içindeki satır içi betik
   (ayar `color_mode`, ziyaretçi seçimi localStorage `kh-mode`), düğme: partials/header.tpl, davranış: js/kervanhost-light.js.
   Palet: beyaz zemin, sıcak krem yüzeyler, kahverengi metin; altın→bakır gradyan dolgularda (düğme, çubuk) aynen kalır,
   gradyanlı METİN ve ince ikonlar beyazda okunsun diye koyu tonlara (--xl-tg1/--xl-tg2) çekilir. */

/* ---------- renk değişkenleri ---------- */
html[data-bs-theme=light]{
  color-scheme:light;
  --xl-bg:#fffdf9; --xl-bg2:#fbf6ec; --xl-surface:#ffffff; --xl-surface2:#faf3e6;
  --xl-fg:#25170b; --xl-dim:#654b30; --xl-line:rgba(110,72,30,.18);
  --xl-tg1:#a35607; --xl-tg2:#b03a12;
  --xl-tgrad:linear-gradient(135deg,var(--xl-tg1),var(--xl-tg2));
  --xl-shadow:0 18px 40px -22px rgba(90,52,16,.35);
  --basic-body-color:#4a3623;
  --basic-heading-color:#25170b;
  --basic-muted-color:#654b30;
  --basic-body-bg:#fffdf9;
  --basic-surface-bg:#ffffff;
  --basic-border-color:rgba(110,72,30,.2);
  --basic-radius:.85rem;
  /* beyaz zeminde birincil renk (bg-primary, aktif sekme/düğme, bağlantı) beyaz yazıyla >= 4.5:1 olsun diye %14 koyulaştırılır */
  --basic-primary:color-mix(in srgb,var(--kh-primary,#d4582a) 86%,#000);
  --basic-primary-text:#b03a12;
  --basic-secondary-text:#8f5105;
  --basic-shadow-sm:0 1px 2px rgba(90,52,16,.08);
  --basic-shadow:0 6px 20px rgba(90,52,16,.1);
  --basic-shadow-lg:0 16px 40px rgba(90,52,16,.16);
}
html[data-bs-theme=light],html[data-bs-theme=light] body{background:var(--xl-bg);color:var(--basic-body-color)}
html[data-bs-theme=light] ::selection{background:rgba(242,181,68,.45);color:#25170b}
/* başlık rengi --basic-heading-color (yukarıda) üzerinden gelir; renkli bandlarda (.cta-band) kendi açık renkleri korunur */
/* beyazda birincil renkli bant (.cta-band): sağ ucu açılan gradyan beyaz yazıyı 3,5:1'e düşürüyordu; iki ucu da koyu bırak */
html[data-bs-theme=light] .cta-band{background:linear-gradient(135deg,var(--basic-primary),color-mix(in srgb,var(--basic-primary) 78%,#000))}
html[data-bs-theme=light] .cta-band .opacity-75{opacity:.92!important}

/* ---------- gradyanlı METİNLER: beyazda okunur koyu tonlar ---------- */
html[data-bs-theme=light] .eyebrow,
html[data-bs-theme=light] .xl-eyebrow,
html[data-bs-theme=light] .xl-rot span,
html[data-bs-theme=light] .xl-more i,
html[data-bs-theme=light] .xl-icon i,
html[data-bs-theme=light] .xl-lstatus b,
html[data-bs-theme=light] .xl-bt span.xl-bf,
html[data-bs-theme=light] .kp-404-num{background-image:var(--xl-tgrad)}
html[data-bs-theme=light] .xl-gtext{background-image:linear-gradient(90deg,#25170b 0%,#6b3a12 25%,var(--xl-tg1) 50%,var(--xl-tg2) 75%,#25170b 100%);background-size:300% 100%}
html[data-bs-theme=light] .kp-mark span{background-image:radial-gradient(520px circle at var(--kp-x,50%) 60%,#e8a02a 0%,#d4582a 38%,rgba(110,72,30,.10) 72%)}
html[data-bs-theme=light] .xl-bt span{color:#3a2412}
html[data-bs-theme=light] .xl-bt span.xl-bf{color:transparent}

/* ---------- butonlar, form alanları ---------- */
/* altın→bakır gradyan düğmede yazı: bakır uçta bile >= 4.5:1 (#2a1404 4,36 veriyordu) */
html[data-bs-theme=light] .btn-primary,
html[data-bs-theme=light] .btn-primary:hover,
html[data-bs-theme=light] .btn-primary:focus,
html[data-bs-theme=light] .btn-primary:focus-visible,
html[data-bs-theme=light] .btn-primary:active{--bs-btn-color:#140801;--bs-btn-hover-color:#140801;--bs-btn-active-color:#140801;color:#140801}
html[data-bs-theme=light] .xl-pill b,
html[data-bs-theme=light] .xl-badge-pop,
html[data-bs-theme=light] .xl-step.xl-on .xl-b,
html[data-bs-theme=light] .scroll-top,
html[data-bs-theme=light] .xl-btn-solid{color:#140801}
html[data-bs-theme=light] .checkout-step.is-active .checkout-step-num{color:#140801}
html[data-bs-theme=light] .btn-soft,
html[data-bs-theme=light] .btn-ghost{color:var(--xl-fg)}
html[data-bs-theme=light] .btn-soft{background:#fff;border:1px solid var(--xl-line)}
html[data-bs-theme=light] .btn-soft:hover,
html[data-bs-theme=light] .btn-soft:focus-visible{background:var(--xl-surface2);border-color:rgba(163,86,7,.45);color:var(--xl-fg)}
html[data-bs-theme=light] .btn-ghost:hover{background:rgba(110,72,30,.07);color:var(--xl-fg)}
html[data-bs-theme=light] .form-control,
html[data-bs-theme=light] .form-select{background-color:#fff;border-color:rgba(110,72,30,.28);color:var(--xl-fg)}
html[data-bs-theme=light] .form-control:focus,
html[data-bs-theme=light] .form-select:focus{background-color:#fff;border-color:rgba(176,58,18,.6);box-shadow:0 0 0 .22rem rgba(242,181,68,.28);color:var(--xl-fg)}
html[data-bs-theme=light] .form-control::placeholder{color:rgba(101,75,48,.62)}
html[data-bs-theme=light] .form-control:disabled,
html[data-bs-theme=light] .form-select:disabled{background-color:var(--xl-surface2)}
html[data-bs-theme=light] .card,
html[data-bs-theme=light] .dropdown-menu{--bs-card-bg:#fff;border-color:var(--xl-line)}
html[data-bs-theme=light] .card{box-shadow:0 1px 0 rgba(110,72,30,.04),0 10px 28px -20px rgba(90,52,16,.28)}
html[data-bs-theme=light] .dropdown-menu{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--xl-shadow)}
html[data-bs-theme=light] main .card::before{background:radial-gradient(380px circle at var(--xl-mx,50%) var(--xl-my,50%),rgba(242,181,68,.16),transparent 45%)}

/* ---------- üst menü (hap) ve alt bilgi ---------- */
html[data-bs-theme=light] .site-header>nav.container{background:rgba(255,255,255,.72);box-shadow:0 10px 30px -18px rgba(90,52,16,.4)}
html[data-bs-theme=light] .site-header.xl-scrolled>nav.container{background:rgba(255,253,249,.92)}
html[data-bs-theme=light] .site-header>nav.container::before{background:conic-gradient(from var(--xl-ang),transparent 0 72%,#fff3d6,var(--xl-g1),var(--xl-g2),transparent)}
html[data-bs-theme=light] .site-nav .nav-link:hover,
html[data-bs-theme=light] .site-nav .nav-link:focus-visible,
html[data-bs-theme=light] .site-nav .nav-mega.is-open>.nav-mega-trigger,
html[data-bs-theme=light] .site-nav .nav-mega-trigger[aria-expanded=true]{color:var(--xl-fg)}
html[data-bs-theme=light] .site-brand{color:var(--xl-fg)}
html[data-bs-theme=light] .footer-link:hover{color:var(--xl-fg)}
html[data-bs-theme=light] .site-footer{background:linear-gradient(180deg,transparent,var(--xl-bg2))}
html[data-bs-theme=light] .xl-from strong{color:var(--xl-fg)}

/* ---------- arka plan efektleri: beyazda "screen" karışımı görünmez, normal karışıma çevir ---------- */
html[data-bs-theme=light] .xl-aurora{opacity:.4}
html[data-bs-theme=light] .xl-aurora i{mix-blend-mode:normal}
html[data-bs-theme=light] .xl-grain{opacity:.035}
html[data-bs-theme=light] .xl-cursor-glow{background:radial-gradient(circle,rgba(242,181,68,.2),transparent 60%)}
html[data-bs-theme=light] #xl-net{opacity:.8}
html[data-bs-theme=light] .xl-pkt{background:#d4582a;box-shadow:0 0 8px #f2b544}
html[data-bs-theme=light] .xl-floor{background:radial-gradient(circle,rgba(212,88,42,.3),rgba(242,181,68,.12) 45%,transparent 70%)}
html[data-bs-theme=light] .xl-ring{border-color:rgba(110,72,30,.3)}
html[data-bs-theme=light] .xl-ring.xl-r2{border-color:rgba(110,72,30,.14)}

/* ---------- ana sayfa ---------- */
html[data-bs-theme=light] .xl-btn-ghost{color:var(--xl-fg);background:#fff}
html[data-bs-theme=light] .xl-btn-ghost:hover{background:var(--xl-surface2);border-color:rgba(163,86,7,.45)}
html[data-bs-theme=light] .xl-pill{background:rgba(255,255,255,.8);box-shadow:0 6px 18px -12px rgba(90,52,16,.4)}
html[data-bs-theme=light] .xl-tld{background:#fff}
html[data-bs-theme=light] .xl-tld:hover{border-color:rgba(163,86,7,.5)}
html[data-bs-theme=light] .xl-search{background:#fff;box-shadow:0 12px 30px -18px rgba(90,52,16,.45)}
html[data-bs-theme=light] .xl-search input,
html[data-bs-theme=light] .xl-news input{color:var(--xl-fg)}
html[data-bs-theme=light] .xl-card{background:linear-gradient(180deg,#fff,#fbf6ec);box-shadow:var(--xl-shadow)}
html[data-bs-theme=light] .xl-card::before{background:radial-gradient(420px circle at var(--xl-mx,50%) var(--xl-my,50%),rgba(242,181,68,.2),transparent 45%)}
html[data-bs-theme=light] .xl-icon{border-color:var(--xl-line)}
html[data-bs-theme=light] .xl-more{color:var(--xl-fg)}
html[data-bs-theme=light] .xl-trust{background:rgba(250,243,230,.7)}
html[data-bs-theme=light] .xl-os{background:#fff;color:var(--xl-fg)}
html[data-bs-theme=light] .xl-checks li,
html[data-bs-theme=light] .xl-price li{color:var(--xl-fg)}
html[data-bs-theme=light] .xl-toggle{background:#fff}
html[data-bs-theme=light] .xl-toggle button.xl-act{color:#2a1404}
html[data-bs-theme=light] .xl-bar,
html[data-bs-theme=light] .xl-railbar{background:rgba(110,72,30,.14)}
html[data-bs-theme=light] .xl-ptrack{background:rgba(110,72,30,.1)}
html[data-bs-theme=light] .xl-pfill.xl-b{background:rgba(110,72,30,.38)}
html[data-bs-theme=light] .xl-pfill.xl-c{background:rgba(110,72,30,.22)}
html[data-bs-theme=light] .xl-badge-pop{color:#2a1404}
html[data-bs-theme=light] .xl-step.xl-done .xl-b{color:#0a6650;border-color:rgba(10,102,80,.5);background:rgba(53,201,168,.16)}
/* kurulum kartındaki "Yayında" etiketi: JS koyu zeminin turkuazını satır içi yazar; beyazda koyu yeşile çevir */
html[data-bs-theme=light] .xl-tag.xl-live{color:#0a6650!important;border-color:rgba(10,102,80,.5)!important}
html[data-bs-theme=light] .xl-trustrow i{color:#0f9a7c}
html[data-bs-theme=light] .xl-post:hover h3{color:var(--xl-tg2)}
html[data-bs-theme=light] .xl-thumb{background:radial-gradient(circle at 30% 30%,rgba(242,181,68,.4),transparent 60%),linear-gradient(135deg,#fff4dc,#f6e3bf)!important}
html[data-bs-theme=light] .xl-faq details{background:#fff;box-shadow:0 8px 24px -20px rgba(90,52,16,.4)}
html[data-bs-theme=light] .xl-faq details[open]{border-color:rgba(163,86,7,.45)}
html[data-bs-theme=light] .xl-final{background:radial-gradient(ellipse at top,rgba(242,181,68,.34),transparent 62%),linear-gradient(180deg,#fff8e8,#fbe8c4)}
html[data-bs-theme=light] .xl-news{background:#fff}
html[data-bs-theme=light] .xl-railcard .xl-rnum{-webkit-text-stroke-color:rgba(110,72,30,.2)}
html[data-bs-theme=light] .xl-bt span{-webkit-text-stroke:0}
html[data-bs-theme=light] .kp-scroll{border-color:rgba(110,72,30,.4)}
html[data-bs-theme=light] .kp-hint{color:var(--xl-dim)}
html[data-bs-theme=light] .kp-bento>.xl-card::before{background:radial-gradient(520px circle at var(--xl-mx,50%) var(--xl-my,50%),rgba(212,88,42,.16),transparent 45%)}

/* ---------- açılış ekranı ---------- */
html[data-bs-theme=light] .xl-loader::before{background:radial-gradient(40% 34% at 50% 50%,rgba(242,181,68,.2),transparent 72%)}
html[data-bs-theme=light] .xl-loader::after{background-image:linear-gradient(rgba(110,72,30,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(110,72,30,.07) 1px,transparent 1px)}
html[data-bs-theme=light] .kp-lh-top{background:radial-gradient(60% 90% at 50% 100%,rgba(242,181,68,.22),transparent 70%),var(--xl-bg)}
/* iki yarım perde birleşim çizgisinde aynı tonu taşısın (üst altın, alt bakır olunca ortada yatay dikiş görünüyordu) */
html[data-bs-theme=light] .kp-lh-bot{background:radial-gradient(60% 90% at 50% 0%,rgba(242,181,68,.22),transparent 70%),var(--xl-bg)}
html[data-bs-theme=light] .kp-lgrid{background-image:linear-gradient(rgba(110,72,30,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(110,72,30,.07) 1px,transparent 1px)}
html[data-bs-theme=light] .kp-lscan{background:linear-gradient(180deg,transparent,rgba(242,181,68,.2),transparent)}
html[data-bs-theme=light] .kp-lparts i{background:#d4582a;box-shadow:0 0 8px #f2b544}
html[data-bs-theme=light] .kp-orbit{border-color:rgba(110,72,30,.35)}
html[data-bs-theme=light] .kp-orbit.kp-o2{border-color:rgba(110,72,30,.16)}
html[data-bs-theme=light] .kp-lbrand{color:var(--xl-fg)}
html[data-bs-theme=light] .kp-lbrand span:nth-child(odd){background-image:linear-gradient(180deg,#25170b,#6b3a12)}
html[data-bs-theme=light] .kp-lbrand span:nth-child(even){background-image:var(--xl-tgrad)}
html[data-bs-theme=light] .xl-lboot{color:var(--xl-dim)}
html[data-bs-theme=light] .xl-lboot b{color:#0f7a62}
html[data-bs-theme=light] .xl-lprog{filter:drop-shadow(0 0 6px rgba(212,88,42,.4))}

/* ---------- Ürünler mega paneli ve mobil çekmece ---------- */
html[data-bs-theme=light] .mega-panel{background:#fff;box-shadow:0 28px 60px -24px rgba(90,52,16,.4)}
html[data-bs-theme=light] .mega-eyebrow,
html[data-bs-theme=light] .mega-foot a,
html[data-bs-theme=light] .drawer-group,
html[data-bs-theme=light] .drawer-sub-ico{color:var(--xl-tg1)}
html[data-bs-theme=light] .mega-item{color:var(--xl-fg)}
html[data-bs-theme=light] .mega-item:hover,
html[data-bs-theme=light] .mega-item:focus-visible{background:rgba(242,181,68,.16);color:var(--xl-fg)}
html[data-bs-theme=light] .mega-ico{background:rgba(242,181,68,.2);color:var(--xl-tg1)}
html[data-bs-theme=light] .mega-item:hover .mega-ico,
html[data-bs-theme=light] .mega-item:focus-visible .mega-ico{color:#2a1404}
html[data-bs-theme=light] .mega-feature{background:linear-gradient(160deg,rgba(242,181,68,.26),rgba(212,88,42,.1) 60%,transparent),#fffaf0}
html[data-bs-theme=light] .mega-feature-eyebrow{color:var(--xl-dim)}
html[data-bs-theme=light] .mega-feature-title{color:var(--xl-fg)}
html[data-bs-theme=light] .mega-foot a:hover,
html[data-bs-theme=light] .mega-foot a:focus-visible{color:var(--xl-fg)}

/* ---------- 404 ve bakım ---------- */
html[data-bs-theme=light] .kp-scene{filter:brightness(.96) saturate(.9)}
html[data-bs-theme=light] .kp-404.kp-lit .kp-scene{filter:none}
html[data-bs-theme=light] .kp-bar{background:rgba(110,72,30,.16)}

/* ---------- sepet, sipariş yapılandırma, ödeme ---------- */
html[data-bs-theme=light] body.checkout-shell .checkout-split-aside{
  --rail-fg:#25170b;
  --rail-fg-muted:#654b30;
  --rail-fg-faint:rgba(101,75,48,.78);
  --rail-line:rgba(110,72,30,.18);
  --rail-line-strong:rgba(110,72,30,.32);
  --rail-fill:rgba(110,72,30,.05);
  --rail-fill-strong:rgba(242,181,68,.2);
  --rail-discount:#8f4a05;
  background-color:#fff8ea;
  background-image:
    radial-gradient(90% 55% at 100% 0%,rgba(242,181,68,.28) 0%,transparent 62%),
    radial-gradient(80% 50% at 0% 100%,rgba(212,88,42,.12) 0%,transparent 62%),
    linear-gradient(180deg,#fffaf0 0%,#fbefd6 100%);
}
@media (min-width:992px){
  html[data-bs-theme=light] body.checkout-shell:not(.checkout-shell-centered) .checkout-split-aside{border-inline-start:1px solid rgba(110,72,30,.2);box-shadow:-18px 0 50px -30px rgba(90,52,16,.3)}
}
html[data-bs-theme=light] body.checkout-shell .checkout-split-aside .order-summary h2,
html[data-bs-theme=light] body.checkout-shell .checkout-split-aside .order-summary-total .summary-value{color:var(--xl-tg2)}
html[data-bs-theme=light] body.checkout-shell .checkout-split-aside .btn-soft{color:var(--xl-tg2)}
html[data-bs-theme=light] body.checkout-shell .checkout-split-aside .btn-soft:hover{background:var(--rail-fill-strong);color:var(--xl-fg)}
html[data-bs-theme=light] body.checkout-shell .checkout-split-aside .form-control:focus{border-color:var(--xl-tg2);box-shadow:0 0 0 .22rem rgba(242,181,68,.3)}
html[data-bs-theme=light] .cart-item:hover{border-color:rgba(163,86,7,.4);box-shadow:0 14px 34px -22px rgba(90,52,16,.4)}
html[data-bs-theme=light] .cart-item .icon-disc{color:var(--xl-tg1);border-color:rgba(163,86,7,.3)}
html[data-bs-theme=light] .cart-item .cart-item-price,
html[data-bs-theme=light] .cart-item-specs li i{color:var(--xl-tg2)}
html[data-bs-theme=light] .cart-item-section-toggle:hover{background:rgba(242,181,68,.16);color:var(--xl-fg)}
html[data-bs-theme=light] .cart-chip{border-color:rgba(110,72,30,.24)}
html[data-bs-theme=light] .checkout-split-main .card{border-color:var(--xl-line)}
html[data-bs-theme=light] .checkout-split-main .card:hover{border-color:rgba(110,72,30,.3)}
html[data-bs-theme=light] .checkout-step.is-done .checkout-step-num{color:var(--xl-tg1);border-color:rgba(163,86,7,.45)}
@media (max-width:991.98px){
  html[data-bs-theme=light] body.checkout-cart .checkout-actionbar{background:rgba(255,253,249,.95);border-block-start:1px solid rgba(110,72,30,.22);box-shadow:0 -12px 34px -18px rgba(90,52,16,.4)}
  html[data-bs-theme=light] body.checkout-cart .checkout-actionbar-label{color:var(--xl-dim)}
  html[data-bs-theme=light] body.checkout-cart .checkout-actionbar-value{color:var(--xl-tg2)}
  html[data-bs-theme=light] body.checkout-shell .checkout-split-aside{border-block-start:1px solid rgba(110,72,30,.2)}
}

/* ---------- logo: panelden yüklenen "açık logo" çoğunlukla beyaz yazılıdır; beyaz zeminde koyuya çevrilir. Koyu/renkli logo ise
   kervanhost-light.js ölçüp `kh-logo-ok` ekler ve filtre kalkar (JS kapalıyken filtre kalır, logo yine görünür) ---------- */
html[data-bs-theme=light] .site-logo:not(.kh-logo-ok){filter:brightness(0) opacity(.92)}

/* ---------- mod düğmesi (sun/moon): ikon CSS ile seçilir, JS beklemeden doğru görünür ---------- */
.kh-mode-btn{position:relative}
.kh-mode-btn .kh-i-moon{display:none}
html[data-bs-theme=light] .kh-mode-btn .kh-i-sun{display:none}
html[data-bs-theme=light] .kh-mode-btn .kh-i-moon{display:inline-block}
.kh-mode-btn .bi{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.kh-mode-btn:hover .bi{transform:rotate(18deg)}
@media (prefers-reduced-motion:reduce){.kh-mode-btn .bi{transition:none}}

/* mod değişirken (yalnız düğmeye basınca) renk geçişi yumuşak olsun */
html.kh-mode-anim,html.kh-mode-anim *,html.kh-mode-anim *::before,html.kh-mode-anim *::after{transition:background-color .35s ease,border-color .35s ease,color .35s ease,box-shadow .35s ease!important}