/*
Theme Name: EDNEWS
Theme URI: https://ednews.net
Author: EDNEWS / Eurasia Diary
Description: EDNEWS ucun hazirlanmis muasir xeber portali temasi. EDNEWS mavi palitrasi, manshet slayderi, CANLI ticker, valyuta-hava-namaz zolagi, qaranliq rejim, reklam saheleri ve tam responsiv dizayn.
Version: 3.6
Requires at least: 5.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: ednews
*/

/* ============================================================
   0. KÖK DƏYİŞƏNLƏR
   ============================================================ */
:root{
  --qirmizi:#3868b0;        /* əsas mavi (EDNEWS logosuna uyğun) */
  --qirmizi-tund:#264a86;
  --qirmizi-acik:#5b8fd6;
  --tund:#14161c;
  --tund-2:#1e212b;
  --boz:#6b7280;
  --boz-acik:#eef0f4;
  --ag:#ffffff;
  --xett:#e4e7ec;
  --serif-basliq:'Montserrat',Arial,sans-serif;
  --metn:'Inter',Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--metn);color:var(--tund);background:#fafbfc;font-size:15px}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
.qab{max-width:1200px;margin:0 auto;padding:0 16px}
body.menyu-kilid{overflow:hidden}

/* ============================================================
   1. ÜST MENYU ZOLAĞI: Valyuta / Hava / Namaz / Bürclər + sosial
   ============================================================ */
