/* ==========================================================================
   kamu1 ÜST ALAN "opus" (2026-11-12) — tüm sayfalarda ortak üst alan + alt alan renkleri.
   Açma/kapama: ayar ust_alan = opus | klasik (layouts/front.php <body class="ua-opus"> + bu dosya site.css'ten SONRA).
   Önizleme: ?ustalan=opus / ?ustalan=klasik. Tüm seçiciler body.ua-opus altında; klasik görünüme dokunmaz.
   İşaretleme: header.php / tickers.php / footer.php aynen (tek ek: opus'ta .sh3-son içinde .sh3-son-baslik).
   Yerleşim: başlık tek ızgara; .sh3-ust / .sh3-ust-ic / .sh3-kunye / .sh3-sol display:contents ile ızgaraya açılır.
     masaüstü  1: [SON HABER] saat başlık ............ hızlı bağlantılar | sosyal + tema
               2: tarih / hava / vakit   KAMU1 (büyük)   arama · Dakika Dakika
               3:                        serif slogan
               4: ==== 4 px siyah çizgi + menü ====
     mobil     1: [SON HABER] saat başlık ........ tema   2: KAMU1 ...... ara · ☰   3: tarih · hava · vakit   4: menü
   Dil: siyah #0e0f14 + kırmızı #fb0d0c + beyaz + gri; lacivert yok, hap/kutu yok, pembe yok.
   Küçük kırmızı yazı ve dolgu rozette #d70a09 (beyaz/kırmızı kontrast ≥ 4.5:1); logo ve çizgilerde #fb0d0c; gece küçük yazı #ff3b36.
   ========================================================================== */

body.ua-opus {
    --ua-ink: #0e0f14; --ua-paper: #fff; --ua-red: #fb0d0c; --ua-red-t: #d70a09; --ua-red-bg: #d70a09;
    --ua-g9: #2b2d34; --ua-g7: #4a4c55; --ua-g5: #6e7079; --ua-g3: #c9cace; --ua-g2: #e3e3e1; --ua-g1: #f4f4f2;
    --ua-cond: "Archivo", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
    --ua-serif: Georgia, "Times New Roman", serif;
    --ua-hz: 640px;   /* sağ üstteki hızlı bağlantıların ayrılan yeri — son haber satırı bunu aşmaz */
    --ua-us: 136px;   /* sağ üst köşe: sosyal + tema düğmesi (sabit genişlik; logo tam ortada kalsın) */
}
html[data-theme=dark] body.ua-opus {
    --ua-ink: #f1f1ee; --ua-paper: #101114; --ua-red-t: #ff3b36;
    --ua-g9: #d6d6d3; --ua-g7: #b4b5b9; --ua-g5: #8f919a; --ua-g3: #3d3f47; --ua-g2: #2a2c33; --ua-g1: #18191e;
}
@media (prefers-color-scheme: dark) {
    html:not([data-theme=light]) body.ua-opus {
        --ua-ink: #f1f1ee; --ua-paper: #101114; --ua-red-t: #ff3b36;
        --ua-g9: #d6d6d3; --ua-g7: #b4b5b9; --ua-g5: #8f919a; --ua-g3: #3d3f47; --ua-g2: #2a2c33; --ua-g1: #18191e;
    }
}

/* üst alan bileşenlerinde sitenin renk değişkenleri yerel olarak opus paletine bağlanır
   (site.css'teki var(--ink)/var(--line)/var(--accent) kullanan tüm kurallar kendiliğinden lacivertsiz olur) */
body.ua-opus :is(.site-header.sh3, .sh3-panel, .tickers-bar) {
    --ink: var(--ua-ink); --ink-soft: var(--ua-g7); --ink-faint: var(--ua-g5);
    --line: var(--ua-g2); --bg: var(--ua-paper); --bg-soft: var(--ua-g1); --bg-sunken: var(--ua-g2);
    --accent: var(--ua-red-t); --accent-ink: #fff; --link: var(--ua-ink); --gold: var(--ua-g3);
}
/* Opus ana sayfası (.o5, 1320 px / 24 px kenar) — üst alan içerikle aynı kenara açılır. :has yoksa 1200 px kalır (bozulma yok) */
body.ua-opus:has(.o5) :is(.site-header.sh3, .sh3-panel, .tickers-bar) { --maxw: 1320px; --pad: 24px; }
@media (max-width: 860px) { body.ua-opus:has(.o5) :is(.site-header.sh3, .sh3-panel, .tickers-bar) { --pad: 16px; } }

