/* EkinTürk TV ortak tema: renk, yazı, buton, üst menü, alt bilgi (kolaj 2026-10) */
/* ===== tek sistem: 1'in paleti, Big Shoulders + Figtree, hap buton, 6px medya ===== */
:root{
  --krem:#F4EAD9;--aksam:#EBDCC4;--kayisi:#E7A25C;--nar:#B23A2E;--nar-d:#962E24;--lac:#3C4A66;--lac-d:#2B3650;--basak:#D9B45A;--gece:#16120F;
  --mute:#5A6479;--line:rgba(60,74,102,.22);
  --disp:"Big Shoulders Display",system-ui,sans-serif;--text:"Figtree",system-ui,sans-serif;
  --side:clamp(16px,4vw,64px);--max:1320px;--hdr:68px;--gut:30px;--r:6px;
  --ease:cubic-bezier(.23,1,.32,1);--ease-io:cubic-bezier(.77,0,.175,1);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:80px;overflow-x:clip}
body{margin:0;background:var(--krem);color:var(--lac);font:400 17px/1.6 var(--text);-webkit-font-smoothing:antialiased;overflow-x:clip}
img,video{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--disp);font-weight:900;line-height:.95;letter-spacing:-.01em;margin:0;text-wrap:balance}
p,figure{margin:0}
:focus-visible{outline:3px solid var(--nar);outline-offset:3px;border-radius:3px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:var(--side);top:-60px;background:var(--nar);color:var(--krem);padding:10px 16px;z-index:80;font-weight:700;text-decoration:none;border-radius:999px}
.skip:focus{top:12px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--side)}
.sec{padding:clamp(90px,14vh,170px) 0 clamp(80px,12vh,150px)}
.yol h2,.yuz h2,.yore h2,.davet h2{font-size:clamp(44px,5.6vw,96px);text-transform:uppercase;color:var(--lac-d);max-width:16ch}
.lead,.yuz-lead{margin-top:18px;font-size:clamp(17px,1.35vw,20px);max-width:46ch}

/* buttons: pill everywhere */
.btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;background:var(--nar);color:var(--krem);font:700 16px/1 var(--text);text-decoration:none;white-space:nowrap;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .16s var(--ease)}
.btn:hover{background:var(--nar-d)}
.btn:active{transform:scale(.97)}
.btn.ghost{background:transparent;color:var(--lac-d);box-shadow:inset 0 0 0 2px var(--lac)}
.btn.ghost:hover{background:var(--lac);color:var(--krem)}
.btn svg{width:18px;height:18px;flex:none}
.btn.big{min-height:64px;padding:0 36px;font-size:20px}
.btn.big svg{width:22px;height:22px}
.lnk{font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:var(--kayisi);transition:text-decoration-color .2s ease}
.lnk:hover{text-decoration-color:var(--nar)}
/* magnetic CTA (fine pointers, JS) */
.magZone{display:inline-block;padding:36px;margin:-36px}
.btn.mag{transition:transform .5s var(--ease),background-color .2s ease}
.btn.mag .ml{display:inline-flex;align-items:center;gap:10px;transition:transform .5s var(--ease)}

/* ---------- header ---------- */
.hdr{position:fixed;inset:0 0 auto;z-index:60;height:var(--hdr);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 var(--side);color:var(--lac);background:rgba(244,234,217,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line);transition:background-color .35s ease,color .35s ease,box-shadow .35s ease}
.hdr.dark{background:linear-gradient(180deg,rgba(22,18,15,.78),rgba(22,18,15,0));backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--krem);box-shadow:none}
.hdr.dark :focus-visible{outline-color:var(--basak)}
.hdr.dark.open{background:var(--krem);color:var(--lac);box-shadow:0 1px 0 var(--line)}
.hdr .logo img{height:42px;width:auto}
.nav{display:flex;align-items:center;gap:clamp(14px,1.8vw,30px);font-weight:600;font-size:15px}
.nav a{text-decoration:none}
.nav a:not(.btn):hover{color:var(--nar)}
.hdr.dark .nav a:not(.btn):hover{color:var(--kayisi)}
.nav .btn{min-height:42px;padding:0 20px;font-size:15px}
.menu-btn{display:none;align-items:center;justify-content:center;width:48px;height:48px;border:0;border-radius:999px;background:var(--lac);color:var(--krem);cursor:pointer;transition:background-color .3s ease,color .3s ease}
.hdr.dark .menu-btn{background:var(--krem);color:var(--gece)}
.hdr.dark.open .menu-btn{background:var(--lac);color:var(--krem)}
.menu-btn span{position:relative;width:20px;height:2px;background:currentColor;transition:background-color .2s ease}
.menu-btn span::before,.menu-btn span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:currentColor;transition:transform .25s var(--ease)}
.menu-btn span::before{top:-6px}.menu-btn span::after{top:6px}
.menu-btn[aria-expanded="true"] span{background:transparent}
.menu-btn[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)}
.menu-btn[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)}
.panel{position:fixed;inset:var(--hdr) 0 0;z-index:55;background:var(--krem);padding:28px var(--side) 40px;display:flex;flex-direction:column;gap:6px;visibility:hidden;opacity:0;translate:0 -12px;transition:opacity .25s ease,translate .3s var(--ease),visibility 0s linear .3s;overflow:auto}
.panel.open{visibility:visible;opacity:1;translate:0 0;transition:opacity .25s ease,translate .3s var(--ease),visibility 0s}
.panel a{font:800 40px/1.15 var(--disp);text-decoration:none;padding:6px 0;text-transform:uppercase;color:var(--lac-d)}
.panel a.btn{font:700 17px/1 var(--text);text-transform:none;margin-top:18px;align-self:flex-start;padding:0 28px;color:var(--krem)}
@media (max-width:1079px){.nav{display:none}.menu-btn{display:inline-flex}}
@media (min-width:1080px){.panel{display:none}}

