/* ================= Kadraj L'Atelier – Global Styles (FULL) ================= */

/* --- Ticker (header üstü kayan bant) --- */
.ticker{background:#f2f4f7;color:#000;border-bottom:1px solid #e5e7eb}
.ticker-inner{margin:0 auto;overflow:hidden;position:relative;height:34px;display:block}
.ticker-track{display:flex;flex-wrap:nowrap;align-items:center;white-space:nowrap;animation:ticker-scroll var(--ticker-speed,25s) linear infinite;will-change:transform}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-seq{display:flex;flex:0 0 auto;gap:32px;padding:8px 16px;min-width:max-content}
.ticker-item{font-size:13px;font-weight:500}
.ticker-item::after{content:"•";opacity:.45;margin-left:32px}
@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* --- Category bar (tek satır, gizli scrollbar, alt çizgi animasyon) --- */
.category-bar{max-width:1400px;margin:0 auto;padding:0 1rem}
.category-bar ul{display:flex;gap:2rem;font-size:13px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.category-bar ul::-webkit-scrollbar{display:none}
.category-bar li{flex:0 0 auto}
.category-bar a,.category-bar a:hover,.category-bar a:focus{text-decoration:none!important}
.category-bar a{position:relative;display:inline-block;line-height:1;padding:10px 0}
/* Alt çizgi tabana yakın, ortadan iki yana uzayan */
.category-bar a::after{content:"";position:absolute;left:50%;bottom:-1px;width:0;height:2px;background:#0f172a;transform:translateX(-50%);transition:width .45s ease}
.category-bar a:hover::after,.category-bar a:focus-visible::after{left:0;transform:none;width:100%}
/* Hover rengi: gümüş grisi */
.category-bar a:hover{color:#9ca3af}
/* Society rengi */
.category-bar a.society{font-weight:700;color:#590219}

/* --- Cart Drawer (sağdan kayan sepet) --- */
.cart-root{position:fixed;inset:0;z-index:20000 !important;pointer-events:none}
.cart-root.open{pointer-events:auto}
.cart-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .25s ease;z-index:0}
.cart-root.open .cart-overlay{opacity:1;pointer-events:auto}
.cart-panel{position:absolute;top:0;right:0;height:100%;width:min(420px,90vw);background:#fff;transform:translateX(100%);transition:transform .35s ease;box-shadow:-12px 0 24px rgba(0,0,0,.1);display:flex;flex-direction:column;z-index:1;pointer-events:auto}
.cart-root.open .cart-panel{transform:translateX(0)}
.cart-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e5e7eb;font-weight:600}
.cart-body{padding:16px;overflow:auto;flex:1 1 auto}
.cart-footer{padding:16px;border-top:1px solid #e5e7eb}
.cart-close{background:transparent;border:0;cursor:pointer;font-size:20px;line-height:1}

/* Cart Drawer içinde link ve satırların tıklanabilirliği */
#cart-drawer .cart-panel a{pointer-events:auto;cursor:pointer}
#cart-drawer .cart-panel [data-goto]{cursor:pointer}
#cart-overlay.pointer-events-none{pointer-events:none !important}

/* --- Güvenlik: checkout/cart dışında footer’daki statik sepet/ödeme barlarını gizle --- */
body:not(.on-checkout):not(.on-cart) .payment-sticky,
body:not(.on-checkout):not(.on-cart) #payment-sticky{display:none!important}

/* Scroll lock (drawer açıkken) */
html.scroll-locked, body.scroll-locked { overflow: hidden !important; }

/* --- Slider --- */
.slider { position: relative; overflow: hidden; border-radius: 8px; }
.slider-track { position: relative; }
.slider-slide { position: absolute; inset: 0; opacity: 0; transform: translateX(100%);
  transition: transform .6s ease, opacity .6s ease; will-change: transform, opacity; object-fit: cover; width: 100%; height: 100%; }
.slider-slide.active { opacity: 1; transform: translateX(0); }
.slider-slide.exit-left { opacity: 0; transform: translateX(-100%); }
.slider-slide.exit-right { opacity: 0; transform: translateX(100%); }
.slider-prev, .slider-next { position: absolute; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; border-radius: 50%;
  background: rgba(0,0,0,.5); color:#fff; border:0; display:flex; align-items:center; justify-content:center; }
.slider-prev { left: 10px; } .slider-next { right: 10px; }
.slider-dots { position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); display:flex; gap:8px; }
.slider-dot { width:8px; height:8px; border-radius:50%; background:#ddd; border:0; }
.slider-dot.active { background:#111; }

/* --- Search popover --- */
.search-popover{
  position:fixed;
  z-index:2147483647 !important;   /* header üstünde, pratikte en yüksek */
  width:460px;
  background:#fff !important;      /* beyaz arka plan */
  border:none !important;           /* çerçeve kaldırıldı */
  border-radius:0;
  box-shadow:0 8px 24px rgba(0,0,0,.12) !important;
  pointer-events:auto;
}
.search-card{ background:#fff; border:1px solid #e5e7eb; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.12); overflow:hidden; }
.search-input{ width:100%; padding:12px 14px; border:0; outline:none; border-bottom:1px solid #f0f0f0; font-size:14px; }
.search-suggestions{ max-height:360px; overflow:auto; background:#fff !important; }
.search-row{ display:flex; gap:10px; padding:10px 12px; align-items:center; border-bottom:1px solid #f6f6f6; text-decoration:none; color:inherit; background:#fff; }
.search-row:hover{ background:#f9fafb; }
.search-thumb{ width:44px; height:44px; object-fit:cover; border-radius:6px; background:#f3f4f6; }
.search-title{ font-weight:600; font-size:14px; line-height:1.2; }
.search-sub{ font-size:12px; opacity:.6; }
.search-empty{ padding:14px; font-size:13px; opacity:.7; }

/* ===================== Header uyumu + içerik ofseti ===================== */

/* Header iç iki satır aynı genişlikte ve ortalı */
#app-header .fixed-header-inner,
#app-header .category-bar{
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Header.js zaten bu ofseti yönetiyor; ekstra padding EKLEME. */
:root { --header-offset: 120px; }          /* fallback */
body.has-fixed-header { padding-top: var(--header-offset); }

@media (max-width: 768px) {
  :root { --header-offset: 100px; }
}

/* Sepet drawer'ı header'ın ÜSTÜNDE */
.cart-root{ z-index: 20000 !important; }

/* Kategori bar: sol hizalı ve sağ tarafta nefes payı */
#app-header .category-bar { justify-content: flex-start !important; padding-right: 16px; }

/* === Search popover override: header ile çakışmayı kesin kaldır === */
.search-title mark{
  background: transparent !important;
  color: inherit !important;
  padding: 0 !important;
}

/* ===================== Ürün sayfası: header beyaz (global) ===================== */
body.on-product-page #app-header{
  background:#fff !important;
  color:#0f172a !important;
}
body.on-product-page #app-header a,
body.on-product-page #app-header svg{ color:inherit !important; }
body.on-product-page #app-header .category-bar{ background:#fff !important; }
@media (max-width:768px){
  body.on-product-page #app-header .glass-input-min{ color:#0f172a !important; }
  body.on-product-page #app-header .glass-input-min::placeholder{ color:rgba(15,23,42,.5) !important; }
  body.on-product-page #app-header .category-bar a{ color:#0f172a !important; }
}

/* Header altının beyaz görünmesi için ilk bölüm zemini */
body.on-product-page #app > section:first-of-type{ background:#fff; }