/* ---------- ızgara ---------- */
body.ua-opus .site-header.sh3 {
    --ua-sl: max(var(--pad), env(safe-area-inset-left), calc((100% - var(--maxw)) / 2 + var(--pad)));
    --ua-sr: max(var(--pad), env(safe-area-inset-right), calc((100% - var(--maxw)) / 2 + var(--pad)));
    display: grid;
    grid-template-columns: [f-s] var(--ua-sl) [c-s] minmax(0, 1fr) [m-s] auto [m-e] minmax(0, 1fr) [c-e] var(--ua-sr) [f-e];
    grid-template-rows: auto auto auto auto;
    background: var(--ua-paper); color: var(--ua-ink); border: 0;
}
body.ua-opus .sh3-ust, body.ua-opus .sh3-ust-ic, body.ua-opus .sh3-kunye, body.ua-opus .sh3-sol { display: contents; }
/* satır 1'in tam genişlik ince alt çizgisi */
body.ua-opus .site-header.sh3::before { content: ""; grid-row: 1; grid-column: f-s / f-e; min-height: 38px; border-bottom: 1px solid var(--ua-g2); }

/* ---------- satır 1: son haber + hızlı bağlantılar + sosyal/tema ---------- */
body.ua-opus .sh3-son {
    grid-row: 1; grid-column: c-s / c-e; justify-self: start; align-self: center;
    display: flex; align-items: center; gap: 0; min-width: 0; max-width: calc(100% - var(--ua-hz) - var(--ua-us));
    font-size: 0; letter-spacing: 0; text-transform: none; color: var(--ua-ink);
}
body.ua-opus .sh3-son i {
    flex: none; width: auto; height: auto; margin-right: 10px; padding: 5px 7px 4px; border-radius: 0;
    background: var(--ua-red-bg); color: #fff; font: 800 11px/1 var(--sans); font-style: normal; letter-spacing: .12em;
}
body.ua-opus .sh3-son i::after {
    content: "SON HABER"; position: static; inset: auto; border: 0; border-radius: 0; opacity: 1; transform: none; animation: none;
}
body.ua-opus .sh3-son time { flex: none; margin-right: 8px; font-size: 13px; font-weight: 700; letter-spacing: 0; color: var(--ua-ink); }
body.ua-opus .sh3-son-baslik { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 13px; font-weight: 500; line-height: 1.4; color: var(--ua-ink); }
body.ua-opus .sh3-son:hover time { text-decoration: none; }
body.ua-opus .sh3-son:hover .sh3-son-baslik { text-decoration: underline; text-underline-offset: 3px; }
/* son dakika şeridi açıkken tek dolgu rozet orada kalsın: buradaki rozet düz kırmızı yazıya döner */
body.ua-opus:has(.breaking-bar) .sh3-son i { padding-inline: 0; background: none; color: var(--ua-red-t); }

body.ua-opus .sh3-hizli {
    grid-row: 1; grid-column: c-s / c-e; justify-self: end; align-self: center;
    display: flex; gap: 18px; margin: 0 var(--ua-us) 0 0; padding-right: 16px; min-width: 0; overflow: hidden; font-size: 13px;
}
body.ua-opus .sh3-hizli a { color: var(--ua-g7); font-weight: 600; white-space: nowrap; }
body.ua-opus .sh3-hizli a:nth-child(5), body.ua-opus .sh3-hizli a:nth-child(7) { display: none; } /* örnekteki gibi beş bağlantı */
body.ua-opus .sh3-hizli a:hover { color: var(--ua-red-t); }

