/* ACE · açık tema katmanı. Koyu bölümler (hero, toprak, hikâyeler, slogan) kalır; .light sınıfı verilen bölümler açık olur.
   Son yüklenir. Kural: bir alt ağaçta --sc-ink yeniden tanımlanıyorsa color da yeniden yazılır. */

:root { --paper: #F6F8F3; --paper-2: #EDF2EA; --deep: #0A2218; --accent-d: #007A58; }

/* ---------- açık kapsam ---------- */
.light {
  --sc-canvas: var(--paper); --sc-surface: #FFFFFF;
  --sc-ink: #10241A; --sc-ink-soft: #4C6356;
  --sc-accent: var(--accent-d); --sc-accent-ink: #FFFFFF;
  --line: color-mix(in oklab, #10241A 15%, transparent);
  --sc-hairline: var(--line);
  color: var(--sc-ink); background: var(--paper);
}
.light .label { color: var(--accent-d); }
.light .sc-lede { color: var(--sc-ink); }
.light .sc-body { color: color-mix(in oklab, var(--sc-ink) 84%, transparent); }

/* butonlar */
.light .cta { background: rgba(255,255,255,.75); color: var(--sc-ink); border-color: color-mix(in oklab, var(--accent-d) 60%, transparent); backdrop-filter: none; }
.light .cta::after { background-color: var(--accent-d); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4'/%3E%3C/svg%3E"); }
.light .cta::before { background: var(--accent-d); }
.light .cta:hover { color: #fff; border-color: var(--accent-d); box-shadow: 0 14px 28px -14px rgba(0,122,88,.55); }
.light .cta:hover::after { background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23007A58' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4'/%3E%3C/svg%3E"); }
.light .cta--solid { background: linear-gradient(135deg, #00A781, #007A58); color: #fff; border-color: transparent; box-shadow: 0 14px 28px -14px rgba(0,122,88,.6); }
.light .cta--solid::before { background: #10241A; }
.light .cta--solid::after { background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23007A58' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4'/%3E%3C/svg%3E"); }
.light .cta--solid:hover { color: #fff; border-color: transparent; }
.light .cta--ghost { background: transparent; border-color: var(--line); color: var(--sc-ink); }
.light .cta--ghost::after { background-color: rgba(16,36,26,.1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2310241A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4'/%3E%3C/svg%3E"); }
.light .chip { color: var(--sc-ink); border-color: var(--line); background: #fff; }
.light .chip:hover { border-color: var(--accent-d); }
.light .chip[aria-pressed="true"] { background: var(--accent-d); color: #fff; border-color: var(--accent-d); }

/* kart ve yüzeyler */
.light .vm { background: #fff; border-left-color: var(--accent-d); box-shadow: 0 18px 34px -28px rgba(16,36,26,.5); }
.light .addr article { background: #fff; box-shadow: 0 18px 34px -28px rgba(16,36,26,.4); }
.light .form { background: #fff; border-color: var(--line); box-shadow: 0 30px 60px -34px rgba(16,36,26,.45); }
.light .form input, .light .form select, .light .form textarea { background: var(--paper); color: var(--sc-ink); border-color: var(--line); }
.light .form input:hover, .light .form select:hover, .light .form textarea:hover { background: #fff; }
.light .form label { color: var(--sc-ink-soft); }
.light .form__check { color: var(--sc-ink-soft) !important; }
.light .reach a { color: var(--sc-ink); border-bottom-color: #00A781; }
.light .reach a:hover { color: var(--accent-d); }
.light .item__date, .light .item__title { color: var(--sc-ink); }
.light .item__tag { color: var(--accent-d); }
.light .item__chev { border-color: var(--sc-ink); }
.light .item__more a, .light .qa__b a, .light .src__list a, .light .plist__note a { color: var(--accent-d); }
.light .person__ph { color: #fff; }
.light .person__t { color: var(--accent-d); }
.light .si__card { background: #fff; box-shadow: 0 30px 60px -36px rgba(16,36,26,.5); }
.light .legal__in h2:not(.legal__h) { color: var(--accent-d); }
.light .legal__in p, .light .legal__in li { color: color-mix(in oklab, var(--sc-ink) 86%, transparent); }
.light .values__list li { border-top-color: var(--accent-d); }
.light .values__list li::before { color: var(--accent-d); }
.light .empty { background: radial-gradient(80% 120% at 50% 0%, #E2EDE4, #F1F6EF 75%); color: var(--sc-ink-soft); border-color: var(--line); }
.light .empty i { border-color: var(--accent-d); }
.light .empty i::after { border-left-color: var(--accent-d); }
.light .qa summary i { border-color: var(--accent-d); }
.light .spec dt, .light .doz th, .light .regs__tab th, .light .team__reg span { color: var(--sc-ink-soft); }
.light .sc-grain { opacity: .02; }

/* ürün sahnesi (açık) */
.light .pcard__ph { background: radial-gradient(70% 55% at 50% 42%, color-mix(in oklab, var(--glow) 34%, #fff) 0%, transparent 72%), linear-gradient(180deg, #FFFFFF, #E9F0E8); border-color: color-mix(in oklab, var(--glow) 30%, var(--line)); box-shadow: 0 30px 50px -34px rgba(16,36,26,.55); }
.light .pcard__ph img { filter: drop-shadow(0 22px 18px rgba(16,36,26,.32)); }
.light .pcard__btn:hover .pcard__ph img { filter: drop-shadow(0 34px 24px rgba(16,36,26,.3)); }
.light .pcard__floor { background: radial-gradient(closest-side, rgba(16,36,26,.4), transparent); }
.light .pcard__cat { color: var(--accent-d); }
.light .pcard__sub { color: var(--sc-ink-soft); }
.light .pcard__more { border-bottom-color: #00A781; }
.light .product__photo { background: radial-gradient(70% 55% at 50% 45%, rgba(242,163,58,.34), transparent 72%), linear-gradient(180deg, #FFFFFF, #E9F0E8); border-color: rgba(242,163,58,.35); box-shadow: 0 34px 60px -36px rgba(16,36,26,.55); }
.light .product__photo img { filter: drop-shadow(0 24px 20px rgba(16,36,26,.3)); }

/* bölüm zeminleri */
.light.news, .light.videos { background: var(--paper); }
.light.plist { background: linear-gradient(180deg, var(--paper), var(--paper-2) 50%, var(--paper)); }
.light.product { background: radial-gradient(60% 70% at 22% 40%, rgba(242,163,58,.12), transparent 65%), #fff; }
.light.contact { background: radial-gradient(70% 60% at 85% 15%, rgba(0,167,129,.14), transparent 60%), radial-gradient(60% 60% at 8% 95%, rgba(0,92,131,.10), transparent 65%), var(--paper); }
.light.pcta { background: radial-gradient(90% 80% at 80% 100%, rgba(0,92,131,.10), transparent 60%), var(--paper); }
.light.dry { background: linear-gradient(180deg, #F3EDDD, #F1ECDE 60%, var(--paper)); }
.light.dry .dry__help { background: rgba(255,255,255,.75); border-left-color: var(--accent-d); }
.light.dry .dry__note { color: var(--sc-ink-soft); }
.light.phead::after, .light.plist::after { display: none; }
.light.plist::before, .light.news::before, .light.videos::before, .light.phead::before { background-image: url(assets/topo-koyu.svg); opacity: .09; }
.light.regs, .light.team, .light.faq, .light.si, .light.legal, .light.where { background: var(--paper); }
.light.about, .light.values { background: var(--paper-2); }
.light.partners { background: #fff; }
.light.si2 { background: var(--paper-2); }
.light.src { background: var(--paper); }
.light.where { background: radial-gradient(60% 70% at 90% 20%, rgba(0,167,129,.1), transparent 60%), var(--paper); }

/* ---------- alt bilgi: derin yeşil bant ---------- */
.foot--big { --sc-ink: #EAF1E6; --sc-ink-soft: #9DB3A3; --sc-accent: #35E0B0; --line: rgba(234,241,230,.16); color: #9DB3A3; background: var(--deep); margin-top: clamp(4rem, 9vw, 7rem); }
.foot--big a { color: #EAF1E6; }
.foot--big a:hover { border-color: #35E0B0; }
.foot--big h3, .foot__motto { color: #35E0B0; }
.foot--big .foot__legal { border-top-color: rgba(234,241,230,.16); }
.light:has(> .foot--big) { padding-bottom: 0 !important; }

/* ---------- koyu slogan bandı ---------- */
.motto { background: var(--deep); }

/* ---------- üst çubuk ve gezinme: açık bölümlerde okunur kalsın ---------- */
.bar { transition: background .35s, box-shadow .35s, padding .35s; }
.bar.is-solid, body.inner .bar { background: rgba(8,24,17,.92); backdrop-filter: blur(12px); box-shadow: 0 10px 30px -18px rgba(0,0,0,.6); padding-bottom: .8rem; }
body.inner .bar { background: rgba(8,24,17,.94); }
.gauge { padding: .7rem .1rem; background: rgba(8,24,17,.62); backdrop-filter: blur(6px); border-radius: 1rem; }
@media (max-width: 860px) { .gauge { padding: .5rem 0; } }


/* ---------- kaydırma çubuğu ---------- */
html { scrollbar-width: thin; scrollbar-color: #00A781 #E6EEE3; }
::-webkit-scrollbar { width: 14px; height: 14px; }
::-webkit-scrollbar-track { background: #E6EEE3; border-left: 1px solid rgba(16,36,26,.08); }
::-webkit-scrollbar-thumb { border-radius: 14px; border: 3px solid #E6EEE3; background: linear-gradient(180deg, #00C79A, #00A781 55%, #007A58); min-height: 56px; }
::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #35E0B0, #00A781 55%, #007A58); }
::-webkit-scrollbar-corner { background: #E6EEE3; }
dialog::-webkit-scrollbar-track { background: #0D1B14; } dialog::-webkit-scrollbar-thumb { border-color: #0D1B14; }
@media (max-width: 860px) { ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-thumb { border-width: 2px; } }

/* ---------- sayfa gezinme göstergesi (sağda) ---------- */
.gauge { width: 2.2rem; padding: .9rem .1rem; background: linear-gradient(180deg, rgba(8,24,17,.72), rgba(8,24,17,.58)); border: 1px solid rgba(234,241,230,.12); box-shadow: 0 14px 34px -14px rgba(0,0,0,.6); }
.gauge::before { background: rgba(234,241,230,.18); top: .9rem; bottom: .9rem; }
.gauge__fill { top: .9rem; height: calc((100% - 1.8rem) * var(--gp, 0)); background: linear-gradient(180deg, #7CF5D2, #00A781); box-shadow: 0 0 10px rgba(53,224,176,.55); }
.gauge a::after { border-color: rgba(234,241,230,.55); background: #0A2218; }
.gauge a:hover::after { border-color: #35E0B0; transform: scale(1.25); }
.gauge a[aria-current="true"]::after { background: #35E0B0; border-color: #CFFBEA; box-shadow: 0 0 0 4px rgba(53,224,176,.22), 0 0 14px rgba(53,224,176,.7); transform: scale(1.3); }
.gauge a span { background: #0A2218; border: 1px solid rgba(53,224,176,.35); color: #EAF1E6; padding: .5rem .7rem; border-radius: .9rem .2rem .9rem .2rem; box-shadow: 0 10px 24px -10px rgba(0,0,0,.7); }


/* ---------- gezinme göstergesi: buzlu açık cam ---------- */
.gauge { background: rgba(255,255,255,.62); border: 1px solid rgba(16,36,26,.14); backdrop-filter: blur(10px) saturate(1.2); box-shadow: 0 14px 30px -16px rgba(16,36,26,.45); }
.gauge::before { background: rgba(16,36,26,.18); }
.gauge__fill { background: linear-gradient(180deg, #00C79A, #007A58); box-shadow: none; }
.gauge a::after { background: #fff; border-color: rgba(16,36,26,.45); }
.gauge a:hover::after { border-color: #007A58; }
.gauge a[aria-current="true"]::after { background: #00A781; border-color: #fff; box-shadow: 0 0 0 3px rgba(0,167,129,.28); }

.gauge.on-dark { background: rgba(8,24,17,.62); border-color: rgba(234,241,230,.16); box-shadow: 0 14px 34px -14px rgba(0,0,0,.6); }
.gauge.on-dark::before { background: rgba(234,241,230,.2); }
.gauge.on-dark .gauge__fill { background: linear-gradient(180deg, #7CF5D2, #00A781); box-shadow: 0 0 10px rgba(53,224,176,.5); }
.gauge.on-dark a::after { background: #0A2218; border-color: rgba(234,241,230,.6); }
.gauge.on-dark a[aria-current="true"]::after { background: #35E0B0; border-color: #CFFBEA; box-shadow: 0 0 0 4px rgba(53,224,176,.22), 0 0 14px rgba(53,224,176,.7); }
.gauge, .gauge * { transition-property: background-color, border-color, box-shadow, transform; transition-duration: .3s; }


/* ============ gezinme çubuğu: temiz geometri (üstteki gauge kurallarını ezer) ============ */
.gauge { --dot: 12px; --row: 14px; --gap: 22px; --pad: 16px;
  position: fixed; right: 18px; top: 50%; transform: translateY(-50%); z-index: 40;
  width: 34px; height: auto; padding: var(--pad) 0; box-sizing: border-box; border-radius: 17px; }
.gauge::before { display: none; }
.gauge ol { height: auto; display: flex; flex-direction: column; justify-content: flex-start; gap: var(--gap); margin: 0; padding: 0; list-style: none; position: relative; z-index: 2; }
.gauge ol::before { content: ""; position: absolute; left: 50%; top: calc(var(--row) / 2); bottom: calc(var(--row) / 2); width: 2px; margin-left: -1px; border-radius: 2px; background: rgba(16,36,26,.2); z-index: -1; }
.gauge a { display: block; position: relative; width: 100%; height: var(--row); }
.gauge a::after { content: ""; position: absolute; left: 50%; top: 50%; right: auto; width: var(--dot); height: var(--dot); margin: calc(var(--dot) / -2) 0 0 calc(var(--dot) / -2); box-sizing: border-box; border-radius: 50%; border: 2px solid rgba(16,36,26,.45); background: #fff; }
.gauge__fill { position: absolute; left: 50%; top: calc(var(--pad) + var(--row) / 2); width: 2px; margin-left: -1px; border-radius: 2px;
  height: calc((100% - 2 * var(--pad) - var(--row)) * var(--gp, 0)); z-index: 3; background: linear-gradient(180deg, #00C79A, #007A58); box-shadow: none; transition: height .35s ease; }
.gauge a span { right: calc(100% + 12px); left: auto; }
.gauge.on-dark ol::before { background: rgba(234,241,230,.22); }
.gauge.on-dark .gauge__fill { background: linear-gradient(180deg, #7CF5D2, #00A781); box-shadow: 0 0 8px rgba(53,224,176,.5); }
@media (max-width: 860px) { .gauge { --dot: 10px; --row: 12px; --gap: 16px; --pad: 12px; right: 6px; width: 24px; border-radius: 12px; } .gauge a span { display: none; } }