/* ═══════════════════════════════════════════════════════════
   ICONACODEX — MODERN / MINIMAL re-skin
   app.css + cinematic.css üzerine yüklenir; paleti amber-minimal'e
   çevirir, tipografiyi Space Grotesk yapar, ağır efektleri sadeleştirir.
═══════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

/* ─── PALET (amber) — değişken adlarını koruyup değerleri ezer ─── */
:root, [data-theme="dark"]{
  --bg:#0c0b09; --bg-2:#100e0a; --surface:rgba(21,18,13,.9); --surface-2:rgba(30,25,18,.92); --surface-solid:#15120d;
  --border:rgba(232,147,47,.14); --border-bright:rgba(232,147,47,.34);
  --text:#f0ece4; --text-muted:#8a8270; --text-dim:#5e584b;
  --accent:#e8932f; --accent-dim:#b96d18; --accent-light:rgba(232,147,47,.10); --accent-glow:rgba(232,147,47,.22);
  --link:#e8932f; --link-hover:#ffb35a;
  --shadow:0 2px 12px rgba(0,0,0,.4); --shadow-md:0 10px 30px rgba(0,0,0,.5); --shadow-glow:0 0 24px rgba(232,147,47,.14);
  --radius:12px; --radius-sm:8px; --radius-lg:18px; --glass:blur(12px) saturate(1.15);
}
[data-theme="light"]{
  --bg:#faf7f1; --bg-2:#f3ede2; --surface:rgba(255,255,255,.92); --surface-2:#fbf7f0; --surface-solid:#ffffff;
  --border:rgba(120,90,40,.16); --border-bright:rgba(120,90,40,.34);
  --text:#1c1810; --text-muted:#6f6552; --text-dim:#9a8f78;
  --accent:#b96d18; --accent-dim:#8a5210; --accent-light:rgba(185,109,24,.10); --accent-glow:rgba(185,109,24,.18);
  --link:#b96d18; --link-hover:#8a5210;
  --shadow:0 2px 12px rgba(0,0,0,.07); --shadow-md:0 10px 30px rgba(0,0,0,.12); --shadow-glow:0 0 24px rgba(185,109,24,.12);
}
/* 3. tema kaldırıldı — antrasit varsa koyuya düşür */
[data-theme="anthracite"]{ --accent:#e8932f; --accent-light:rgba(232,147,47,.1); }

/* ─── Atmosfer sadeleştir ─── */
body{ background-image:
  radial-gradient(ellipse 70% 45% at 50% -8%, var(--accent-light), transparent 60%) !important; }
body::before{ opacity:.25 !important; }
.ic-vignette, .ic-cursor-glow{ display:none !important; }   /* sinematik efektleri kapat */

/* ─── Tipografi: Space Grotesk (display) ─── */
body{ font-family:'Inter',system-ui,sans-serif; }
.ic-navbar .brand, h1,h2,h3, .ic-hero h1, .ic-hero-eyebrow,
.ic-section-title, .ic-featured-body h2, .ic-card .title, .ic-event-card .title,
.ic-explore-card .label, .ic-page-head h1, .ic-page-head .eyebrow,
.ic-entity-hero .titles h1, .ic-gallery-card .name, .ic-tl-event .nm,
.ic-era-head h2, .ic-stat .num, .ic-med-fallback, .ev-title, .ic-rel-event .nm{
  font-family:'Space Grotesk','Inter',sans-serif !important;
  letter-spacing:-.01em;
}
.ic-hero h1, .ic-page-head h1, .ic-entity-hero .titles h1{ font-style:normal !important; }
.ic-hero h1 em, .ic-page-head h1 em{ font-style:normal !important; color:var(--accent); }

/* ─── Nav sadeleştir ─── */
.ic-navbar{ background:color-mix(in srgb, var(--bg) 84%, transparent) !important; }
.ic-navbar .brand span{ color:var(--accent); }

/* ─── Köşe/gölge sadeleştir (flat minimal) ─── */
.ic-card, .ic-gallery-card, .ic-rel-event, .ic-tl-event{ border-radius:var(--radius); }
.ic-featured{ border-radius:var(--radius-lg); }

/* ─── Buton ─── */
.ic-btn-primary, .ic-graph-btn{ font-family:'Inter',sans-serif; }
.ic-btn-primary{ background:var(--accent); color:#1a1206; border:none; }

/* ─── Medalyon halka rengi zaten --accent ─── */

/* ═══════ ANA SAYFA (minimal hero) ═══════ */
.ic-home .nethero{ display:grid; grid-template-columns:1.05fr 1fr; gap:2rem; align-items:center; min-height:72vh; padding:2.5rem 0; }
.ic-home .nethero .eyebrow{ font-family:'Space Grotesk'; font-size:.74rem; letter-spacing:.26em; text-transform:uppercase; color:var(--accent); }
.ic-home .nethero h1{ font-family:'Space Grotesk'; font-weight:700; font-size:clamp(2.4rem,5.5vw,4.2rem); line-height:1.02; letter-spacing:-.03em; margin:1rem 0; }
.ic-home .nethero p{ font-size:1.12rem; color:var(--text-muted); max-width:46ch; }
.ic-home .nethero .cta{ display:flex; gap:.7rem; margin-top:1.8rem; flex-wrap:wrap; }
.ic-home .hnet-wrap{ position:relative; height:clamp(340px,46vh,520px); }
.ic-home #hnet{ width:100%; height:100%; display:block; cursor:grab; }
.ic-home #hnet:active{ cursor:grabbing; }
.ic-home .hnet-tip{ position:absolute; z-index:5; pointer-events:none; background:var(--surface-solid); border:1px solid var(--border); padding:.3rem .6rem; border-radius:7px; font-size:.78rem; display:none; white-space:nowrap; }
.ic-home .hnet-tip .t{ font-size:.6rem; letter-spacing:.1em; text-transform:uppercase; color:var(--text-muted); }
/* akış şeritleri */
.ic-strips{ padding:1rem 0 2.5rem; display:flex; flex-direction:column; gap:.8rem; overflow:hidden;
  -webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); }
.ic-strip-h{ font-family:'Space Grotesk'; font-size:.74rem; letter-spacing:.18em; text-transform:uppercase; color:var(--text-muted); margin:1rem 0 .3rem; }
.ic-row{ display:flex; gap:.8rem; width:max-content; will-change:transform; }
.ic-row.r1{ animation:ic-sc 52s linear infinite; } .ic-row.r2{ animation:ic-sc 70s linear infinite reverse; } .ic-row.r3{ animation:ic-sc 88s linear infinite; }
.ic-row:hover{ animation-play-state:paused; }
@keyframes ic-sc{ to{ transform:translateX(-50%); } }
.ic-pill{ display:flex; align-items:center; gap:.55rem; background:var(--surface); border:1px solid var(--border); border-radius:999px; padding:.4rem .9rem .4rem .45rem; white-space:nowrap; transition:.2s; text-decoration:none; color:var(--text); }
.ic-pill:hover{ border-color:var(--accent); transform:translateY(-3px); }
.ic-pill.evt{ background:transparent; }
.ic-pill .yr{ font-family:'Space Grotesk'; color:var(--accent); font-weight:700; font-size:.8rem; }
.ic-pill .nm{ font-size:.86rem; }
.ic-pill .pm{ width:30px; height:30px; border-radius:50%; overflow:hidden; display:flex; flex-shrink:0; background:var(--border); }
.ic-pill .pm img{ width:100%; height:100%; object-fit:cover; }
.ic-pill .pm .fb{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-family:'Space Grotesk'; font-weight:700; font-size:.8rem; color:var(--accent); }
/* özellik tile'ları */
.ic-feats{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.1rem; }
.ic-feat{ border:1px solid var(--border); border-radius:var(--radius-lg); padding:1.6rem; min-height:160px; background:var(--surface); transition:.3s; display:flex; flex-direction:column; text-decoration:none; color:var(--text); }
.ic-feat:hover{ transform:translateY(-5px); border-color:var(--accent); }
.ic-feat .fic{ font-size:1.5rem; color:var(--accent); margin-bottom:auto; }
.ic-feat h3{ font-family:'Space Grotesk'; font-weight:700; font-size:1.3rem; margin:1rem 0 .3rem; }
.ic-feat p{ color:var(--text-muted); font-size:.88rem; }
.ic-feat .go{ margin-top:.8rem; font-size:.85rem; color:var(--accent); }

@media(max-width:820px){ .ic-home .nethero{ grid-template-columns:1fr; min-height:auto; } .ic-home .hnet-wrap{ height:300px; order:-1; } .ic-feats{ grid-template-columns:1fr; } }
@media(max-width:560px){ .ic-home .nethero h1{ font-size:2.2rem; } }

/* ═══════ ADMIN ═══════ */
.adm-brand, .adm-page-title, .adm-tab, .adm-section h2, .adm-item-name{ font-family:'Space Grotesk','Inter',sans-serif; }
.adm-navbar{ background:color-mix(in srgb, var(--bg) 86%, transparent); }
.adm-brand i, .adm-tab.active{ color:var(--accent); }
.adm-action-btn, .adm-save-btn{ font-family:'Inter',sans-serif; }