body.ua-opus .sh3-ust-sag { grid-row: 1; grid-column: c-s / c-e; justify-self: end; align-self: center; box-sizing: border-box; width: var(--ua-us); display: flex; align-items: center; justify-content: flex-end; gap: 0; margin: 0; padding-left: 10px; border-left: 1px solid var(--ua-g2); }
body.ua-opus .sh3-sos { width: 30px; height: 30px; color: var(--ua-g5); }
body.ua-opus .sh3-sos:hover { color: var(--ua-ink); }
body.ua-opus .sh3 .theme-toggle { margin-left: 4px; border: 0; border-radius: 0; color: var(--ua-g7); }
body.ua-opus .sh3 .theme-toggle:hover { color: var(--ua-ink); border: 0; }

/* ---------- satır 2-3: tarih bloğu · logo + slogan · arama ---------- */
body.ua-opus .sh3-gun {
    grid-row: 2 / 4; grid-column: c-s / m-s; align-self: end; justify-self: start;
    display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 0; row-gap: 2px;
    margin: 0 24px 16px 0; min-width: 0; white-space: normal; font-size: 13px; line-height: 1.5; color: var(--ua-g7);
}
body.ua-opus .sh3-gun > * + * { margin-left: 0; padding-left: 0; border-left: 0; }
body.ua-opus .sh3-gun time { flex: 0 0 100%; font: 800 15px/1.25 var(--ua-cond); letter-spacing: .02em; text-transform: uppercase; color: var(--ua-ink); }
body.ua-opus .sh3-gun time b { font-weight: inherit; color: inherit; }
body.ua-opus .sh3-hava, body.ua-opus .sh3-vakit { display: inline-flex; align-items: baseline; gap: 4px; color: var(--ua-g7); white-space: nowrap; }
body.ua-opus .sh3-hava b, body.ua-opus .sh3-vakit b { color: var(--ua-ink); font-weight: 700; }
body.ua-opus .sh3-hava .hv-ikon { align-self: center; color: var(--ua-g5); }
body.ua-opus .sh3-hava [data-sh3-durum] { margin-left: 2px; text-transform: lowercase; }
body.ua-opus .sh3-vakit::before { content: "·"; margin: 0 6px 0 7px; color: var(--ua-g5); }
body.ua-opus .sh3-hava:hover, body.ua-opus .sh3-vakit:hover { color: var(--ua-ink); }
body.ua-opus .sh3-hava:hover [data-sh3-il], body.ua-opus .sh3-vakit:hover span { text-decoration: underline; text-underline-offset: 3px; }

body.ua-opus .sh3-logo { grid-row: 2; grid-column: m-s / m-e; justify-self: center; align-self: end; margin-top: 22px; line-height: 1; }
body.ua-opus .sh3-logo .brand-name { display: block; height: 70px; font-family: var(--ua-cond); font-size: 88px; font-weight: 900; line-height: .8; letter-spacing: -.045em; color: var(--ua-ink); white-space: nowrap; }
body.ua-opus .sh3-logo .brand-name b { color: var(--ua-red); }
body.ua-opus .sh3-logo .brand-logo { height: 72px; width: auto; max-width: min(460px, 60vw); }
body.ua-opus .sh3-slogan {
    grid-row: 3; grid-column: m-s / m-e; justify-self: center; display: block; max-width: none; margin: 12px 0 16px;
    font: italic 500 15px/1.2 var(--ua-serif); color: var(--ua-g5); text-align: center; white-space: nowrap;
}