/* ---------- footer + rozet ---------- */
.ftr{background:var(--aksam);border-top:3px solid var(--lac);padding:56px 0 110px;font-size:15px}
.ftr .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px}
.ftr img{height:48px;width:auto}
.ftr h2{font:800 18px/1 var(--disp);letter-spacing:.06em;text-transform:uppercase;margin:0 0 14px;color:var(--lac-d)}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.ftr a{text-decoration:none;display:inline-block;padding:3px 0}
.ftr a:hover{color:var(--nar);text-decoration:underline}
.ftr address{font-style:normal;color:var(--mute);margin-top:14px;max-width:30ch;line-height:1.55}
.ftr .legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;color:var(--mute);font-size:14px}
@media (max-width:860px){.ftr .wrap{grid-template-columns:1fr 1fr}.ftr .wrap>div:first-child{grid-column:1/-1}}

/* ===================================================================
   İÇ SAYFA KÖPRÜSÜ: eski dergi.css bileşenleri yeni palete döner.
   dergi.css yalnız iç sayfalarda, bu dosyadan ÖNCE yüklenir.
   =================================================================== */
:root{
  --bg:#F4EAD9;--bg-2:#EBDCC4;--bg-3:#FBF5EA;--bg-4:#E8D8BE;
  --cream:#FFFBF4;--cream-2:#F6EEDF;--cream-3:#EBDCC4;--wheat:#EBDCC4;
  --ink:#2B3650;--ink-2:#4F5B73;--ink-3:#5A6479;
  --ink-dark:#2B3650;--ink-dark-2:#4F5B73;--ink-dark-3:#5A6479;
  --on-bg:#2B3650;--on-bg-2:#4F5B73;--on-bg-3:#5A6479;
  --paper:#FFFBF4;--paper-2:#FFFBF4;--paper-3:#FFFBF4;
  --blue:#B23A2E;--blue-2:#B23A2E;--blue-3:#962E24;
  --gold:#B23A2E;--gold-2:#C9584B;
  --line-2:rgba(60,74,102,.12);--line-ink:rgba(60,74,102,.18);
  --shadow-m:0 18px 40px -26px rgba(60,74,102,.45);--shadow-l:0 30px 70px -40px rgba(60,74,102,.5);
}
body.ic{background:var(--krem);color:var(--lac);font-family:var(--text);padding-top:var(--hdr)}
body.ic .serif,body.ic h1,body.ic h2{font-family:var(--disp);font-weight:900;letter-spacing:0}
body.ic h3,body.ic h4{font-family:var(--disp);font-weight:800;letter-spacing:.01em}
body.ic .grad{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--nar)}
body.ic :focus-visible{outline-color:var(--nar)}
/* eski dergi .btn / .logo / .dot çakışmaları */
body.ic .hdr .logo,body.ic .ftr .logo{font:inherit}
body.ic .btn-primary{background:var(--nar);color:var(--krem)}
body.ic .btn-primary:hover{background:var(--nar-d)}
body.ic .btn-outline{background:transparent;color:var(--lac-d);box-shadow:inset 0 0 0 2px var(--lac)}
/* şu an yayında şeridi ve reklam alanı */
body.ic .now-playing-bar{background:var(--aksam);color:var(--lac-d);border-bottom:1px solid var(--line)}
body.ic .now-playing-bar .live-label{color:var(--nar);border-color:rgba(178,58,46,.35)}
body.ic .now-playing-bar .live-label .pulse{background:var(--nar)}
body.ic .now-playing-bar .watch-link{background:var(--nar);color:var(--krem)}
body.ic .header-ad-container{padding-block:18px 6px}
/* sayfa sonu: eski temanın html zemini sızmasın */
html{background:var(--aksam)}
/* panelden gelen içerik (Summernote) metni h4 içinde: başlık yazısı değil metin yazısı */
body.ic .page-content :is(h3,h4,h5,h6){font-family:var(--text);font-weight:400;letter-spacing:0;text-transform:none}
body.ic .page-content :is(h3,h4,h5,h6) b,body.ic .page-content strong{font-weight:700}
/* canlı yayın sayfası: video altı bilgi şeridi */
body.ic .live-page-container .video-info{background:var(--lac-d)}
body.ic .live-page-container .video-info h1{color:var(--krem);font-size:clamp(26px,3.2vw,40px);text-transform:uppercase}
body.ic .live-page-container .live-status{color:var(--basak)}
body.ic .live-page-container .pulse-dot{background:var(--basak)}