/* AK Chrome — katalog header/footer'ı WC/WP sayfalarına port (Adım 8).
   .ak-chrome / .ak-chrome-footer altında namespace (WC/tema çakışmaz).
   var(--amber) = tenant rengi (ak-branding wp_head inline ile set; aşağıdaki #FF6600 sadece fallback). */
:root{
  --navy:#212529;--navy-700:#2a2f37;--navy-600:#1a1d22;--graphite-d:#0f1115;
  --amber:#FF6600;--amber-600:#cc4f00;--amber-50:#FFEFE3;
  --ink:#212529;--muted:#666;--line:#e5e7eb;
  --shadow:0 8px 24px rgba(0,0,0,.13);--radius:10px;--maxw:1280px;--header-h:64px;
  --font:"Barlow","Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
.ak-chrome,.ak-chrome *,.ak-chrome-footer,.ak-chrome-footer *{box-sizing:border-box}
.ak-chrome{font-family:var(--font);position:sticky;top:0;z-index:100}
.ak-chrome .wrap,.ak-chrome-footer .wrap{max-width:var(--maxw);margin:0 auto;padding:0 18px}

/* Topbar (koyu navy, açık metin, yeşil nokta) */
.ak-chrome .tdc-topbar{background:var(--navy);color:#cdd6e4;font-size:12.5px;font-weight:600}
.ak-chrome .tdc-topbar__in{display:flex;align-items:center;justify-content:space-between;gap:12px;height:34px}
.ak-chrome .tdc-tb-l{display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden;white-space:nowrap}
.ak-chrome .tdc-tb-dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.18);flex:none}
.ak-chrome .tdc-tb-sep{opacity:.4}
.ak-chrome .tdc-tb-r{color:rgba(255,255,255,.85);white-space:nowrap}

/* Catbar (beyaz, navy linkler) */
.ak-chrome .catbar{background:#fff;border-bottom:1px solid var(--line)}
.ak-chrome .catbar .wrap{display:flex;gap:4px;height:46px;align-items:center}
.ak-chrome .catbar a{padding:8px 13px;font-size:14px;font-weight:600;color:var(--navy);border-radius:8px;white-space:nowrap;text-decoration:none}
.ak-chrome .catbar a:hover{background:var(--amber-50);color:var(--amber-600)}

/* Header (koyu navy, beyaz metin, amber logo kutusu) */
.ak-chrome .hdr{background:var(--navy);color:#fff;box-shadow:var(--shadow)}
.ak-chrome .hdr-row{display:flex;align-items:center;gap:18px;height:var(--header-h)}
.ak-chrome .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:.2px;white-space:nowrap;color:#fff;text-decoration:none}
.ak-chrome .brand .logo{width:34px;height:34px;border-radius:7px;background:var(--amber);display:grid;place-items:center;color:#fff;font-weight:900}
.ak-chrome .brand small{display:block;font-size:11px;font-weight:500;color:rgba(255,255,255,.55)}
.ak-chrome .brand-logo{height:40px;width:auto;max-width:220px;object-fit:contain;display:block}
.ak-chrome .hdr-actions{display:flex;align-items:center;gap:8px;margin-left:auto}

/* Nav butonları (Warenkorb / Mein Konto) */
.ak-chrome .tdc-garage-btn{position:relative;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:transparent;color:#fff;cursor:pointer;text-decoration:none;font-family:inherit}
.ak-chrome .tdc-garage-btn:hover{border-color:var(--amber)}
.ak-chrome .tdc-garage-btn .lbl{font-size:12px;font-weight:800}
.ak-chrome .tdc-garage-count{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--amber);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}

/* Footer (graphite koyu) */
.ak-chrome-footer{background:var(--graphite-d);margin-top:40px;padding:34px 0 0;color:rgba(255,255,255,.72);font-family:var(--font)}
.ak-chrome-footer a{color:rgba(255,255,255,.72);font-size:13px;text-decoration:none}
.ak-chrome-footer a:hover{color:#fff;text-decoration:underline}
.ak-chrome-footer .site-footer__top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px;padding-bottom:26px}
.ak-chrome-footer .sf-col{display:flex;flex-direction:column;gap:9px}
.ak-chrome-footer .sf-h{color:#fff;font-weight:800;font-size:13px;margin-bottom:3px}
.ak-chrome-footer .sf-name{color:#fff;font-weight:900;font-size:16px}
.ak-chrome-footer .sf-claim{color:rgba(255,255,255,.6);font-size:12.5px;line-height:1.5;margin:6px 0 10px}
.ak-chrome-footer .sf-mail{color:var(--amber);font-weight:700}
.ak-chrome-footer .site-footer__bottom{border-top:1px solid rgba(255,255,255,.12);padding:14px 0;margin-top:8px;font-size:12px;color:rgba(255,255,255,.5)}

@media(max-width:720px){
  .ak-chrome .tdc-tb-l span:nth-child(n+4){display:none}
  .ak-chrome .brand small{display:none}
  .ak-chrome-footer .site-footer__top{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){ .ak-chrome .tdc-garage-btn .lbl{display:none} }