/* ── KuryeAI Light Theme ──────────────────────────────────────────────────
   WHY html[data-theme="light"] and not [data-theme="light"]:
   Pages define :root vars inside an inline <style> that loads AFTER the
   linked theme.css. Both :root and [data-theme="light"] have specificity
   (0,1,0). Cascade order means the inline style wins — theme vars don't
   change. html[data-theme="light"] has specificity (0,1,1) — always wins.
   ────────────────────────────────────────────────────────────────────── */

/* ── CSS VARIABLE OVERRIDES ── */
html[data-theme="dark"] {
  --black:   #0b0e14;
  --dark:    #10141c;
  --card:    #141820;
  --card2:   #1a1e28;
  --border:  rgba(255,255,255,0.07);
  --border2: rgba(255,255,255,0.12);
  --bg:      #0b0e14;
}

html[data-theme="light"] {
  --black:   #f5f7fa;
  --dark:    #eaedf2;
  --card:    #ffffff;
  --card2:   #f0f2f5;
  --border:  rgba(0,0,0,0.09);
  --border2: rgba(0,0,0,0.14);
  --gray:    #aaaaaa;
  --gray-lt: #555555;
  --silver:  #2a2a2a;
  --white:   #0d0d0d;
  --teal:    #0099aa;
  --teal-lt: #00b4c6;
  --teal-dk: #007a8a;
  --orange:  #d97c08;
  --red:     #c0281c;
  --green:   #1a9640;
  --green2:  #1a9640;
  --yellow:  #c88e00;
  /* Blog post sayfaları için ek değişkenler */
  --bg:      #f5f7fa;
  --text:    #444444;
  --cyan:    #0099aa;
}