/* masaüstünde sağ blok da ızgaraya açılır: Dakika Dakika sağ üst köşede, arama altta (örnekteki gibi tek çizgi alan) */
body.ua-opus .sh3-sag { display: contents; }
body.ua-opus .sh3-ara { grid-row: 2 / 4; grid-column: m-e / c-e; justify-self: end; align-self: end; width: min(300px, 100% - 24px); min-width: 0; margin: 0 0 14px; border-bottom: 2px solid var(--ua-ink); }
body.ua-opus .sh3-canli { grid-row: 2; grid-column: m-e / c-e; justify-self: end; align-self: start; margin-top: 22px; }
body.ua-opus .sh3-ara:focus-within { border-bottom-color: var(--ua-red); }
body.ua-opus .sh3-ara input { height: 38px; font-size: 15px; font-weight: 400; color: var(--ua-ink); }
body.ua-opus .sh3-ara input::placeholder { color: var(--ua-g5); }
body.ua-opus .sh3-ara button { width: 36px; height: 38px; color: var(--ua-ink); }
body.ua-opus .sh3-ara button:hover, body.ua-opus .sh3-ara:focus-within button { color: var(--ua-red-t); }
body.ua-opus .sh3-canli { min-height: 38px; gap: 8px; font-size: 12px; font-weight: 800; letter-spacing: .1em; color: var(--ua-red-t); }
body.ua-opus .sh3-canli i { width: 8px; height: 8px; background: var(--ua-red); }
body.ua-opus .sh3-menu-btn { color: var(--ua-ink); }

/* ---------- satır 4: menü (4 px siyah çizgi) ---------- */
body.ua-opus .sh3-nav { grid-row: 4; grid-column: f-s / f-e; min-width: 0; border-top: 4px solid var(--ua-ink); border-bottom: 1px solid var(--ua-ink); background: var(--ua-paper); }
body.ua-opus .sh3-menu > li > a, body.ua-opus .sh3-daha-btn { height: 46px; margin-bottom: -1px; padding: 0 10px; border-bottom: 3px solid transparent; font-size: 14.5px; font-weight: 700; color: var(--ua-ink); }
body.ua-opus .sh3-menu > li:first-child > a { padding-left: 0; }
body.ua-opus .sh3-menu > li > a:hover, body.ua-opus .sh3-daha-btn:hover { border-bottom-color: transparent; color: var(--ua-red-t); }
body.ua-opus .sh3-menu > li > a[aria-current="page"] { border-bottom-color: var(--ua-red); font-weight: 800; }
body.ua-opus .sh3-menu > li.has-alt > a::after { border-top-color: var(--ua-g5); }
body.ua-opus .sh3-daha-btn { padding-right: 0; background: none; }
body.ua-opus .sh3-daha-btn[aria-expanded="true"] { border-bottom-color: var(--ua-ink); }
body.ua-opus .sh3-alt { border-top: 3px solid var(--ua-ink); background: var(--ua-paper); box-shadow: 0 22px 44px -22px rgba(0, 0, 0, .35), 0 0 0 1px var(--ua-g2); }
body.ua-opus .sh3-alt a { color: var(--ua-g7); }
body.ua-opus .sh3-alt a:hover { color: var(--ua-ink); background: var(--ua-g1); }
body.ua-opus .sh3-alt a.sh3-alt-bas { color: var(--ua-ink); border-bottom-color: var(--ua-g2); }
body.ua-opus .sh3-alt-bas span { color: var(--ua-red-t); }

/* "Daha fazla" paneli */
body.ua-opus .sh3-kutu { background: var(--ua-paper); border-top: 1px solid var(--ua-g2); border-bottom: 3px solid var(--ua-ink); box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .4); }
body.ua-opus .sh3-panel-et { color: var(--ua-red-t); border-bottom-color: var(--ua-ink); }
body.ua-opus .sh3-panel-ic a { color: var(--ua-ink); border-bottom-color: var(--ua-g2); }
body.ua-opus .sh3-panel-ic a:hover { color: var(--ua-red-t); }
body.ua-opus .sh3-perde { background: rgba(0, 0, 0, .5); }
body.ua-opus .sh3-panel-bas { background: var(--ua-paper); border-bottom-color: var(--ua-g2); }
body.ua-opus .sh3-panel-bas b, body.ua-opus .sh3-panel-bas button { color: var(--ua-ink); }