.topbar-ust{background:#0b1526;color:#cfd9da;font-size:13px;position:relative}
.topbar-ust-ic{display:flex;align-items:center;gap:28px;height:40px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.topbar-ust-ic::-webkit-scrollbar{display:none}
.tu-item{background:none;border:none;color:#cfd9da;font-family:var(--metn);font-size:13px;font-weight:600;cursor:pointer;padding:0;flex-shrink:0;transition:.15s}
.tu-item:hover{color:#fff}
button.tu-item[aria-expanded="true"]{color:var(--qirmizi-acik)}
.tu-panel{display:none;position:absolute;top:100%;left:0;right:0;background:#14233f;border-top:1px solid #20355c;box-shadow:0 10px 24px rgba(0,0,0,.25);z-index:60}
.tu-panel.acik{display:block}
.tu-panel-ic{display:flex;gap:26px;flex-wrap:wrap;padding:14px 16px;font-size:13.5px;color:#e7edee}

/* Sosial ikonlar: zolağın sağında, yumru hover */
.sosial{display:flex;gap:4px;flex-shrink:0}
.topbar-ust .sosial{margin-left:auto}
.sosial a{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#93a0b5;transition:.2s}
.sosial a:hover{background:var(--qirmizi);color:#fff}
.sosial svg{width:17px;height:17px;fill:currentColor}

/* ============================================================
   2. CANLI TICKER
   ============================================================ */
.topbar{background:#101d33;color:#cfd3dc;font-size:13px}
.topbar-ic{display:flex;align-items:center;gap:14px;height:40px}
.canli{display:flex;align-items:center;padding:0 6px 0 0;flex-shrink:0}
.canli .nokta{display:none}
.son-deqiqe{position:relative;overflow:hidden;display:inline-flex;align-items:center;background:#e4002b;color:#fff;font-family:var(--metn);font-weight:800;font-size:11.5px;letter-spacing:.4px;text-transform:uppercase;padding:6px 12px;border-radius:6px;white-space:nowrap;line-height:1}
.son-deqiqe::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-22deg);animation:sd-shine 2.6s ease-in-out infinite}
@keyframes sd-shine{0%{left:-70%}55%,100%{left:140%}}
@keyframes puls{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.78)}}
.ticker{flex:1;overflow:hidden;position:relative;height:40px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.ticker-ich{display:flex;align-items:center;height:40px;gap:36px;white-space:nowrap;animation:axin 45s linear infinite;width:max-content}
.ticker:hover .ticker-ich{animation-play-state:paused}
@keyframes axin{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker a{display:inline-flex;align-items:center;gap:8px;color:#e7e9ef}
.ticker a:hover{color:#fff;text-decoration:underline}
.ticker .saat{color:#7aa8e2;font-weight:700;font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){
  .ticker-ich{animation:none}
  .canli .ildirim{animation:none}
}

/* ============================================================
   3. BAŞLIQ (tək sıra): burger / logo / menyu / axtarış / dark
   ============================================================ */
header.nav{background:#fff;box-shadow:0 2px 10px rgba(20,22,28,.08);border-bottom:1px solid var(--xett);position:sticky;top:0;z-index:100}
body.admin-bar header.nav{top:32px}
body.menyu-kilid header.nav{z-index:500}
.nav-ic{display:flex;align-items:center;gap:26px}
.nav .logo{display:flex;align-items:center;color:var(--tund);font-family:var(--serif-basliq);font-weight:900;font-size:25px;letter-spacing:-.5px;padding:14px 0;flex-shrink:0;line-height:1}
.nav .logo span{color:var(--qirmizi)}
.nav .logo img{max-height:46px;width:auto;display:block}
.nav .logo small{display:none}

/* Menyu */
.nav-menyu-wrap{flex:1;display:flex;min-width:0}
.nav-menyu-wrap ul{display:flex;list-style:none;gap:2px;flex-wrap:wrap}
.nav-menyu-wrap ul li{position:relative}
.nav-menyu-wrap ul>li>a{display:block;padding:23px 13px;color:var(--tund);font-weight:700;font-size:14px;transition:.15s;white-space:nowrap}
.nav-menyu-wrap ul>li>a:hover,
.nav-menyu-wrap ul>.current-menu-item>a,
.nav-menyu-wrap ul>.current_page_item>a{color:var(--qirmizi);background:var(--boz-acik)}
.nav-menyu-wrap ul ul{position:absolute;top:100%;left:0;display:none;flex-direction:column;min-width:200px;background:#fff;border:1px solid var(--xett);border-top:3px solid var(--qirmizi);border-radius:0 0 10px 10px;box-shadow:0 12px 24px rgba(0,0,0,.12);z-index:50}
.nav-menyu-wrap ul li:hover>ul{display:flex}
.nav-menyu-wrap ul ul a{padding:11px 16px;font-size:13px;color:var(--tund);font-weight:600}
.nav-menyu-wrap ul ul a:hover{background:var(--boz-acik);color:var(--qirmizi)}

/* Alt-menyu oxu (yalnız desktop; mobildə ayrıca düymə var) */
.nav-menyu-wrap ul>li.menu-item-has-children>a::after{
  content:"";display:inline-block;margin-left:6px;width:5px;height:5px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-4px);transition:transform .2s;vertical-align:middle
}
.nav-menyu-wrap ul>li.menu-item-has-children:hover>a::after{transform:rotate(225deg) translateY(-3px)}

/* Sağ ikonlar: axtarış + qaranlıq rejim */
.nav-sag{display:flex;align-items:center;gap:4px;flex-shrink:0}
.nav-sag button{background:none;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--tund);transition:.15s}
.nav-sag button:hover{background:var(--boz-acik);color:var(--qirmizi)}
.nav-sag svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.nav-sag .js-dark .ikon-ay{fill:currentColor;stroke:none}
.nav-sag .js-dark .ikon-gun{display:none}
.gece .nav-sag .js-dark .ikon-ay{display:none}
.gece .nav-sag .js-dark .ikon-gun{display:block}

/* Hamburger (yalnız mobil/planşet) */
.m-burger{display:none;background:none;border:none;color:var(--tund);padding:8px;margin-left:-4px;cursor:pointer;flex-shrink:0}
.m-burger svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}

/* Axtarış paneli */
.axtar-panel{display:none;background:var(--qirmizi-tund);padding:14px 0}
.axtar-panel.acik{display:block}
.axtar-panel form{display:flex;gap:10px}
.axtar-panel input[type=search]{flex:1;border:none;border-radius:8px;padding:11px 14px;font-size:14px;font-family:var(--metn)}
.axtar-panel button{background:var(--tund);color:#fff;border:none;border-radius:8px;padding:0 22px;font-weight:700;cursor:pointer}

/* ============================================================
   4. SƏHİFƏ İÇƏRİSİ + KƏNAR REKLAMLAR (160×600)
   Grid-based: header/footer-ə minə bilməz. Yalnız çox geniş ekranda.
   ============================================================ */
.site-icerik{display:block}
.kenar-reklam{display:none;width:160px;transition:opacity .25s}
.kenar-reklam.gizli{opacity:0;pointer-events:none}
@media(min-width:1600px){
  /* Kontent 1200px mərkəzdədir; reklamlar riyazi olaraq ondan KƏNARDA:
     sol reklamın sağ kənarı = 50% - 630px (kontent 50%-600-də başlayır) */
  .kenar-reklam{display:block;position:fixed;top:110px;z-index:40}
  .kenar-sol{left:calc(50% - 790px)}
  .kenar-sag{right:calc(50% - 790px)}
  .kenar-reklam .reklam-bosh{height:600px;width:160px}
}

/* ============================================================
   5. REKLAM SAHƏLƏRİ (boş nişanlar hamıya görünür)
   ============================================================ */
.reklam-yeri{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.reklam-yeri img{display:block}
.reklam-bosh{
  background-color:#eef0f4;
  background-image:
    radial-gradient(circle at 2px 2px,#d3d8e0 1.3px,transparent 1.6px),
    radial-gradient(circle at 14px 14px,#dde1e8 1.3px,transparent 1.6px),
    linear-gradient(135deg,rgba(255,255,255,.7) 0%,rgba(255,255,255,0) 55%);
  background-size:24px 24px,24px 24px,100% 100%;
  border:1px solid #d8dce4;border-radius:10px;color:#7c8494;gap:4px;padding:12px
}
.reklam-bosh strong{font-family:var(--serif-basliq);font-weight:900;font-size:15px;letter-spacing:5px;color:#98a0ae}
.reklam-bosh .olcu{font-size:12px;font-weight:700;letter-spacing:1px;color:#9aa1af}
.reklam-728-yeri{margin:22px 0 0}
.reklam-728-yeri.reklam-bosh{height:90px;max-width:728px;margin-left:auto;margin-right:auto}
.reklam-300-yeri{min-height:0;width:100%}
.reklam-300-yeri.reklam-bosh{height:300px;width:100%}
.reklam-320-yeri{display:none;margin:16px auto 0}
.reklam-320-yeri.reklam-bosh{height:100px;width:320px;max-width:100%}
@media(max-width:980px){
  .reklam-728-yeri,.reklam-300-yeri{display:none}
  .reklam-320-yeri{display:flex}
}

/* ============================================================
   6. ÜST BLOK: MANŞET + SAĞ SÜTUN
   ============================================================ */
.ust-tor{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px;align-items:start;margin-top:24px}
.ust-sag{display:flex;flex-direction:column;gap:20px}

/* --- Manşet slayderi --- */
.slayder{position:relative;border-radius:14px;overflow:hidden;background:var(--ag);box-shadow:0 6px 20px rgba(10,40,44,.10);margin:0}
.slayder-icher{position:relative;width:100%;height:440px;overflow:hidden}
.slayd{position:absolute;inset:0;display:flex;align-items:flex-end;color:#fff;opacity:0;visibility:hidden;transition:opacity .6s;z-index:1}
.slayd.aktiv{opacity:1;visibility:visible;z-index:2}
.slayd .fon{position:absolute;inset:0;background-size:cover;background-position:center}
.slayd::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,12,18,0) 25%,rgba(10,12,18,.9) 100%)}
.slayd .ich{position:relative;z-index:2;padding:34px 90px 44px 34px;max-width:820px}
.slayd h2{font-family:var(--serif-basliq);font-size:26px;font-weight:800;line-height:1.28;color:#fff}
.slayd .vaxt{font-size:13px;opacity:.85;margin-top:12px;display:block}
.slayd .ich-meta{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.slayd .ich-meta .etiket{margin:0}
.slayd .ich-meta .vaxt{margin:0;font-weight:600}
.sl-ox{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;border:none;background:rgba(255,255,255,.92);color:#2a2e3a;font-size:24px;cursor:pointer;transition:.2s;line-height:1;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.sl-ox:hover{background:var(--qirmizi);color:#fff}
.sl-sol{left:16px}.sl-sag{right:16px}
.sl-noktalar{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:14px 12px;background:var(--ag)}
.sl-noktalar button{min-width:40px;height:38px;padding:0 8px;border-radius:9px;border:1px solid var(--xett);background:var(--ag);color:var(--tund);font-family:var(--metn);font-size:14px;font-weight:700;line-height:1;cursor:pointer;transition:.18s}
.sl-noktalar button:hover{border-color:var(--qirmizi);color:var(--qirmizi)}
.sl-noktalar button.aktiv{background:var(--qirmizi);border-color:var(--qirmizi);color:#fff}
html.gece .slayder,html.gece .sl-noktalar{background:var(--tund-2)}
html.gece .sl-noktalar button{background:#20242b;border-color:#2a2e37;color:#dfe2e8}
html.gece .sl-noktalar button.aktiv{background:var(--qirmizi);border-color:var(--qirmizi);color:#fff}
.sl-loader{position:absolute;left:0;bottom:0;height:4px;width:0;background:var(--qirmizi-acik);z-index:6;border-radius:0 3px 3px 0}

/* Şəkilsiz yazılar üçün gradient fonlar */
.g0{background:linear-gradient(135deg,#2b3a67,#141a2e)}
.g1{background:linear-gradient(135deg,#7a1c2b,#3b0d15)}
.g2{background:linear-gradient(135deg,#2f5590,#16243f)}
.g3{background:linear-gradient(135deg,#8a5a12,#3d2705)}
.g4{background:linear-gradient(135deg,#4b3b8f,#1d1740)}

/* Etiket (kateqoriya nişanı) */
.etiket{display:inline-block;background:var(--qirmizi);color:#fff;font-size:11px;font-weight:800;letter-spacing:.8px;padding:4px 10px;border-radius:4px;margin-bottom:10px;text-transform:uppercase;font-family:var(--serif-basliq)}

/* ============================================================
   7. BÖLMƏ BAŞLIQLARI
   ============================================================ */
.bolme-basliq{display:flex;align-items:center;gap:12px;margin:30px 0 18px}
.bolme-basliq h1,.bolme-basliq h2{font-family:var(--serif-basliq);font-size:19px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.bolme-basliq::before{content:"";width:5px;height:22px;background:var(--qirmizi);border-radius:3px}
.bolme-basliq::after{content:"";flex:1;height:1px;background:var(--xett)}

/* ============================================================
   8. XƏBƏR LENTİ
   ============================================================ */
.lent{background:#fff;border:1px solid var(--xett);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(10,40,44,.04)}
.qutu .lent{border:none;border-radius:0;box-shadow:none}
.lent-setir{display:flex;gap:14px;padding:13px 16px;border-bottom:1px solid var(--boz-acik);align-items:baseline;transition:.15s}
.lent-setir:last-child{border-bottom:none}
.lent-setir:hover{background:#eef3fb}
.lent-setir .vaxt{font-size:12px;color:var(--qirmizi);font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0}
.lent-setir a{font-size:14.5px;font-weight:600;line-height:1.4}
.lent-setir a:hover{color:var(--qirmizi)}

/* Medialive üslubu (sağ sütun lenti) */
.lent-yigcam{max-height:432px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cfd4dd transparent}
.lent-yigcam .lent-setir{display:block;position:relative;padding:12px 16px 12px 34px}
.lent-yigcam .lent-setir::before{content:"";position:absolute;left:16px;top:17px;width:8px;height:8px;border-radius:50%;background:var(--qirmizi)}
.lent-yigcam .lent-setir .vaxt{display:block;font-size:12px;margin-bottom:4px}
.lent-yigcam .lent-setir a{font-size:13.5px;font-weight:700;line-height:1.45}

/* ============================================================
   9. XƏBƏR KARTLARI
   ============================================================ */
.xeber-tor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.xkart{background:#fff;border:1px solid var(--xett);border-radius:12px;overflow:hidden;transition:.2s}
.xkart:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(10,40,44,.12)}
.xkart .shekil{height:158px;position:relative;display:block;background-size:cover;background-position:center;background-color:var(--tund-2)}
.xkart .etiket{position:absolute;left:8px;bottom:8px;top:auto;margin:0;font-size:9.5px;padding:3px 8px;letter-spacing:.5px}
.xkart .yazi-tipi{position:absolute;right:8px;bottom:8px}
.yazi-tipi{display:inline-flex;align-items:center;gap:4px;font-family:var(--serif-basliq);font-size:9.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:3px 8px;border-radius:4px;color:#fff;line-height:1}
.yazi-tipi.tip-video{background:#e4002b}
.yazi-tipi.tip-foto{background:#0e9f6e}
.yazi-tipi.tip-kose{background:#6d28d9}
.yazi-tipi.tip-yenilenib{background:#d97706}
.yazi-tipi.tip-yeni{background:var(--qirmizi)}
.yazi-tipi.tip-sade{background:rgba(16,20,30,.72)}
.xkart .melumat{padding:14px}
.xkart h3{font-family:var(--serif-basliq);font-size:15px;font-weight:700;line-height:1.35}
.xkart h3 a:hover{color:var(--qirmizi)}
.xkart .vaxt{font-size:12px;color:var(--boz);margin-top:10px;display:block}
.kart-meta{display:block}

/* ============================================================
   10. REDAKSİYANIN SEÇİMİ — SLAYDER (desktop 3, mobil/planşet 2)
   ============================================================ */
.secim-slayder{position:relative}
.secim-tor{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.secim-tor::-webkit-scrollbar{display:none}
.secim-tor .xkart{flex:0 0 calc((100% - 32px)/3);scroll-snap-align:start}
.secim-tor .shekil{height:128px}
.secim-tor h3{font-size:13.5px}
.s-ox{position:absolute;top:56px;z-index:5;width:38px;height:38px;border-radius:50%;border:none;background:rgba(255,255,255,.95);color:#2a2e3a;font-size:21px;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.18);transition:.2s;display:flex;align-items:center;justify-content:center}
.s-ox:hover{background:var(--qirmizi);color:#fff}
.s-sol{left:-12px}
.s-sag{right:-12px}

/* ============================================================
   11. SƏHİFƏLƏMƏ
   ============================================================ */
.sehifeleme{display:flex;gap:8px;justify-content:center;margin-top:24px;flex-wrap:wrap}
.sehifeleme .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;background:#fff;border:1px solid var(--xett);border-radius:8px;font-weight:700;font-size:14px;transition:.15s}
.sehifeleme .page-numbers.current,.sehifeleme .page-numbers:hover{background:var(--qirmizi);color:#fff;border-color:var(--qirmizi)}

/* ============================================================
   12. ƏSAS TOR + SİDEBAR
   ============================================================ */
.tor{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start;margin-top:6px;margin-bottom:40px}
.yan{position:sticky;top:80px;display:flex;flex-direction:column;gap:24px}
.qutu,.yan .widget{background:#fff;border:1px solid var(--xett);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(10,40,44,.04)}
.qutu-basliq,.yan .widget .widget-title{font-family:var(--serif-basliq);font-weight:800;font-size:15px;padding:15px 16px 15px 30px;border-bottom:1px solid var(--xett);display:block;text-transform:uppercase;letter-spacing:.6px;position:relative}
.qutu-basliq::before,.yan .widget .widget-title::before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:5px;height:17px;background:var(--qirmizi);border-radius:3px}
.yan .widget>*:not(.widget-title){padding:12px 16px}
.yan .widget ul{list-style:none}
.yan .widget ul li{padding:7px 0;border-bottom:1px solid var(--boz-acik);font-size:13.5px}
.yan .widget ul li:last-child{border-bottom:none}
.reklam-widget{padding:12px}

/* Tablar (pill) */
.tablar{display:flex;gap:8px;padding:13px 16px 4px}
.tablar button{flex:1;border:1px solid var(--xett);border-radius:9px;background:#fff;padding:9px;font-weight:700;font-size:13px;cursor:pointer;color:var(--tund);font-family:var(--metn);transition:.15s}
.tablar button.aktiv{background:var(--qirmizi);border-color:var(--qirmizi);color:#fff}
.tab-panel{display:none}
.tab-panel.aktiv{display:block}
.bosh-qeyd{padding:16px;font-size:13px;color:var(--boz)}

/* Çox oxunanlar (01, 02 nömrəli) */
.cox-ox{list-style:none;counter-reset:s}
.cox-ox li{counter-increment:s;display:flex;gap:14px;padding:13px 16px;border-bottom:1px solid var(--boz-acik);align-items:flex-start}
.cox-ox li:last-child{border-bottom:none}
.cox-ox li::before{content:counter(s,decimal-leading-zero);font-family:var(--serif-basliq);font-weight:900;font-size:17px;color:var(--qirmizi);line-height:1.3;min-width:26px}
.cox-ox a{font-size:13.5px;font-weight:600;line-height:1.4}
.cox-ox a:hover{color:var(--qirmizi)}

/* Bizi izləyin / WhatsApp abunə */
.izle{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.izle a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:#fff;font-weight:700;font-size:13px}
.izle svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}
.i-fb{background:#1877f2}.i-in{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af)}
.i-yt{background:#ff0000}.i-wa{background:#25d366}.i-tg{background:#229ed9}.i-x{background:#111}
.wa-abune .wa-ich{padding:16px}
.wa-buton{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px;border-radius:10px;color:#fff;font-weight:800;font-size:14px;font-family:var(--serif-basliq)}
.wa-buton svg{width:20px;height:20px;fill:currentColor}

/* ============================================================
   13. MƏQALƏ SƏHİFƏSİ
   ============================================================ */
.meqale{background:#fff;border:1px solid var(--xett);border-radius:12px;padding:28px;margin-top:22px}
.meqale-basliq{font-family:var(--serif-basliq);font-size:30px;font-weight:800;line-height:1.3;margin:12px 0 14px}
.meqale-meta{display:flex;gap:16px;flex-wrap:wrap;color:var(--boz);font-size:13px;padding-bottom:16px;border-bottom:1px solid var(--xett);margin-bottom:20px}
.meqale-meta span{display:inline-flex;align-items:center;gap:6px}
.meqale-shekil img{border-radius:10px;width:100%}
.meqale-metn{font-size:16.5px;line-height:1.8;margin-top:20px}
.meqale-metn p{margin-bottom:18px}
.meqale-metn h2,.meqale-metn h3{font-family:var(--serif-basliq);margin:26px 0 12px}
.meqale-metn img{border-radius:10px}
.meqale-metn blockquote{border-left:4px solid var(--qirmizi);background:#eef3fb;padding:16px 20px;border-radius:0 10px 10px 0;margin:20px 0;font-style:italic}
.meqale-metn a{color:var(--qirmizi);text-decoration:underline}
.paylash{display:flex;gap:10px;align-items:center;margin-top:26px;padding-top:18px;border-top:1px solid var(--xett);flex-wrap:wrap}
.paylash strong{font-family:var(--serif-basliq);font-size:14px}
.paylash a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;color:#fff;font-size:13px;font-weight:700}
.teqler{margin-top:18px;display:flex;gap:8px;flex-wrap:wrap}
.teqler a{background:var(--boz-acik);border-radius:6px;padding:5px 12px;font-size:12.5px;font-weight:600}
.teqler a:hover{background:var(--qirmizi);color:#fff}

/* ============================================================
   14. ƏLAQƏ / REKLAM / HAQQIMIZDA SƏHİFƏLƏRİ
   ============================================================ */
.elaqe-kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:22px 0}
.e-kart{background:#f8f9fb;border:1px solid var(--xett);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:6px;font-size:14px}
.e-kart span{font-size:22px}
.e-kart strong{font-family:var(--serif-basliq);font-size:13px;color:var(--boz);text-transform:uppercase;letter-spacing:1px}
.e-kart a{color:var(--qirmizi);font-weight:700}
.xerite{border-radius:12px;overflow:hidden;border:1px solid var(--xett);margin:8px 0 26px}
.xerite iframe{width:100%;height:340px;border:0;display:block}
.forma-basliq{font-family:var(--serif-basliq);font-size:20px;font-weight:800;margin-bottom:14px}
.forma{display:flex;flex-direction:column;gap:14px}
.forma-setir{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.forma label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:13.5px}
.forma input,.forma textarea{border:1.5px solid var(--xett);border-radius:10px;padding:11px 13px;font-family:var(--metn);font-size:14px;background:#fafbfc;transition:.15s}
.forma input:focus,.forma textarea:focus{outline:none;border-color:var(--qirmizi);background:#fff}
.forma .hp{position:absolute;left:-9999px;height:1px;width:1px;opacity:0}
.forma-buton{align-self:flex-start;background:var(--qirmizi);color:#fff;border:none;border-radius:10px;padding:13px 34px;font-family:var(--serif-basliq);font-weight:800;font-size:14px;letter-spacing:1px;cursor:pointer;transition:.2s}
.forma-buton:hover{background:var(--qirmizi-tund)}
.forma-qeyd{border-radius:10px;padding:13px 16px;font-size:14px;font-weight:600;margin-bottom:16px}
.forma-qeyd.ugur{background:#e7f6ec;color:#1a7a3d;border:1px solid #bfe5cc}
.forma-qeyd.xeta{background:#fdeef0;color:#b01830;border:1px solid #f3c6cd}
.rp-tor{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}
.rp-kart{background:#f8f9fb;border:1px solid var(--xett);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px}
.rp-kart strong{font-family:var(--serif-basliq);font-size:15px}
.rp-kart p{font-size:13px;color:var(--boz);line-height:1.55;margin:0}
.rp-olcu{align-self:flex-start;background:var(--qirmizi);color:#fff;font-family:var(--serif-basliq);font-weight:900;font-size:13px;letter-spacing:1px;border-radius:6px;padding:5px 12px}
.rp-cta{background:var(--tund);color:#e7e9ef;border-radius:14px;padding:24px;margin-top:10px;display:flex;flex-direction:column;gap:14px}
.rp-cta strong{font-family:var(--serif-basliq);font-size:16px;color:#fff}
.rp-cta-linkler{display:flex;gap:10px;flex-wrap:wrap}
.rp-buton{background:#2a2e3a;border-radius:10px;padding:11px 18px;font-weight:700;font-size:13.5px;color:#fff;transition:.2s}
.rp-buton:hover{background:var(--qirmizi)}
.rp-wa{background:#25d366}
.hq-deyerler{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.hq-kart{background:#f8f9fb;border:1px solid var(--xett);border-radius:12px;padding:18px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}
.hq-kart span{font-size:26px}
.hq-kart strong{font-family:var(--serif-basliq);font-size:14px}
.hq-kart p{font-size:12.5px;color:var(--boz);line-height:1.5;margin:0}

/* ============================================================
   15. FOOTER
   ============================================================ */
.foot{background:#0b1526;color:#aab0bd;margin-top:30px}
.foot-ust{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:40px;padding:44px 0 34px}
.foot-logo{font-family:var(--serif-basliq);font-weight:900;font-size:28px;color:#fff;letter-spacing:-.5px}
.foot-logo span{color:var(--qirmizi-acik)}
.foot-ust p{font-size:13.5px;line-height:1.7;margin-top:14px}
.foot h4{color:#fff;font-family:var(--serif-basliq);font-size:14px;font-weight:800;letter-spacing:1px;margin-bottom:14px;text-transform:uppercase}
.foot-menyu ul{list-style:none;display:flex;flex-direction:column;gap:9px;font-size:13.5px}
.foot-menyu a:hover{color:#fff}
.elaqe{list-style:none;display:flex;flex-direction:column;gap:11px;font-size:13.5px}
.elaqe li{line-height:1.5}
.elaqe strong{color:#e7e9ef}
.foot-alt{border-top:1px solid #17273f;padding:16px 0;display:flex;justify-content:space-between;align-items:center;font-size:12.5px;gap:16px;flex-wrap:wrap}
.yuxari{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border-radius:50%;background:var(--qirmizi);color:#fff;border:none;font-size:18px;cursor:pointer;box-shadow:0 6px 16px rgba(14,116,128,.4);opacity:0;pointer-events:none;transition:.3s;z-index:99}
.yuxari.gorunur{opacity:1;pointer-events:auto}

/* ============================================================
   16. MOBİL MENYU (hamburger paneli)
   ============================================================ */
.nav-orten{position:fixed;inset:0;background:rgba(8,20,23,.35);z-index:150;display:none}
.nav-orten.acik{display:block}
/* Menyu açıq olanda sayt bulanıqlaşır (menyu özü toxunulmaz qalır) */
body.menyu-kilid .topbar-ust,
body.menyu-kilid .topbar,
body.menyu-kilid .site-icerik,
body.menyu-kilid .axtar-panel,
body.menyu-kilid .foot{filter:blur(4px);transition:filter .25s}
.menyu-bas{display:none}
.menyu-copy{display:none}
.alt-ac{display:none}

/* ============================================================
   17. RESPONSIVE
   ============================================================ */
@media(max-width:980px){
  /* Header: burger / logo / axtarış / dark */
  .m-burger{display:flex;align-items:center;justify-content:center}
  .nav-ic{padding:9px 0;gap:12px}
  .nav .logo{flex:1;font-size:19px;padding:0;min-width:0}
  .nav .logo img{max-height:36px}
  .nav-sag button{width:38px;height:38px}

  /* Hamburger paneli */
  .nav-menyu-wrap{position:fixed;top:0;left:-88%;width:84%;max-width:330px;height:100vh;height:100dvh;background:#fff;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:left .3s ease;box-shadow:6px 0 30px rgba(0,0,0,.3);z-index:300;padding:0 0 32px}
  .nav-menyu-wrap.acik{left:0}
  .nav-menyu-wrap ul{flex-direction:column;width:100%;gap:0}
  .nav-menyu-wrap ul>li>a{padding:14px 22px;border-bottom:1px solid var(--boz-acik);white-space:normal}
  .nav-menyu-wrap ul>li.menu-item-has-children>a{padding-right:56px}
  .nav-menyu-wrap ul>li.menu-item-has-children>a::after{display:none;content:none}
  .nav-menyu-wrap ul ul{position:static;display:none;box-shadow:none;border:none;border-radius:0;background:var(--boz-acik);min-width:0}
  .nav-menyu-wrap li.acilib>ul{display:flex;flex-direction:column}
  .nav-menyu-wrap li.menu-item-has-children{position:relative}

  /* Akkordeon ox düyməsi */
  .alt-ac{display:flex;align-items:center;justify-content:center;position:absolute;right:10px;top:7px;width:36px;height:36px;background:var(--boz-acik);border:none;border-radius:50%;color:var(--tund);cursor:pointer;transition:.2s;z-index:2}
  .alt-ac svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
  li.acilib>.alt-ac{background:var(--qirmizi);color:#fff}
  li.acilib>.alt-ac svg{transform:rotate(180deg)}

  /* Panelin başı: logo + sosial */
  .menyu-bas{display:block;padding:22px 22px 16px;border-bottom:1px solid var(--boz-acik)}
  .menyu-logo img{max-height:44px;width:auto;display:block}
  .menyu-logo-metn{font-family:var(--serif-basliq);font-weight:900;font-size:22px;color:var(--qirmizi)}
  .menyu-bas .menyu-sosial{display:flex;gap:9px;flex-wrap:wrap;padding:14px 0 0}
  .menyu-bas .menyu-sosial a{width:34px;height:34px;border-radius:50%;background:var(--boz-acik);color:var(--tund);display:flex;align-items:center;justify-content:center;transition:.15s}
  .menyu-bas .menyu-sosial a:hover{background:var(--qirmizi);color:#fff}
  .menyu-bas .menyu-sosial svg{width:16px;height:16px;fill:currentColor}

  /* Panelin altında copyright */
  .menyu-copy{display:block;margin-top:auto;padding:16px 22px 22px;font-size:12px;color:var(--boz);border-top:1px solid var(--boz-acik)}

  /* Üst zolaq: menyu ortada, sosial gizli */
  .topbar-ust .sosial{display:none}
  .topbar-ust-ic{justify-content:center;gap:30px}

  /* Kontent: tək sütun */
  .ust-tor{grid-template-columns:1fr}
  .qutu-lent{display:none}
  .tor{grid-template-columns:1fr}
  .yan{position:static}
  .xeber-tor{grid-template-columns:repeat(2,minmax(0,1fr))}
  .secim-tor .xkart{flex:0 0 calc((100% - 16px)/2)}
  .s-sol{left:-6px}
  .s-sag{right:-6px}

  /* Planşetdə manşet */
  .slayder-icher{height:446px}

  .rp-tor{grid-template-columns:repeat(2,1fr)}
  .hq-deyerler{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:640px){
  .topbar-ust-ic{gap:22px}
  .ust-tor{margin-top:16px}
  .bolme-basliq{margin:24px 0 14px}

  /* Manşet: enli-ekran nisbəti */
  .slayder{border-radius:10px}
  .slayder-icher{height:auto;aspect-ratio:16/8.4;min-height:0}
  .slayd .ich{padding:14px 16px 20px}
  .slayd h2{font-size:16px;line-height:1.3}
  .slayd .vaxt{font-size:11px;margin-top:6px}
  .slayd .etiket{font-size:10px;padding:3px 8px;margin-bottom:6px}
  .sl-ox{width:32px;height:32px;font-size:18px}
  .sl-sol{left:8px}.sl-sag{right:8px}
  .sl-noktalar{padding:10px 8px;gap:6px}
  .sl-noktalar button{min-width:34px;height:34px;font-size:13px}

  .xeber-tor{grid-template-columns:1fr}
  .secim-tor .xkart{flex:0 0 calc((100% - 16px)/2)}
  .foot-ust{grid-template-columns:1fr}
  .meqale{padding:18px}
  .meqale-basliq{font-size:23px}
  .forma-setir{grid-template-columns:1fr}
  .rp-tor{grid-template-columns:1fr}
  body.admin-bar header.nav{top:0}
}

@media(max-width:400px){
  .slayder-icher{aspect-ratio:16/9.4}
}

/* ============================================================
   18. QARANLIQ REJİM
   ============================================================ */
html.gece body{background:#101215;color:#dfe2e8}
html.gece header.nav{background:#181b20;border-color:#2a2e37;box-shadow:0 2px 10px rgba(0,0,0,.3)}
html.gece .nav .logo{color:#f0f2f5}
html.gece .nav-menyu-wrap ul>li>a{color:#dfe2e8}
html.gece .nav-menyu-wrap ul>li>a:hover{background:#20242b}
html.gece .nav-menyu-wrap ul ul{background:#20242b;border-color:#2a2e37}
html.gece .nav-menyu-wrap ul ul a{color:#dfe2e8}
html.gece .nav-menyu-wrap ul ul a:hover{background:#262b33}
html.gece .nav-sag button{color:#dfe2e8}
html.gece .nav-sag button:hover{background:#262b33}
html.gece .m-burger{color:#dfe2e8}
html.gece .topbar-ust{background:#050708}
html.gece .lent,html.gece .qutu,html.gece .yan .widget,html.gece .xkart,html.gece .meqale,html.gece .e-kart,html.gece .rp-kart,html.gece .hq-kart{background:#181b20;border-color:#2a2e37}
html.gece .qutu-basliq,html.gece .yan .widget .widget-title,html.gece .bolme-basliq h1,html.gece .bolme-basliq h2{color:#f0f2f5}
html.gece .qutu-basliq,html.gece .yan .widget .widget-title{border-color:#2a2e37}
html.gece .lent-setir{border-color:#22262e}
html.gece .lent-setir:hover{background:#20242b}
html.gece .lent-yigcam .lent-setir a,html.gece .xkart h3 a,html.gece .cox-ox a{color:#dfe2e8}
html.gece .cox-ox li{border-color:#22262e}
html.gece .tablar button{background:#20242b;border-color:#2a2e37;color:#c7ccd6}
html.gece .tablar button.aktiv{background:var(--qirmizi);border-color:var(--qirmizi);color:#fff}
html.gece .reklam-bosh{background-color:#1c2027;background-image:radial-gradient(circle at 2px 2px,#2a2f38 1.3px,transparent 1.6px),radial-gradient(circle at 14px 14px,#252a33 1.3px,transparent 1.6px);border-color:#2a2e37;color:#8b93a3}
html.gece .reklam-bosh strong{color:#a9b0bd}
html.gece .foot{background:#070c14}
html.gece .forma input,html.gece .forma textarea{background:#20242b;border-color:#2a2e37;color:#dfe2e8}
html.gece .sehifeleme .page-numbers{background:#181b20;border-color:#2a2e37;color:#dfe2e8}
html.gece .s-ox,html.gece .sl-ox{background:#20242b;color:#dfe2e8}
html.gece .s-ox:hover,html.gece .sl-ox:hover{background:var(--qirmizi);color:#fff}
html.gece .nav-menyu-wrap{background:#181b20}
html.gece .nav-menyu-wrap ul>li>a{border-color:#2a2e37}
html.gece .menyu-bas{border-color:#2a2e37}
html.gece .menyu-bas .menyu-sosial a{background:#20242b;color:#dfe2e8}
html.gece .menyu-copy{border-color:#2a2e37;color:#8b93a3}
html.gece .alt-ac{background:#20242b;color:#dfe2e8}
html.gece .xerite{border-color:#2a2e37}
html.gece .meqale-metn blockquote{background:#16202e}
html.gece .teqler a{background:#20242b}
html.gece .e-kart,html.gece .rp-kart,html.gece .hq-kart{background:#1c2027}

/* ============================================================
   19. WORDPRESS STANDART SİNİFLƏRİ
   ============================================================ */
.alignleft{float:left;margin:0 20px 12px 0}
.alignright{float:right;margin:0 0 12px 20px}
.aligncenter{display:block;margin:12px auto}
.wp-caption{max-width:100%}
.wp-caption-text{font-size:12.5px;color:var(--boz);text-align:center;padding:6px 0}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.sticky{}
.bypostauthor{}

/* ============================================================
   20. TƏHLÜKƏSİZLİK KƏMƏRİ — kritik layout qaydaları.
   Heç bir kənar CSS (keş, optimallaşdırıcı, plugin) bunları əzə bilməz.
   ============================================================ */
.qab{max-width:1200px !important;margin-left:auto !important;margin-right:auto !important;float:none !important}
.site-icerik{display:block !important;width:auto !important;max-width:none !important}
.ust-tor{display:grid !important;grid-template-columns:minmax(0,1fr) 340px !important}
.tor{display:grid !important;grid-template-columns:minmax(0,1fr) 320px !important}
.slayder{width:100% !important;max-width:100% !important}
.xeber-tor:not(.secim-tor){display:grid !important}
.kenar-reklam{position:fixed !important}
@media(max-width:1599px){
  .kenar-reklam{display:none !important}
}
@media(min-width:1600px){
  .kenar-sol{left:calc(50% - 790px) !important;right:auto !important}
  .kenar-sag{right:calc(50% - 790px) !important;left:auto !important}
}
@media(max-width:980px){
  .ust-tor{grid-template-columns:minmax(0,1fr) !important}
  .tor{grid-template-columns:minmax(0,1fr) !important}
}

/* ============================================================
   21. MOBİL DAŞMA QORUYUCUSU — heç bir element ekranı enlədə bilməz
   ============================================================ */
html,body{overflow-x:clip;max-width:100%}
@supports not (overflow-x:clip){html,body{overflow-x:hidden}}
.qab,.ust-tor>*,.tor>*,.ust-sag,.yan{min-width:0}
.xkart,.qutu,.lent,.meqale{max-width:100%;min-width:0}
.xkart h3,.lent-setir a,.slayd h2,.cox-ox a,.meqale-basliq,.meqale-metn{overflow-wrap:break-word;word-break:break-word}
.meqale-metn table{display:block;overflow-x:auto;max-width:100%}
.meqale-metn iframe,.meqale-metn video,.meqale-metn embed{max-width:100%}

/* ============================================================
   22. v3.4: mobil kart hündürlükləri, seçim 1 kart, çox oxunanlar
   hamburger menyusunda
   ============================================================ */

/* Çox oxunanlar: masaüstü nüsxəsi mobildə gizli, menyu nüsxəsi desktopda gizli */
.menyu-coxox{display:none}
@media(max-width:980px){
  .coxox-masa{display:none}
  .menyu-coxox{display:block;border-top:6px solid var(--boz-acik)}
  .menyu-coxox .qutu{border:none;border-radius:0;box-shadow:none}
  html.gece .menyu-coxox{border-color:#22262e}
}

/* Mobildə kartlar desktopdakı kimi dolğun görünsün */
@media(max-width:640px){
  .xkart .shekil{height:195px}
  .secim-tor .shekil{height:195px}
  .secim-tor h3{font-size:15px}
  /* Redaksiyanın seçimi: mobildə 1 kart */
  .secim-tor .xkart{flex:0 0 100%}
}

/* ============================================================
   23. v3.5: yeni məqalə meta, zoom düymələri, Daha çox oxu,
   qırmızı başlıq sözü, sağ sütun yapışqanlığı
   ============================================================ */

/* Ana səhifə sağ sütunu skroll zamanı izləyir (boşluq hissi olmasın) */
@media(min-width:981px){
  .ust-sag{position:sticky;top:76px}
}

/* Başlıqda qırmızı söz (*söz* və ya sondakı FOTO/VİDEO) */
.q-soz{color:#e0252a}
.slayd .q-soz,.kart .q-soz{color:#ed1c24}
html.gece .q-soz{color:#ff2b38}

/* Məqalə meta: solda təqvim+tarix, yanında kateqoriya, sağda zoom */
.meqale-meta{align-items:center;gap:14px}
.m-tarix{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--boz)}
.m-tarix svg{width:17px;height:17px;fill:none;stroke:var(--qirmizi);stroke-width:2;stroke-linecap:round}
.meqale-meta .etiket{margin:0}
.metn-zoom{margin-left:auto;display:flex;gap:6px}
.metn-zoom button{width:38px;height:32px;border:1px solid var(--xett);border-radius:8px;background:#fff;font-weight:800;font-size:13px;color:var(--tund);cursor:pointer;transition:.15s;font-family:var(--metn)}
.metn-zoom button:hover{background:var(--qirmizi);border-color:var(--qirmizi);color:#fff}
html.gece .metn-zoom button{background:#20242b;border-color:#2a2e37;color:#dfe2e8}

/* Məqalə içi reklamlar */
.reklam-meqale-ust{margin:0 0 20px}
.reklam-meqale-alt{margin:26px 0 0}

/* Daha çox oxu düyməsi */
.dahacox{display:block;width:100%;text-align:center;margin-top:22px;background:#fff;border:1.5px solid var(--qirmizi);color:var(--qirmizi);font-weight:800;padding:14px;border-radius:10px;transition:.2s;font-family:var(--serif-basliq);font-size:14px;letter-spacing:1px;cursor:pointer}
.dahacox:hover{background:var(--qirmizi);color:#fff}
.dahacox:disabled{opacity:.6;cursor:wait}
html.gece .dahacox{background:#181b20}
html.gece .dahacox:hover{background:var(--qirmizi)}

/* ============================================================
   24. v3.6: burger hizalanması, modern axtarış, seçim oxları,
   paylaşım ikonları, footer ağ loqo + mobil footer
   ============================================================ */

/* Hamburger: qliф kontentin (manşetin) sol xətti ilə eyni sırada */
@media(max-width:980px){
  .m-burger{margin-left:0;padding:8px 10px 8px 0}
}

/* ---------- Modern axtarış paneli ---------- */
.axtar-panel{background:#fff;border-bottom:1px solid var(--xett);box-shadow:0 14px 30px rgba(10,40,44,.10);padding:18px 0}
.axtar-panel form{max-width:640px;margin:0 auto;position:relative;display:block}
.axtar-panel input[type=search]{
  width:100%;border:1.5px solid var(--xett);border-radius:999px;
  padding:14px 130px 14px 50px;font-size:15px;background:#f7f8fa;transition:.2s;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa1af' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-size:19px;background-position:20px center
}
.axtar-panel input[type=search]:focus{outline:none;border-color:var(--qirmizi);background-color:#fff;box-shadow:0 0 0 4px rgba(14,116,128,.12)}
.axtar-panel button{
  position:absolute;right:5px;top:5px;bottom:5px;border:none;border-radius:999px;
  background:var(--qirmizi);color:#fff;padding:0 26px;font-weight:800;font-size:13px;
  letter-spacing:1px;cursor:pointer;transition:.2s;font-family:var(--serif-basliq)
}
.axtar-panel button:hover{background:var(--qirmizi-tund)}
html.gece .axtar-panel{background:#181b20;border-color:#2a2e37}
html.gece .axtar-panel input[type=search]{background-color:#20242b;border-color:#2a2e37;color:#dfe2e8}
html.gece .axtar-panel input[type=search]:focus{background-color:#20242b}
@media(max-width:640px){
  .axtar-panel input[type=search]{padding-right:104px}
  .axtar-panel button{padding:0 18px}
}

/* ---------- Redaksiyanın seçimi oxları: 6px aşağı ---------- */
.s-ox{top:62px}
@media(max-width:640px){
  .s-ox{top:96px}
}

/* ---------- Single meta: hər ekranda bir sırada ---------- */
.meqale-meta{flex-wrap:nowrap}
.m-tarix{white-space:nowrap;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.meqale-meta .etiket{flex-shrink:0}
.metn-zoom{flex-shrink:0}
@media(max-width:640px){
  .meqale-meta{gap:9px;font-size:12px}
  .m-tarix svg{width:14px;height:14px}
  .meqale-meta .etiket{font-size:9.5px;padding:3px 8px}
  .metn-zoom button{width:32px;height:28px;font-size:11.5px}
}

/* ---------- Paylaşım: dairəvi ikon düymələri + kopyalama ---------- */
.paylash{gap:9px}
.p-btn{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;cursor:pointer;transition:.18s;color:#fff}
.p-btn svg{width:18px;height:18px;fill:currentColor}
.p-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.18)}
.i-copy{background:#5b6472}
.i-copy .ikon-link,.i-copy .ikon-ok{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.i-copy .ikon-ok{display:none}
.i-copy.ok{background:#22a55a}
.i-copy.ok .ikon-link{display:none}
.i-copy.ok .ikon-ok{display:block}

/* ---------- Footer: ağ loqo + mobil dizayn ---------- */
.foot-logo img{max-height:56px;width:auto;display:block}
@media(max-width:640px){
  .foot-ust{gap:28px;padding:34px 0 26px;text-align:center}
  .foot-logo img{margin:0 auto;max-height:50px}
  .foot-ust p{max-width:420px;margin-left:auto;margin-right:auto}
  .foot h4{display:inline-block;position:relative;padding-bottom:8px}
  .foot h4::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:32px;height:3px;background:var(--qirmizi-acik);border-radius:2px}
  .foot-menyu ul,.elaqe{align-items:center}
  .foot-alt{flex-direction:column;text-align:center;gap:6px;padding:14px 0 18px}
}

/* Reklam səhifəsi: qeyd mətni və standart ölçülər toru */
.rp-qeyd{font-size:14px;color:var(--boz);line-height:1.6;margin:4px 0 18px}
.rp-standart .rp-olcu{background:var(--tund-2)}
html.gece .rp-standart .rp-olcu{background:#2a2e3a}

/* ============================================================
   25. Üst zolaq: solda səhifə linkləri, sağda valyuta/hava/namaz + sosial
   ============================================================ */
.tu-sag{margin-left:auto;display:flex;align-items:center;gap:24px;flex-shrink:0}
.tu-sag .sosial{margin-left:4px}
@media(max-width:980px){
  /* Mobildə hamısı bir sürüşən sırada, sosial gizli qalır */
  .topbar-ust-ic{justify-content:flex-start;gap:20px}
  .tu-sag{margin-left:auto;gap:18px}
}

/* ============================================================
   26. KƏNAR REKLAMLAR — QƏTİ HƏLL:
   .site-icerik header-dən sonra başlayıb footer-dən əvvəl bitir.
   Reklam sütunu onun İÇİNDƏ absolute-dur -> header/footer-ə girə bilməz.
   Banner sticky-dir -> skrollda header-in altında dayanır.
   Üst xətti manşetlə eyni sıradadır (top:24px = manşetin boşluğu).
   ============================================================ */
.site-icerik{position:relative !important}
@media(min-width:1600px){
  .kenar-reklam{
    display:block !important;
    position:absolute !important;
    top:24px;bottom:0;
    width:160px;z-index:40
  }
  .kenar-sol{left:calc(50% - 790px) !important;right:auto !important}
  .kenar-sag{right:calc(50% - 790px) !important;left:auto !important}
  .kenar-reklam .reklam-yeri{position:sticky;top:86px}
  .kenar-reklam .reklam-bosh{height:600px;width:160px}
  .kenar-reklam.gizli{opacity:1 !important;pointer-events:auto !important}
}

/* ============================================================
   27. MÜSAHİBƏ BLOKU (sağ sütun): 1 böyük + 3 kiçik + Hamısını oxu
   ============================================================ */
.musahibe-qutu .qutu-basliq{display:flex;align-items:center;justify-content:space-between;gap:10px}
.hamisi-oxu{font-size:11.5px;font-weight:700;color:var(--qirmizi);letter-spacing:.3px;text-transform:none;white-space:nowrap}
.hamisi-oxu:hover{text-decoration:underline}

/* Böyük xəbər */
.mus-boyuk{position:relative;display:flex;align-items:flex-end;height:200px;overflow:hidden;color:#fff}
.mus-boyuk .fon{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .4s}
.mus-boyuk:hover .fon{transform:scale(1.05)}
.mus-boyuk::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,12,18,0) 30%,rgba(10,12,18,.88) 100%)}
.mus-ich{position:relative;z-index:2;padding:14px}
.mus-boyuk h3{font-family:var(--serif-basliq);font-size:15px;font-weight:800;line-height:1.35;color:#fff}
.mus-boyuk .vaxt{font-size:11.5px;opacity:.85;margin-top:6px;display:block}

/* 3 kiçik xəbər (alt-alta) */
.mus-setir{display:flex;gap:12px;padding:12px 14px;border-bottom:1px solid var(--boz-acik);align-items:center;transition:.15s}
.mus-setir:last-child{border-bottom:none}
.mus-setir:hover{background:#eef3fb}
.mus-shekil{flex:0 0 78px;height:58px;border-radius:8px;background-size:cover;background-position:center;background-color:var(--tund-2)}
.mus-metn{min-width:0}
.mus-setir h4{font-family:var(--serif-basliq);font-size:13px;font-weight:700;line-height:1.35;overflow-wrap:break-word}
.mus-setir:hover h4{color:var(--qirmizi)}
.mus-setir .vaxt{font-size:11px;color:var(--boz);margin-top:4px;display:block}

html.gece .mus-setir{border-color:#22262e}
html.gece .mus-setir:hover{background:#20242b}
html.gece .mus-setir h4{color:#dfe2e8}

/* ============================================================
   28. XİDMƏT SƏHİFƏLƏRİ: valyuta, hava, namaz, bürclər
   ============================================================ */
.sehife-qeyd{font-size:14.5px;color:var(--boz);line-height:1.6;margin-bottom:18px}
.sehife-qeyd.kicik{font-size:12.5px;margin:18px 0 0}

/* --- Valyuta --- */
.val-esas{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:8px}
.val-kart{background:#f8f9fb;border:1px solid var(--xett);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.val-emoji{font-size:24px}
.val-kart strong{font-family:var(--serif-basliq);font-size:15px;letter-spacing:1px}
.val-deyer{font-family:var(--serif-basliq);font-size:21px;font-weight:900;color:var(--qirmizi)}
.val-ad{font-size:11.5px;color:var(--boz)}
.val-cedvel-qab{overflow-x:auto;border:1px solid var(--xett);border-radius:12px}
.val-cedvel{width:100%;border-collapse:collapse;font-size:13.5px}
.val-cedvel th{background:#f6f7f9;text-align:left;padding:11px 14px;font-family:var(--serif-basliq);font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:var(--boz)}
.val-cedvel td{padding:10px 14px;border-top:1px solid var(--boz-acik)}
.val-cedvel tbody tr:hover{background:#eef3fb}

/* --- Hava --- */
.hava-esas{background:linear-gradient(135deg,var(--qirmizi) 0%,var(--qirmizi-tund) 100%);border-radius:14px;padding:24px;color:#fff;display:flex;flex-direction:column;gap:16px}
.hava-indi{display:flex;align-items:center;gap:18px}
.hava-ikon{font-size:52px;line-height:1}
.hava-temp{font-family:var(--serif-basliq);font-size:44px;font-weight:900;line-height:1;display:block}
.hava-seher{font-size:13.5px;opacity:.85;display:block;margin-top:6px}
.hava-detal{display:flex;gap:22px;flex-wrap:wrap;font-size:13.5px;opacity:.95}
.hava-gunler{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.hava-gun{background:#f8f9fb;border:1px solid var(--xett);border-radius:12px;padding:13px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.hava-gun.bu-gun{border-color:var(--qirmizi);background:#eef3fb}
.hg-ad{font-size:11px;font-weight:800;font-family:var(--serif-basliq);text-transform:uppercase;letter-spacing:.3px}
.hg-tarix{font-size:10.5px;color:var(--boz)}
.hg-ikon{font-size:24px}
.hg-temp{font-size:12.5px}
.hava-seherler{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.hava-s-kart{background:#f8f9fb;border:1px solid var(--xett);border-radius:12px;padding:14px;display:flex;align-items:center;gap:10px}
.hs-ikon{font-size:22px}
.hs-ad{font-weight:700;font-size:13.5px;flex:1}
.hs-temp{font-family:var(--serif-basliq);font-weight:900;font-size:16px;color:var(--qirmizi)}

/* --- Namaz --- */
.namaz-tor{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.namaz-kart{position:relative;background:#f8f9fb;border:1px solid var(--xett);border-radius:12px;padding:18px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.namaz-kart.novbeti{background:var(--qirmizi);border-color:var(--qirmizi);color:#fff}
.namaz-kart.novbeti .nk-vaxt{color:#fff}
.nk-ikon{font-size:26px}
.nk-ad{font-family:var(--serif-basliq);font-weight:800;font-size:13.5px;text-transform:uppercase;letter-spacing:.5px}
.nk-vaxt{font-family:var(--serif-basliq);font-weight:900;font-size:24px;color:var(--qirmizi)}
.nk-etiket{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:#fff;color:var(--qirmizi);border:1px solid var(--qirmizi);font-size:10px;font-weight:800;letter-spacing:.6px;padding:2px 10px;border-radius:999px;text-transform:uppercase}

/* --- Bürclər --- */
.burc-tor{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:6px}
.burc-kart{background:#f8f9fb;border:1px solid var(--xett);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:6px;transition:.2s}
.burc-kart:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(10,40,44,.10);border-color:var(--qirmizi)}
.burc-ikon{font-size:30px;color:var(--qirmizi)}
.burc-ad{font-family:var(--serif-basliq);font-size:16px;font-weight:800}
.burc-tarix{font-size:12px;color:var(--qirmizi);font-weight:700}
.burc-kart p{font-size:13px;color:var(--boz);line-height:1.55;margin:2px 0 0}

/* --- Responsiv --- */
@media(max-width:980px){
  .hava-gunler{grid-template-columns:repeat(4,1fr)}
  .hava-seherler{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .val-esas{grid-template-columns:repeat(2,1fr)}
  .hava-gunler{grid-template-columns:repeat(2,1fr)}
  .namaz-tor{grid-template-columns:repeat(2,1fr)}
  .burc-tor{grid-template-columns:1fr}
  .hava-temp{font-size:36px}
}

/* --- Dark mode --- */
html.gece .val-kart,html.gece .hava-gun,html.gece .hava-s-kart,html.gece .namaz-kart,html.gece .burc-kart{background:#1c2027;border-color:#2a2e37}
html.gece .hava-gun.bu-gun{background:#16202e;border-color:var(--qirmizi)}
html.gece .val-cedvel th{background:#20242b;border-color:#2a2e37}
html.gece .val-cedvel td{border-color:#22262e}
html.gece .val-cedvel tbody tr:hover{background:#20242b}
html.gece .val-cedvel-qab{border-color:#2a2e37}
html.gece .namaz-kart.novbeti{background:var(--qirmizi)}
html.gece .nk-etiket{background:#181b20}

/* ============================================================
   29. İNFO ZOLAĞI: hava + valyuta (manşetin üstündə, kontent enində)
   ============================================================ */
.info-zolaq{
  display:flex;align-items:center;gap:8px;margin-top:20px;padding:12px 20px;
  background:linear-gradient(120deg,#ffffff 0%,#f2f6fc 100%);
  border:1px solid var(--xett);border-radius:14px;
  box-shadow:0 4px 14px rgba(10,40,44,.06);
  overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch
}
/* Geniş ekranda elementlər zolağa bərabər paylanır */
@media(min-width:641px){
  .info-zolaq{gap:0;justify-content:space-between}
  .info-zolaq .iz-item{flex:1;justify-content:center}
}
.info-zolaq::-webkit-scrollbar{display:none}
.iz-item{display:flex;align-items:center;gap:10px;padding:7px 14px;border-radius:10px;transition:.18s;flex-shrink:0}
.iz-item:hover{background:#e9f0fb;transform:translateY(-1px)}
.iz-ikon{font-size:22px;line-height:1}
.iz-metn{display:flex;flex-direction:column;line-height:1.2}
.iz-metn strong{font-family:var(--serif-basliq);font-size:14.5px;font-weight:900;color:var(--qirmizi);font-variant-numeric:tabular-nums}
.iz-metn span{font-size:10.5px;font-weight:800;color:var(--boz);letter-spacing:.5px;text-transform:uppercase;margin-top:2px}
.iz-val-qab{display:contents}
.iz-val-axin{display:contents}
.iz-val:last-child{display:none}
.iz-ayirici{width:1px;height:30px;background:var(--xett);flex-shrink:0;margin:0 4px}
.iz-hamisi{margin-left:auto;flex-shrink:0;font-size:12px;font-weight:800;color:var(--qirmizi);padding:8px 14px;border:1.5px solid rgba(14,116,128,.35);border-radius:999px;transition:.2s;white-space:nowrap}
.iz-hamisi:hover{background:var(--qirmizi);border-color:var(--qirmizi);color:#fff}

@media(max-width:640px){
  .info-zolaq{margin-top:14px;padding:8px 14px;border-radius:12px;gap:12px;overflow:hidden;
    display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center}
  .info-zolaq .iz-hava{flex:0 0 auto;padding:6px 4px;justify-content:flex-start}
  .iz-ayirici{display:block;flex:0 0 auto;margin:0}

  /* Valyuta: sağda dik pəncərə — kartlar altdan yuxarı sürüşür */
  .iz-val-qab{display:block !important;flex:1 1 auto;min-width:0;height:40px;overflow:hidden;position:relative}
  .iz-val-axin{display:block !important;position:absolute;left:0;right:0;top:0;animation:iz-suru 12s infinite}
  .info-zolaq .iz-val{display:flex !important;height:40px;padding:0;margin:0;justify-content:flex-start;align-items:center;box-sizing:border-box;flex:none}
  .iz-val:last-child{display:flex !important}
  /* 4 valyuta + 1 klon = 40px addımlarla dövr */
  @keyframes iz-suru{
    0%,18%   {transform:translateY(0)}
    25%,43%  {transform:translateY(-40px)}
    50%,68%  {transform:translateY(-80px)}
    75%,93%  {transform:translateY(-120px)}
    100%     {transform:translateY(-160px)}
  }
}
@media(prefers-reduced-motion:reduce){
  .iz-val-axin{animation:none}
}

html.gece .info-zolaq{background:linear-gradient(120deg,#181b20 0%,#16202e 100%);border-color:#2a2e37;box-shadow:0 4px 14px rgba(0,0,0,.3)}
html.gece .iz-item:hover{background:#20242b}
html.gece .iz-metn strong{color:#dfe2e8}
html.gece .iz-hava .iz-metn strong{color:var(--qirmizi-acik)}
html.gece .iz-ayirici{background:#2a2e37}