/* GARANTİ · v14 portal light override (25.10.2026) · portal home only
   Load AFTER g13.css. Scoped to body.g14-portal-light, so the FOCHA page and every other page keep v13 as is.
   Warm white and light stone carry the page; graphite stays only as one compact accent (the "Your next step" card).
   Patterns, GARANTİ red, status steps, photo-led stock area, hierarchy and 160–320 ms motion are kept from v13. */

body.g14-portal-light {
  --g-warm: #FBFAF7;
  --g-warm-2: #F4F1EC;
  --g-sand-line: #E2DCD2;
}
body.g14-portal-light .container-wrap,
body.g14-portal-light .g13 { background: var(--g-warm); }

/* ---------- light patterns (ink at very low opacity; masked away from text) ---------- */
body.g14-portal-light .g14-pat-stone::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cg fill='none' stroke='%23202326' stroke-opacity='.07' stroke-width='1.2'%3E%3Ccircle cx='300' cy='300' r='290'/%3E%3Ccircle cx='300' cy='300' r='230'/%3E%3Ccircle cx='300' cy='300' r='60'/%3E%3Cpath d='M300 240L300 10M342 258L505 95M360 300L590 300M342 342L505 505M300 360L300 590M258 342L95 505M240 300L10 300M258 258L95 95'/%3E%3Cpath d='M300 240L330 12M342 258L522 115M360 300L588 330M342 342L485 522M300 360L270 588M258 342L78 485M240 300L12 270M258 258L115 78'/%3E%3Cpath d='M300 240L360 16M342 258L537 137M360 300L584 360M342 342L463 537M300 360L240 584M258 342L63 463M240 300L16 240M258 258L137 63'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: min(760px, 120vw);
  background-position: right -200px top -180px;
  -webkit-mask-image: radial-gradient(circle at 88% 18%, #000 0 38%, transparent 70%);
          mask-image: radial-gradient(circle at 88% 18%, #000 0 38%, transparent 70%);
}
body.g14-portal-light .g14-pat-drum::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background-image: radial-gradient(rgba(32,35,38,.10) 1.1px, transparent 1.4px);
  background-size: 14px 14px;
  -webkit-mask-image: linear-gradient(100deg, transparent 0 50%, #000 92%);
          mask-image: linear-gradient(100deg, transparent 0 50%, #000 92%);
}

/* ---------- hero: warm white, ink text, red eyebrow ---------- */
body.g14-portal-light .g-portal-hero { background: var(--g-warm); color: var(--g-ink); border-bottom: 1px solid var(--g-sand-line); }
body.g14-portal-light .g-portal-hero h1 { color: var(--g-ink); }
body.g14-portal-light .g-portal-hero .g-lead { color: var(--g-muted); }
body.g14-portal-light .g-portal-hero .g-eyebrow { color: var(--g-red); }
body.g14-portal-light .g-chip { border-color: var(--g-sand-line); background: #fff; color: var(--g-ink); }
body.g14-portal-light .g-chip::before { background: #1f7a4d; }

/* the one compact graphite accent: the next-step card */
body.g14-portal-light .g-next { background: var(--g-graphite); color: var(--g-on-dark); box-shadow: 0 14px 30px rgba(32,35,38,.18); }
body.g14-portal-light .g-next__label { color: var(--g-red-on-dark); }
body.g14-portal-light .g-next__title { color: #fff; }
body.g14-portal-light .g-next__meta { color: var(--g-on-dark-muted); }
body.g14-portal-light .g-next__hint { display: flex; gap: 8px; align-items: flex-start; color: var(--g-on-dark); font-size: 15px; line-height: 1.45; }
body.g14-portal-light .g-next__hint svg { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 2px; color: var(--g-red-on-dark); }

/* desktop tabs on the light hero */
body.g14-portal-light .g-tabs { border-top-color: var(--g-sand-line); }
body.g14-portal-light .g-tabs a { color: var(--g-muted); }
body.g14-portal-light .g-tabs a:hover,
body.g14-portal-light .g-tabs a[aria-current="page"] { color: var(--g-ink); }

/* ---------- sections ---------- */
body.g14-portal-light .g-stone { background: var(--g-warm-2); }
body.g14-portal-light .g-req { border-color: var(--g-sand-line); }
body.g14-portal-light .g-ocard { border-color: var(--g-sand-line); }
body.g14-portal-light .g-ocard__img { background: var(--g-stone-2); }

/* owner machine band: light stone instead of graphite */
body.g14-portal-light .g14-machine { background: var(--g-stone-2); color: var(--g-ink); }
body.g14-portal-light .g14-machine .g-eyebrow { color: var(--g-red); }
body.g14-portal-light .g14-machine .g-machine__name { color: var(--g-ink); }
body.g14-portal-light .g14-machine .g-muted { color: var(--g-muted); }
body.g14-portal-light .g14-machine .g-mlink { background: #fff; color: var(--g-ink); border: 1px solid var(--g-sand-line); transition: border-color var(--g-t-fast) var(--g-ease), box-shadow var(--g-t) var(--g-ease); }
body.g14-portal-light .g14-machine .g-mlink:hover { background: #fff; border-color: var(--g-ink); box-shadow: 0 8px 20px rgba(32,35,38,.08); }
body.g14-portal-light .g14-machine .g-mlink span { color: var(--g-muted); }
body.g14-portal-light .g14-machine .g-mlink svg { color: var(--g-red); }

body.g14-portal-light .g14-campaign-note { margin-top: 8px; font-size: 13px; color: #ffe9ea; }

/* ---------- phones: light bottom bar, same four items and size ---------- */
@media (max-width: 690px) {
  body.g14-portal-light .g-tabs {
    background: rgba(255,255,255,.97); border-top: 1px solid var(--g-sand-line);
    box-shadow: 0 -6px 18px rgba(32,35,38,.07);
  }
  body.g14-portal-light .g-tabs a { color: var(--g-muted); }
  body.g14-portal-light .g-tabs a[aria-current="page"] { color: var(--g-red); }
  body.g14-portal-light .g-tabs a[aria-current="page"] svg { color: var(--g-red); }
  body.g14-portal-light .g-portal-hero { padding-bottom: 28px; }
}