/* ---------- şeritler: son dakika + piyasa (beyaz, ince çizgili) ---------- */
body.ua-opus .tickers-bar { box-shadow: none; }
body.ua-opus .tickers-bar.is-stuck { box-shadow: 0 1px 0 var(--ua-g2), 0 10px 24px -14px rgba(0, 0, 0, .28); }
body.ua-opus .breaking-bar { background: var(--ua-paper); color: var(--ua-ink); border-bottom: 1px solid var(--ua-g2); }
body.ua-opus .breaking-inner { height: 40px; gap: 12px; padding-left: max(var(--pad), env(safe-area-inset-left)); padding-right: max(var(--pad), env(safe-area-inset-right)); }
body.ua-opus .breaking-label { gap: 0; padding: 5px 7px 4px; background: var(--ua-red-bg); color: #fff; font-size: 11px; font-weight: 800; line-height: 1; letter-spacing: .12em; }
body.ua-opus .breaking-dot { display: none; }
body.ua-opus .breaking-slides { height: 40px; }
body.ua-opus .breaking-slide { font-size: 14px; font-weight: 600; color: var(--ua-ink); }
body.ua-opus .breaking-time { color: var(--ua-g5); opacity: 1; }
body.ua-opus .breaking-arrow { width: 30px; height: 30px; border-radius: 0; background: none; color: var(--ua-ink); }
body.ua-opus .breaking-arrow:hover { background: none; color: var(--ua-red-t); }
body.ua-opus .breaking-bar :focus-visible { outline-color: var(--ua-ink); }

body.ua-opus .market-bar.ps2 { background: var(--ua-paper); color: var(--ua-ink); border-bottom: 1px solid var(--ua-g2); }
body.ua-opus .ps2 .market-track { max-width: var(--maxw); padding-left: max(var(--pad), env(safe-area-inset-left)); padding-right: max(var(--pad), env(safe-area-inset-right)); }
body.ua-opus .ps2 .market-tag { padding: 0 14px 0 0; background: none; color: var(--ua-red-t); }
body.ua-opus .ps2 .market-tag:hover { background: none; }
body.ua-opus .ps2 .market-tag:hover .ps2-ad { text-decoration: underline; text-underline-offset: 3px; }
body.ua-opus .ps2-canli { background: var(--ua-red); }
body.ua-opus .ps2-canli::after { border-color: var(--ua-red); opacity: .6; }
body.ua-opus .ps2-ad { font-size: 11px; font-weight: 800; letter-spacing: .14em; }
body.ua-opus .ps2-saat { color: var(--ua-g5); opacity: 1; }
body.ua-opus .ps2 .market-item { padding-block: 9px; }
body.ua-opus .ps2 .market-item + .market-item::before { background: var(--ua-g2); }
body.ua-opus .ps2 .market-item:hover, body.ua-opus .ps2 .market-item:focus-visible { box-shadow: inset 0 -2px 0 var(--ua-ink); }
body.ua-opus .ps2 .mi-label { color: var(--ua-g5); }
body.ua-opus .ps2 .market-item:hover .mi-label { color: var(--ua-ink); }
body.ua-opus .ps2 .mi-price { color: var(--ua-ink); font-weight: 700; }
body.ua-opus .tickers-bar .mi-change.up { color: var(--ua-ink); }
body.ua-opus .tickers-bar .mi-change.down { color: var(--ua-red-t); }
body.ua-opus .tickers-bar .mi-change.flat { color: var(--ua-g5); }
body.ua-opus .tickers-bar .mi-spark.up { color: var(--ua-g7); }
body.ua-opus .tickers-bar .mi-spark.down { color: var(--ua-red); }
body.ua-opus .tickers-bar .mi-spark.flat { color: var(--ua-g3); }

/* ---------- alt alan: yalnız renk (lacivert → siyah ailesi) ---------- */
body.ua-opus .site-footer.ft3 { background: #0e0f14; color: #b4b5b9; border-top-color: #fb0d0c; }
body.ua-opus .ft3-logo b { color: #fb0d0c; }
body.ua-opus .ft3-hakkinda, body.ua-opus .ft3-magaza small { color: #9a9ca4; }
body.ua-opus .ft3-takip small, body.ua-opus .ft3-ag .ft3-et, body.ua-opus .ft3-ag small, body.ua-opus .ft3-alt { color: #8c8e96; }
body.ua-opus .ft3-izgara li a { color: #c9cace; }
body.ua-opus .ft3-izgara li a:hover { color: #fff; }
body.ua-opus .ft3-h::after { background: #fb0d0c; }
html[data-theme=dark] body.ua-opus .site-footer.ft3 { background: #08090c; }
@media (prefers-color-scheme: dark) { html:not([data-theme=light]) body.ua-opus .site-footer.ft3 { background: #08090c; } }

/* ---------- ara genişlikler ---------- */
@media (max-width: 1240px) {
    body.ua-opus { --ua-hz: 400px; }
    body.ua-opus .sh3-hizli a:nth-child(4), body.ua-opus .sh3-hizli a:nth-child(6) { display: none; }
    body.ua-opus .sh3-logo .brand-name { height: 60px; font-size: 76px; }
    body.ua-opus .sh3-logo .brand-logo { height: 62px; }
    body.ua-opus .sh3-ara { width: min(260px, 100% - 24px); }
}
/* ana sayfada üst alan 1320 px'e açıldığı için menü örnekteki gibi 15 px nefes alır */
@media (min-width: 1341px) {
    body.ua-opus:has(.o5) .sh3-menu > li > a, body.ua-opus:has(.o5) .sh3-daha-btn { padding: 0 12px; font-size: 15px; }
}
@media (max-width: 980px) {
    body.ua-opus { --ua-hz: 0px; }
    body.ua-opus .sh3-hizli { display: none; }
    body.ua-opus .sh3-logo .brand-name { height: 52px; font-size: 66px; }
    body.ua-opus .sh3-logo .brand-logo { height: 54px; }
    body.ua-opus .sh3-slogan { font-size: 14px; }
    body.ua-opus .sh3-ara { width: min(240px, 100% - 24px); }
}

/* ---------- mobil (örnekteki gibi): logo solda, arama + menü sağda, altında tarih satırı ---------- */
@media (max-width: 860px) {
    body.ua-opus .site-header.sh3::before { min-height: 36px; }
    /* satır 3 (tarih/hava) üstündeki tam genişlik ince çizgi */
    body.ua-opus .site-header.sh3::after { content: ""; grid-row: 3; grid-column: f-s / f-e; border-top: 1px solid var(--ua-g2); }
    body.ua-opus { --ua-us: 40px; }
    body.ua-opus .sh3-son { max-width: calc(100% - var(--ua-us) - 8px); }
    body.ua-opus .sh3-sos { display: none !important; }
    body.ua-opus .sh3-ust-sag { padding-left: 0; border-left: 0; }
    body.ua-opus .sh3 .theme-toggle { margin: 0 -5px 0 0; }

    body.ua-opus .sh3-logo { grid-row: 2; grid-column: c-s / m-e; justify-self: start; align-self: center; margin: 12px 0 10px; }
    body.ua-opus .sh3-logo .brand-name { height: 42px; font-size: 52px; }
    body.ua-opus .sh3-logo .brand-logo { height: 42px; max-width: 52vw; }
    body.ua-opus .sh3-slogan { display: none; }

    body.ua-opus .sh3-sag { display: flex; align-items: center; grid-row: 2; grid-column: m-e / c-e; justify-self: end; align-self: center; position: relative; width: auto; max-width: none; gap: 0; margin: 0 -10px 0 12px; }
    body.ua-opus .sh3-canli { justify-content: center; min-width: 44px; min-height: 44px; margin: 0; }
    body.ua-opus .sh3-canli span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    body.ua-opus .sh3-canli i { width: 10px; height: 10px; margin: 0; }
    body.ua-opus .sh3-menu-btn { display: grid; place-items: center; flex: none; width: 44px; height: 44px; margin: 0; padding: 0; border: 0; background: none; cursor: pointer; touch-action: manipulation; }

    /* arama: kapalıyken yalnız büyüteç (44 px); odaklanınca satırı kaplayan alan açılır — JS yok.
       Yazı yazılmışsa odak gidince de açık kalır (iOS'ta Ara düğmesine dokunurken kapanıp tıklamayı yutmasın);
       /ara sayfasında sunucudan gelen değer (value="kpss") logoyu kapatmasın diye yalnız value="" ile başlayan alanda.
       :has kuralı ayrı yazıldı — desteklemeyen tarayıcı :focus-within kuralını da düşürmesin. */
    body.ua-opus .sh3-ara { position: relative; flex: none; align-self: center; width: 44px; height: 44px; margin: 0; border-bottom: 0; }
    body.ua-opus .sh3-ara input { position: absolute; inset: 0; z-index: 1; width: 44px; height: 44px; padding: 0; opacity: 0; font-size: 16px; cursor: pointer; }
    body.ua-opus .sh3-ara button { width: 44px; height: 44px; pointer-events: none; }
    body.ua-opus .sh3-ara:focus-within { position: absolute; top: 0; right: 10px; z-index: 3; width: calc(100vw - 2 * var(--pad)); background: var(--ua-paper); border-bottom: 2px solid var(--ua-ink); }
    body.ua-opus .sh3-ara:focus-within input { position: static; flex: 1; width: auto; min-width: 0; opacity: 1; cursor: text; }
    body.ua-opus .sh3-ara:focus-within button { pointer-events: auto; }
    body.ua-opus .sh3-ara:has(input[value=""]:not(:placeholder-shown)) { position: absolute; top: 0; right: 10px; z-index: 3; width: calc(100vw - 2 * var(--pad)); background: var(--ua-paper); border-bottom: 2px solid var(--ua-ink); }
    body.ua-opus .sh3-ara:has(input[value=""]:not(:placeholder-shown)) input { position: static; flex: 1; width: auto; min-width: 0; opacity: 1; cursor: text; }
    body.ua-opus .sh3-ara:has(input[value=""]:not(:placeholder-shown)) button { pointer-events: auto; }

    body.ua-opus .sh3-gun {
        grid-row: 3; grid-column: c-s / c-e; align-self: center; justify-self: stretch;
        flex-wrap: nowrap; justify-content: space-between; align-items: center; gap: 10px;
        margin: 0; padding: 8px 0; font-size: 12.5px; line-height: 1.3; white-space: nowrap;
    }
    body.ua-opus .sh3-gun time { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; font: 400 12.5px/1.3 var(--sans); letter-spacing: 0; text-transform: none; color: var(--ua-g7); }
    body.ua-opus .sh3-gun time b { font-weight: 700; color: var(--ua-ink); }
    body.ua-opus .sh3-gun .sh3-m-gizle { display: inline !important; }
    body.ua-opus .sh3-gun .sh3-vakit.sh3-m-gizle { display: inline-flex !important; }
    body.ua-opus .sh3-gun [data-sh3-durum] { display: none !important; }
    body.ua-opus .sh3-gun > a { flex: none; }
    body.ua-opus .sh3-gun > .sh3-hava { margin-left: auto; }
    body.ua-opus .sh3-gun > .sh3-vakit { margin-left: -6px; }
    body.ua-opus .sh3-hava .hv-ikon { display: none; }

    body.ua-opus .sh3-menu > li > a, body.ua-opus .sh3-daha-btn { height: 44px; padding: 0 10px; font-size: 14px; }
    body.ua-opus .sh3-menu > li:first-child > a { padding-left: 0; }

    body.ua-opus .breaking-label { font-size: 10.5px; }
}
@media (max-width: 380px) {
    body.ua-opus .sh3-logo .brand-name { height: 38px; font-size: 46px; }
    body.ua-opus .sh3-gun > .sh3-vakit { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
    body.ua-opus .sh3 .theme-toggle:hover { transform: none; }
}
@media print {
    body.ua-opus .sh3-hizli, body.ua-opus .sh3-ust-sag, body.ua-opus .sh3-sag, body.ua-opus .sh3-nav { display: none !important; }
}

/* çerez/bilgilendirme bandı: açık temada lacivert yerine siyah */
html:not([data-theme="dark"]) body.ua-opus .cookie-banner { --ink: #0e0f14; }