/* ── BLOG POST SAYFALARI (guvenli-suruc, motosiklet-ekipmanlari) ── */
html[data-theme="light"] .article h1,
html[data-theme="light"] .article h2,
html[data-theme="light"] .article h3,
html[data-theme="light"] .article h4 { color: #0d0d0d !important; }
html[data-theme="light"] .article strong { color: #0d0d0d !important; }
html[data-theme="light"] .article li { color: #444 !important; }
html[data-theme="light"] .step-card { background: #fff; border-color: rgba(0,0,0,.08); }
html[data-theme="light"] .step-card h4 { color: #0d0d0d !important; }
html[data-theme="light"] .step-card p { color: #666 !important; }
html[data-theme="light"] .ekipman-card { background: #fff; border-color: rgba(0,0,0,.08); }
html[data-theme="light"] .ekipman-card h4 { color: #0d0d0d !important; }
html[data-theme="light"] .ekipman-card p { color: #666 !important; }
html[data-theme="light"] .tip-box { background: rgba(0,150,170,.06); border-color: rgba(0,150,170,.2); }
html[data-theme="light"] .warning-box { background: rgba(192,40,28,.05); border-color: rgba(192,40,28,.18); }
html[data-theme="light"] #comment-input { background: #f5f7fa; border-color: rgba(0,0,0,.12); color: #0d0d0d; }
html[data-theme="light"] #comment-input::placeholder { color: #aaa; }
html[data-theme="light"] .share-btn { border-color: rgba(0,0,0,.15); color: #555; }
html[data-theme="light"] .share-btn:hover { border-color: rgba(0,0,0,.3); color: #0d0d0d; }

/* ── BODY ── */
html[data-theme="light"] body {
  background: #f5f7fa;
  color: #0d0d0d;
}

/* ── HERO DECORATIONS ── */
html[data-theme="light"] .hero-grid {
  background-image:
    linear-gradient(rgba(0,120,135,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,120,135,.08) 1px, transparent 1px);
}
html[data-theme="light"] .hero-glow {
  background: radial-gradient(circle, rgba(0,150,170,.07) 0%, transparent 65%);
}

/* ── NAV ── */
html[data-theme="light"] nav {
  background: rgba(245,247,250,0.92) !important;
  border-bottom-color: rgba(0,0,0,0.08) !important;
}
html[data-theme="light"] nav.scrolled {
  background: rgba(245,247,250,0.98) !important;
}
html[data-theme="light"] .nav-brand .kurye { color: #0d0d0d; }
html[data-theme="light"] .nav-back { color: #666; }
html[data-theme="light"] .nav-back:hover { color: #0d0d0d; }
html[data-theme="light"] .nav-links a { color: #555; }
html[data-theme="light"] .nav-links a:hover { color: #0d0d0d; }

/* ── DROPDOWN MENU ── */
html[data-theme="light"] .auth-drop-menu {
  background: #ffffff;
  border-color: rgba(0,0,0,0.12);
  box-shadow: 0 8px 24px rgba(0,0,0,.1);
}
html[data-theme="light"] .auth-drop-item { color: #0d0d0d; }
html[data-theme="light"] .auth-drop-item:hover {
  background: rgba(0,150,170,.08);
  color: var(--teal);
}

/* ── HERO SECONDARY BUTTON ── */
html[data-theme="light"] .btn-hero-secondary {
  background: rgba(0,0,0,0.06);
  color: #0d0d0d;
  border-color: rgba(0,0,0,0.15);
}
html[data-theme="light"] .btn-hero-secondary:hover { background: rgba(0,0,0,0.1); }

/* ── COOKIE BANNER ── */
html[data-theme="light"] .cookie-banner {
  background: #ffffff;
  border-top-color: rgba(0,0,0,0.08);
}

/* ── TABS ── */
html[data-theme="light"] .how-tabs { background: rgba(0,0,0,0.06); }

/* ── ALL CARDS ── */
html[data-theme="light"] .bento-card,
html[data-theme="light"] .prod-card,
html[data-theme="light"] .izinci-card,
html[data-theme="light"] .testi-card,
html[data-theme="light"] .price-card,
html[data-theme="light"] .faq-item,
html[data-theme="light"] .panel-visual,
html[data-theme="light"] .kurye-visual,
html[data-theme="light"] .form-card,
html[data-theme="light"] .acil-card,
html[data-theme="light"] .audience-card,
html[data-theme="light"] .step-card,
html[data-theme="light"] .feat-card,
html[data-theme="light"] .platform-card {
  background: #ffffff;
  border-color: rgba(0,0,0,0.08);
}
html[data-theme="light"] .bento-card:hover,
html[data-theme="light"] .prod-card:hover,
html[data-theme="light"] .izinci-card:hover,
html[data-theme="light"] .feat-card:hover,
html[data-theme="light"] .platform-card:hover { background: #f0f2f7; }

/* ── PRODUCT / IZINCI CARD TEXT ──
   Spans with hardcoded color:#fff inline styles won't respond to
   CSS variable changes — target them explicitly. */
html[data-theme="light"] .prod-text-logo span[style*="#fff"],
html[data-theme="light"] .prod-text-logo span[style*="color: #fff"],
html[data-theme="light"] .prod-card span[style*="#fff"],
html[data-theme="light"] .prod-card span[style*="color: #fff"],
html[data-theme="light"] .nav-brand span[style*="#fff"] { color: #0d0d0d !important; }
html[data-theme="light"] .pf { color: #666 !important; }
html[data-theme="light"] .prod-desc,
html[data-theme="light"] .prod-feature { color: #555; }
html[data-theme="light"] .pc-list li { color: #555; }

/* ── SOCIAL BUTTONS ── */
html[data-theme="light"] .social-btn {
  background: rgba(0,0,0,0.06);
  border-color: rgba(0,0,0,0.09);
}

/* ── OUTLINE BUTTONS ── */
html[data-theme="light"] .btn-outline,
html[data-theme="light"] .pc-btn-ol,
html[data-theme="light"] .price-btn-outline {
  color: #0d0d0d;
  border-color: rgba(0,0,0,0.2);
}
html[data-theme="light"] .btn-outline:hover,
html[data-theme="light"] .pc-btn-ol:hover,
html[data-theme="light"] .price-btn-outline:hover { background: rgba(0,0,0,0.05); }

/* ── TABLE BORDERS ── */
html[data-theme="light"] .price-table td,
html[data-theme="light"] .compare-table td,
html[data-theme="light"] .comp-table td { border-bottom-color: rgba(0,0,0,0.06); }
html[data-theme="light"] .comp-table th.col-old {
  background: rgba(0,0,0,0.02);
  color: #888;
}
html[data-theme="light"] .comp-table td.col-old {
  background: rgba(0,0,0,0.02);
  color: #888;
}
html[data-theme="light"] .acil-price-row:not(:last-child) {
  border-bottom-color: rgba(0,0,0,0.06);
}

/* ── TRUST STRIP ── */
html[data-theme="light"] .trust-strip {
  background: #eaedf2;
  border-color: rgba(0,0,0,0.06);
}
html[data-theme="light"] .trust-lbl { color: #888; }
html[data-theme="light"] .trust-sep { background: rgba(0,0,0,0.15); }
html[data-theme="light"] .trust-pill {
  color: #444;
  background: rgba(0,0,0,0.05);
  border-color: rgba(0,0,0,0.12);
}
html[data-theme="light"] .trust-pill:hover {
  color: #0d0d0d;
  border-color: rgba(0,0,0,0.25);
  background: rgba(0,0,0,0.08);
}

/* ── TICKER ── */
html[data-theme="light"] .ticker {
  background: #eaedf2;
  border-color: rgba(0,0,0,0.06);
}
html[data-theme="light"] .ti { color: #555; }
html[data-theme="light"] .ti.accent { color: var(--teal); }

/* ── BADGES ── */
html[data-theme="light"] .platform-badge,
html[data-theme="light"] .pg-item,
html[data-theme="light"] .acil-cat {
  background: rgba(0,0,0,0.04);
  border-color: rgba(0,0,0,0.08);
  color: #555;
}
html[data-theme="light"] .pg-item:hover {
  background: rgba(0,150,170,.08);
  color: var(--teal);
}

/* ── FORM INPUTS ── */
html[data-theme="light"] .form-input,
html[data-theme="light"] .form-select,
html[data-theme="light"] .form-textarea {
  background: #f5f7fa;
  border-color: rgba(0,0,0,0.12);
  color: #0d0d0d;
}
html[data-theme="light"] .form-input::placeholder,
html[data-theme="light"] .form-textarea::placeholder { color: #aaa; }
html[data-theme="light"] .form-input:focus,
html[data-theme="light"] .form-select:focus,
html[data-theme="light"] .form-textarea:focus {
  background: #fff;
  border-color: var(--teal);
}
html[data-theme="light"] .form-label { color: #333; }

/* ── STATS STRIP ── */
html[data-theme="light"] .stat-box,
html[data-theme="light"] .stats-strip {
  background: #ffffff;
  border-color: rgba(0,0,0,0.06);
}
html[data-theme="light"] .stats-strip-inner { background: rgba(0,0,0,0.06); }

/* ── RESTORAN PANEL ── */
html[data-theme="light"] .mock-order {
  background: rgba(0,0,0,.03);
  border-color: rgba(0,0,0,.06);
}
html[data-theme="light"] .mock-order:hover { background: rgba(0,150,170,.05); }
html[data-theme="light"] .dot-white { background: rgba(0,0,0,.2); }

/* ── FAQ ── */
html[data-theme="light"] .faq-q { color: #0d0d0d; }
html[data-theme="light"] .faq-q:hover { background: rgba(0,0,0,0.03); }
html[data-theme="light"] .faq-a { color: #555; }

/* ── FOOTER ── */
html[data-theme="light"] footer,
html[data-theme="light"] .page-footer {
  background: #eaedf2;
  border-top-color: rgba(0,0,0,0.08);
}

/* ── DIVIDER ── */
html[data-theme="light"] .divider { background: rgba(0,0,0,0.08); }

/* ── KURYEAI.HTML SPECIFIC ── */
html[data-theme="light"] .model-card,
html[data-theme="light"] .av-card,
html[data-theme="light"] .earn-visual,
html[data-theme="light"] .ger-item {
  background: #ffffff;
  border-color: rgba(0,0,0,0.08);
}
html[data-theme="light"] .model-card:hover,
html[data-theme="light"] .av-card:hover { background: #f0f2f7; }
html[data-theme="light"] .mc-rates {
  background: rgba(0,0,0,0.03);
  border-color: rgba(0,0,0,0.08);
}
html[data-theme="light"] .mc-rate-row { border-bottom-color: rgba(0,0,0,0.06); }
html[data-theme="light"] .mc-perk { color: #555; }
html[data-theme="light"] .ger-text { color: #444; }
html[data-theme="light"] .ip { color: #444; }
html[data-theme="light"] .er-row {
  background: rgba(0,0,0,0.03);
  border-color: rgba(0,0,0,0.06);
}
html[data-theme="light"] .model-btn {
  background: rgba(0,0,0,0.04);
  border-color: rgba(0,0,0,0.12);
  color: #555;
}
html[data-theme="light"] .model-btn:hover { border-color: var(--teal); color: var(--teal); }
html[data-theme="light"] .model-btn.active {
  background: rgba(0,150,170,.08);
  border-color: var(--teal);
  color: var(--teal);
}
html[data-theme="light"] .footer-copy { color: #999; }
html[data-theme="light"] .footer-links a { color: #666; }
html[data-theme="light"] .footer-links a:hover { color: #0d0d0d; }

/* ── OLED DARK THEME ── */
html[data-theme="oled"] {
  --black:   #000000;
  --dark:    #050505;
  --card:    #0a0a0a;
  --card2:   #0d0d0d;
  --border:  rgba(255,255,255,0.04);
  --border2: rgba(255,255,255,0.08);
  --gray:    #444444;
  --gray-lt: #888888;
  --white:   #eeeeee;
  --bg:      #000000;
}
html[data-theme="oled"] body { background: #000; }
html[data-theme="oled"] nav { background: rgba(0,0,0,.98) !important; border-bottom-color: rgba(255,255,255,.04) !important; }
html[data-theme="oled"] nav.scrolled { background: #000 !important; }
html[data-theme="oled"] .ttp-thumb { transform: translateX(14px); background: linear-gradient(135deg,#333,#555); }
html[data-theme="oled"] .ttp-sun { color: rgba(255,255,255,.2); }
html[data-theme="oled"] .ttp-moon { color: #888; }

/* ── THEME TOGGLE BUTTON ── */
.theme-toggle {
  position: fixed;
  bottom: 5.5rem;
  right: 1.2rem;
  z-index: 9999;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--card);
  border: .5px solid var(--border);
  cursor: pointer;
  font-size: 1.05rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 14px rgba(0,0,0,.18);
  transition: background .2s, transform .15s, box-shadow .2s;
  line-height: 1;
}
.theme-toggle:hover {
  transform: scale(1.12);
  box-shadow: 0 4px 20px rgba(0,0,0,.25);
}

/* ── PREMIUM THEME TOGGLE PILL (shared across all pages) ── */
.theme-toggle-pill {
  position: relative; display: inline-flex; align-items: center; gap: 5px;
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.13);
  border-radius: 999px; padding: .3rem .55rem; cursor: pointer;
  transition: background .25s, box-shadow .25s; outline: none;
  box-shadow: 0 2px 12px rgba(0,0,0,.18);
}
.theme-toggle-pill:hover { background: rgba(255,255,255,.14); box-shadow: 0 4px 20px rgba(0,0,0,.28); }
.ttp-track {
  position: relative; width: 30px; height: 16px;
  background: rgba(255,255,255,.12); border-radius: 999px;
  border: 1px solid rgba(255,255,255,.15); transition: background .3s;
}
.ttp-thumb {
  position: absolute; top: 2px; left: 2px;
  width: 10px; height: 10px; border-radius: 50%;
  transition: transform .3s cubic-bezier(.34,1.56,.64,1);
  box-shadow: 0 1px 4px rgba(0,0,0,.35);
}
.ttp-sun { color: rgba(255,255,255,.65); display: flex; align-items: center; transition: color .25s; }
.ttp-moon { color: rgba(255,255,255,.65); display: flex; align-items: center; transition: color .25s; }
html[data-theme="dark"]  .ttp-thumb  { transform: translateX(0);    background: linear-gradient(135deg,#f59e0b,#ef4444); }
html[data-theme="dark"]  .ttp-sun    { color: #f59e0b; }
html[data-theme="dark"]  .ttp-moon   { color: rgba(255,255,255,.3); }
html[data-theme="light"] .theme-toggle-pill { background: rgba(0,0,0,.06); border-color: rgba(0,0,0,.12); box-shadow: 0 2px 12px rgba(0,0,0,.08); }
html[data-theme="light"] .ttp-track  { background: rgba(0,0,0,.08); border-color: rgba(0,0,0,.12); }
html[data-theme="light"] .ttp-thumb  { transform: translateX(14px); background: linear-gradient(135deg,#6366f1,#8b5cf6); }
html[data-theme="light"] .ttp-sun    { color: rgba(0,0,0,.3); }
html[data-theme="light"] .ttp-moon   { color: #6366f1; }

/* reCAPTCHA rozeti gizle — Google ToS: görünür açıklama metni zorunlu */
.grecaptcha-badge { display: none !important; }

/* ─── KOSGEB Logo Theme Switch ───────────────────────────────────────────
   Light tema → siyah tipografi PNG (saydam), aydınlık zeminde okunur
   Dark/OLED tema → beyaz tipografi PNG (koyu zemin), karanlık zeminde okunur
   Default (HTML data-theme set olmadan) → dark version (KuryeAI default dark)
*/
.kosgeb-img-light { display: none; }
.kosgeb-img-dark  { display: inline-block; }
html[data-theme="light"] .kosgeb-img-dark  { display: none; }
html[data-theme="light"] .kosgeb-img-light { display: inline-block; }
html[data-theme="oled"] .kosgeb-img-light  { display: none; }
html[data-theme="oled"] .kosgeb-img-dark   { display: inline-block; }

/* KOSGEB logosu link wrapper hover/focus efekti */
.kosgeb-support a { transition: opacity .15s, transform .15s; }
.kosgeb-support a:hover { opacity: .85; transform: scale(1.03); }
.kosgeb-support a:focus-visible { outline: 2px solid var(--teal,#00c8d7); outline-offset: 4px; border-radius: 6px; }

/* KOSGEB footer bandı — tema-aware yazı renkleri (default + light + oled) */
/* Default (dark): beyaz tipografi koyu zeminde */
.kosgeb-support p { color: #ffffff; }
.kosgeb-support p:nth-of-type(2) { color: #999999; }
.kosgeb-support > div { color: #999999; }
.kosgeb-support a[href*="belge-dogrulama"] { color: #999999; }

/* Light tema: koyu tipografi açık zeminde */
html[data-theme="light"] .kosgeb-support p { color: #1a1a1a !important; }
html[data-theme="light"] .kosgeb-support p:nth-of-type(2) { color: #666666 !important; }
html[data-theme="light"] .kosgeb-support > div { color: #666666 !important; }
html[data-theme="light"] .kosgeb-support a[href*="belge-dogrulama"] { color: #666666 !important; }
html[data-theme="light"] .kosgeb-support { border-color: rgba(0,0,0,.08) !important; }

/* OLED: dark ile aynı (saf siyah üstüne beyaz tipografi) */
html[data-theme="oled"] .kosgeb-support p { color: #ffffff !important; }
html[data-theme="oled"] .kosgeb-support p:nth-of-type(2) { color: #888888 !important; }
html[data-theme="oled"] .kosgeb-support > div { color: #888888 !important; }

/* ─── Round 7 A11y AK3 — Skip-to-main-content link (WCAG 2.4.1 Bypass Blocks) ─── */
/* Klavye kullanıcısı her sayfada ilk Tab ile direkt içeriğe atlayabilir */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  background: var(--teal, #00c8d7);
  color: #000;
  padding: .8rem 1.4rem;
  font-weight: 700;
  text-decoration: none;
  z-index: 99999;
  border-radius: 0 0 8px 0;
  font-size: .95rem;
}
.skip-link:focus {
  left: 0;
  outline: 3px solid #fff;
  outline-offset: 2px;
}

/* Round 7 A11y AY4 — Global prefers-reduced-motion (WCAG 2.3.3) */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Round 7 A11y O2 — Global :focus-visible (WCAG 2.4.7) */
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
[role="button"]:focus-visible {
  outline: 2px solid var(--teal, #00c8d7);
  outline-offset: 2px;
  border-radius: 4px;
}

/* Visually hidden helper (screen reader-only metin) */
.visually-hidden, .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Round 7 Mobil MK3 — overscroll-behavior (modal rubber-band leak fix) */
.modal, .sheet, .bottom-sheet, .ms, .msh, .ocard, .drawer, .modal-body {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

/* Round 7 Mobil Y1 — iOS Safari input zoom fix (font-size <16px → otomatik zoom) */
@media (max-width: 768px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  textarea, select {
    font-size: 16px !important;
  }
}