/* PHP sürümünde eklenen stiller (portal.css'in üzerine). Renkler ve ölçüler portal.css'teki belirteçlerden gelir. */

/* Gruplu yan menü */
.nav-grup + .nav-grup{margin-top:10px}
.nav-grup .nav-heading{margin:0;padding:10px 16px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}

/* Dil formu (üst çubuk ve giriş) */
.lang-form{display:flex;align-items:center;margin:0}
.giris-ust{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.giris-ust .brand{margin-bottom:16px}
.giris-ust .lang-icon{color:var(--muted)}
.giris-ust .lang-select{color:var(--text);background:var(--surface);border-color:var(--line);width:auto;padding:0 12px;padding-inline-start:34px;height:40px;min-height:40px}
.giris-ust .lang-select:focus-visible{outline-color:var(--focus)}
.giris-kart .giris-ust + .page-title{margin-top:0}

/* Ana sayfa üst satırı: selam + arama yan yana */
.ana-ust{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 24px;flex-wrap:wrap}
.ana-ust .google-ara{flex:1 1 320px;max-width:520px;margin:0}

/* Ana sayfa ızgarası: iki sütun; manşet geniş */
.ana-izgara{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:900px){.ana-izgara{grid-template-columns:minmax(0,1fr)}}

/* Manşet kartı */
.manset{position:relative;padding:24px;border-inline-start:4px solid var(--accent);display:flex;flex-direction:column;gap:10px}
.manset-ust{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-ink)}
.manset-baslik{margin:0;font-size:clamp(1.25rem,1.1rem + .8vw,1.7rem);line-height:1.25;letter-spacing:-.01em;text-wrap:balance}
.manset-ozet{margin:0;color:var(--muted);font-size:1rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.manset-alt{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;font-size:13px;color:var(--muted)}
.manset-dugme{align-self:flex-start;margin-top:4px}

/* Mesaideki ülkeler: "Tümünü göster" açılır bölümü */
.mesai-fazla{margin-top:6px}
.mesai-fazla>summary{list-style:none;cursor:pointer;display:inline-flex}
.mesai-fazla>summary::-webkit-details-marker{display:none}
.mesai-fazla[open]>summary{display:none}

/* Kılavuz görüntüleyici (sayfa sayfa) */
.kg-araclar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.kg-gezinme{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.kg-git{display:flex;align-items:center;gap:6px;margin:0}
.kg-git .input{width:76px;min-height:36px;text-align:center}
.kg-gezinme [aria-disabled="true"]{opacity:.45;pointer-events:none}
.kg-sayfa{margin:0;padding:8px;background:var(--surface-2)}
.kg-sayfa img{display:block;width:100%;height:auto;border-radius:var(--radius-sm);background:#fff}


/* ================= Editoryal görünüm (karar 2026-11-14) =================
   Portalın görsel dili: haber dergisi düzeni. portal.css'teki temel kuralların üzerine yazar; renkler oradaki belirteçlerden
   gelir, koyu temada belirteçler değiştiği için kurallar iki temada da çalışır. */
/* ---- Açık zeminli üst çubuk ---- */
.brand-logo-renkli{display:none}
:root .topbar{background:var(--surface);color:var(--text);border-bottom:1px solid var(--line)}
:root .topbar .brand{color:var(--text)}
:root .brand-sub{color:var(--muted);opacity:1}
:root .top-search-input{background:var(--surface-2);border-color:var(--line);color:var(--text)}
:root .top-search-input::placeholder{color:var(--muted)}
:root .top-search-input:focus{background:var(--surface);border-color:var(--focus)}
:root .top-search-icon{color:var(--muted)}
:root .topbar .lang-select{color:var(--text);border-color:var(--line);background:var(--surface)}
:root .topbar .lang-icon{color:var(--muted)}
:root .topbar .icon-btn:hover{background:var(--surface-2)}
:root .topbar :is(.lang-select,.icon-btn,.top-search-input):focus-visible{outline-color:var(--focus)}
@media (max-width:900px){:root .topbar .lang-select{color:transparent;border-color:transparent;background:transparent}}
/* Açık temada renkli logo; koyu temada beyaz logo kalır. */
:root:not([data-theme="dark"]) .topbar .brand-logo-beyaz{display:none}
:root:not([data-theme="dark"]) .topbar .brand-logo-renkli{display:block}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .topbar .brand-logo-beyaz{display:block}
  :root:not([data-theme="light"]) .topbar .brand-logo-renkli{display:none}
}

/* ---- Aydınlık, ferah düzen: sıcak zemin, çerçevesiz kartlar, serif başlıklar, altın vurgu ---- */
:root{--radius:10px;--radius-sm:6px;--shadow:0 1px 2px rgba(16,24,40,.05),0 10px 28px -16px rgba(16,24,40,.18)}
:root:not([data-theme="dark"]){--bg:#faf8f4;--surface-2:#f3efe8;--line:#e6e0d6}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0c1a2a;--surface-2:#173049;--line:#22405c}}
:root body{font-size:15.5px;line-height:1.6;letter-spacing:0}
/* Başlıklarda serif (Arapçada değil: Arap harfli başlıklar sans kalır). */
:root:not([lang="ar"]) :is(.page-title,.manset-baslik,.section-title,.proc-title,.og-ay-baslik,.kk-hero-title,.ind-hero-baslik){font-family:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:-.005em}
:root .page-title{font-size:32px;line-height:1.15}
:root .page-sub{font-size:15.5px}
:root .section-title{font-size:21px}
:root .main{max-width:1180px;padding:36px 40px 64px}
:root .stack{gap:22px}
:root .card{border-color:transparent;box-shadow:var(--shadow);padding:24px}
:root .card-title{font-size:15px;text-transform:none;letter-spacing:0;color:var(--text);border-bottom:0;padding-bottom:0;margin-bottom:10px}
:root .widget-head{border-bottom:0;padding-bottom:0;margin-bottom:6px}
:root .widget-head::after,:root .fact-card .card-title::after{content:none}
:root .card-title .icon{color:var(--gold)}
:root .sidebar{background:transparent;border-inline-end:0;padding-top:20px}
:root .nav-item{border-radius:0 999px 999px 0;margin-inline-end:12px}
:root:is([dir="rtl"]) .nav-item{border-radius:999px 0 0 999px}
:root .nav-item[aria-current="page"]{background:var(--gold-soft);color:var(--text)}
:root .nav-item[aria-current="page"]::before{background:var(--gold)}
:root .nav-item[aria-current="page"] .nav-icon{color:var(--gold)}
:root .nav-grup .nav-heading{color:var(--gold);letter-spacing:.12em}
:root .topbar{border-bottom-color:transparent;box-shadow:0 1px 0 var(--line)}
:root .manset{padding:32px;border-inline-start:0;border-top:4px solid var(--gold)}
:root .manset-ust{color:var(--gold);letter-spacing:.14em}
:root .manset-baslik{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.15rem);line-height:1.18}
:root .manset-ozet{font-size:1.05rem}
:root .list-title{font-weight:600}
:root .date-chip{background:var(--gold-soft);color:var(--text);border-radius:var(--radius-sm)}
:root .chip{border-radius:999px}
:root .badge{border-radius:999px}
:root .btn{border-radius:999px}
:root .vz-gosterge{border-color:transparent;box-shadow:var(--shadow)}

/* Telefon: ferahlık korunur ama kenar boşlukları daralır (alt boşluk sabit alt çubuk için). */
@media (max-width:900px){
  :root .main{padding:20px 16px calc(var(--tabbar-h) + 28px)}
  :root .page-title{font-size:26px}
  :root .card{padding:18px}
  :root .manset{padding:22px 20px}
  :root .stack{gap:16px}
}

/* Yazdırma: ekran için verilen boşluk ve gölgeler geri alınır (portal.css yazdırma kurallarıyla uyumlu). */
@media print{
  :root .main{max-width:none;padding:0}
  :root .card{box-shadow:none;border-color:var(--line);padding:14px}
  :root body{font-size:12pt}
}