/*
Theme Name: Mia Xəbər
Theme URI: https://example.com/mia-xeber
Author: Claude
Author URI: https://claude.ai
Description: mia.az tərzində, koyu mavi rəngli, çox bölməli, sıx tərtibatlı Azərbaycan xəbər portalı teması. "SON XƏBƏRLƏR" axını, kateqoriya bölmələri, köşə yazarları, fotoqalereya və video qalereya widget'ları daxildir.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mia-xeber
Tags: news, blog, three-columns, custom-menu, featured-images, sticky-post, threaded-comments, translation-ready
*/

/* =========================================================
   DİZAYN TOKENLƏRİ
   Palet (mia.az-ın meta-theme-color #004e98 baza alınıb):
   --color-primary   : #004E98  (əsas mavi - loqo, başlıqlar, linklər)
   --color-primary-d : #00316B  (tünd mavi - top-bar, footer, sticky nav)
   --color-primary-l : #E7F0FA  (açıq mavi - zəminlər)
   --color-red        : #D62B2B (SON DAKİKA / Kriminal vurğusu)
   --color-ink        : #191B1F (gövdə mətni)
   --color-line       : #DCE3ED (incə xətlər)

   Tipoqrafiya:
   Başlıq   : 'Roboto Slab', serif       -> qəzet ciddiliyi
   Gövdə    : 'Inter', sans-serif        -> oxunaqlılıq
   Yardımçı : 'Roboto Condensed', sans-serif -> tarix/kateqoriya/etiket
   ========================================================= */

:root{
  --color-primary: #004E98;
  --color-primary-d: #00316B;
  --color-primary-d2: #001F47;
  --color-primary-l: #E7F0FA;
  --color-red: #D62B2B;
  --color-red-d: #a31f1f;
  --color-gold: #C99A2E;
  --color-ink: #191B1F;
  --color-ink-soft: #565E6B;
  --color-paper: #FFFFFF;
  --color-paper-2: #F4F7FB;
  --color-line: #DCE3ED;

  --cat-1: #004E98; --cat-2: #1C7A73; --cat-3: #6A4FA0;
  --cat-4: #C99A2E; --cat-5: #D62B2B; --cat-6: #2E7D46;

  --font-display: 'Roboto Slab', Georgia, serif;
  --font-body: 'Inter', -apple-system, Segoe UI, sans-serif;
  --font-meta: 'Roboto Condensed', Arial, sans-serif;

  --maxw: 1280px;
  --gap: 20px;
  --radius: 3px;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{ margin:0; font-family:var(--font-body); color:var(--color-ink); background:var(--color-paper-2); line-height:1.5; font-size:15.5px; }
@media (prefers-reduced-motion: reduce){ *{ animation-duration:.001ms !important; transition-duration:.001ms !important; scroll-behavior:auto !important; } }
img{ max-width:100%; height:auto; display:block; }
a{ color:var(--color-primary); text-decoration:none; }
a:hover{ text-decoration:underline; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible{ outline:3px solid var(--color-gold); outline-offset:2px; }
h1,h2,h3,h4{ font-family:var(--font-display); color:var(--color-primary-d); line-height:1.25; margin:0 0 .5em; }
.container{ max-width:var(--maxw); margin:0 auto; padding:0 16px; }
.screen-reader-text{ position:absolute !important; clip:rect(1px,1px,1px,1px); width:1px; height:1px; overflow:hidden; }
.skip-link{ position:absolute; left:-999px; top:0; background:var(--color-primary-d); color:#fff; padding:10px 16px; z-index:9999; }
.skip-link:focus{ left:8px; top:8px; }

/* ============ ÜST ZOLAQ: tarix/saat + sosial ikonlar ============ */
.topbar{ background:var(--color-primary-d2); color:#b9cbe3; font-family:var(--font-meta); font-size:12.5px; }
.topbar .container{ display:flex; justify-content:space-between; align-items:center; height:32px; }
.topbar-clock{ letter-spacing:.03em; }
.topbar-clock strong{ color:#fff; }
.topbar-social{ display:flex; gap:12px; align-items:center; }
.topbar-social a{ color:#b9cbe3; width:22px; height:22px; border-radius:50%; border:1px solid rgba(255,255,255,.25); display:flex; align-items:center; justify-content:center; font-size:11px; }
.topbar-social a:hover{ background:var(--color-primary); color:#fff; text-decoration:none; border-color:var(--color-primary); }

/* ============ MASTHEAD ============ */
.masthead{ background:var(--color-paper); }
.masthead .container{ display:flex; align-items:center; justify-content:space-between; padding:18px 16px; gap:20px; flex-wrap:wrap; }
.site-branding .site-title{ font-family:var(--font-display); font-weight:900; font-size:2.2rem; margin:0; letter-spacing:-.01em; }
.site-branding .site-title a{ color:var(--color-primary); }
.site-branding .site-description{ font-family:var(--font-meta); font-size:12.5px; color:var(--color-ink-soft); text-transform:uppercase; letter-spacing:.05em; margin-top:2px; }
.masthead-search{ display:flex; align-items:center; gap:8px; }
.masthead-search input[type=search]{ border:1px solid var(--color-line); border-radius:20px; padding:8px 16px; width:220px; font-family:var(--font-body); }
.masthead-search button{ background:var(--color-primary); border:none; color:#fff; border-radius:50%; width:36px; height:36px; cursor:pointer; }

/* ============ NAVİQASİYA (sıx kateqoriya siyahısı) ============ */
.main-nav{ background:var(--color-primary-d); position:sticky; top:0; z-index:500; border-bottom:3px solid var(--color-gold); }
.main-nav .container{ display:flex; align-items:center; justify-content:space-between; }
.primary-menu{ list-style:none; display:flex; margin:0; padding:0; flex-wrap:wrap; }
.primary-menu li{ position:relative; }
.primary-menu > li > a{ display:block; color:#fff; font-family:var(--font-meta); font-weight:700; text-transform:uppercase; font-size:12.5px; letter-spacing:.03em; padding:12px 13px; }
.primary-menu > li > a:hover, .primary-menu > li.current-menu-item > a{ background:var(--color-primary); text-decoration:none; }
.primary-menu ul{ list-style:none; position:absolute; left:0; top:100%; background:var(--color-primary-d2); min-width:200px; margin:0; padding:0; display:none; box-shadow:0 8px 18px rgba(0,0,0,.3); }
.primary-menu li:hover > ul{ display:block; }
.primary-menu ul a{ padding:10px 16px; font-size:12.5px; }
.menu-toggle{ display:none; background:none; border:none; color:#fff; font-size:22px; padding:10px 16px; cursor:pointer; }

/* ============ SON DAKİKA ŞERİDİ ============ */
.breaking-ticker{ background:var(--color-red); color:#fff; overflow:hidden; }
.breaking-ticker .container{ display:flex; align-items:stretch; padding:0; }
.breaking-badge{ flex:0 0 auto; background:var(--color-red-d); font-family:var(--font-meta); font-weight:700; text-transform:uppercase; letter-spacing:.04em; font-size:12px; padding:7px 14px; display:flex; align-items:center; gap:6px; }
.breaking-badge::before{ content:''; width:7px; height:7px; border-radius:50%; background:#fff; animation:pulse 1.6s ease-in-out infinite; }
@keyframes pulse{ 0%,100%{opacity:1;transform:scale(1);} 50%{opacity:.4;transform:scale(.7);} }
.ticker-viewport{ flex:1 1 auto; overflow:hidden; position:relative; height:32px; }
.ticker-track{ position:absolute; white-space:nowrap; display:flex; align-items:center; height:100%; animation:ticker-scroll 30s linear infinite; }
.breaking-ticker:hover .ticker-track{ animation-play-state:paused; }
.ticker-track a{ color:#fff; font-family:var(--font-meta); font-size:13px; font-weight:600; margin-right:50px; }
@keyframes ticker-scroll{ 0%{transform:translateX(0);} 100%{transform:translateX(-50%);} }

/* ============ KATEQORİYA ETİKETLƏRİ ============ */
.cat-tag{ display:inline-block; font-family:var(--font-meta); font-weight:700; font-size:11px; text-transform:uppercase; letter-spacing:.04em; padding:3px 8px; border-radius:2px; color:#fff; margin-bottom:7px; }
.cat-c1{ background:var(--cat-1);} .cat-c2{ background:var(--cat-2);} .cat-c3{ background:var(--cat-3);}
.cat-c4{ background:var(--cat-4);} .cat-c5{ background:var(--cat-5);} .cat-c6{ background:var(--cat-6);}

/* ============ ANA GRID: 3 sütun (məzmun / SON XƏBƏRLƏR / widgetlər) ============ */
.content-area{ padding:24px 0 40px; }
.home-grid{ display:grid; grid-template-columns: 1fr 320px; gap:var(--gap); align-items:start; }
.layout-grid{ display:grid; grid-template-columns: 1fr 300px; gap:var(--gap); align-items:start; }

/* ============ MANŞET BLOKU (hero) ============ */
.hero-block{ display:grid; grid-template-columns: 1.5fr 1fr; gap:var(--gap); margin-bottom:28px; }
.hero-main{ position:relative; border-radius:var(--radius); overflow:hidden; background:var(--color-primary-d2); }
.hero-main img{ width:100%; height:420px; object-fit:cover; opacity:.8; }
.hero-main .cap{ position:absolute; left:0; right:0; bottom:0; padding:22px 26px; background:linear-gradient(0deg, rgba(0,31,71,.95), rgba(0,31,71,0)); }
.hero-main .cap h2{ color:#fff; font-size:1.7rem; margin-bottom:4px; }
.hero-main .cap h2 a{ color:#fff; }
.hero-main .cap p{ color:#dbe6f4; font-family:var(--font-meta); font-size:13px; margin:0; }

.headline-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:0; }
.headline-list li{ border-bottom:1px solid var(--color-line); padding:11px 0; }
.headline-list li:first-child{ padding-top:0; }
.headline-list a{ color:var(--color-ink); font-weight:600; font-size:.98rem; line-height:1.35; }
.headline-list a:hover{ color:var(--color-primary); }
.headline-list .entry-meta{ margin-top:4px; }

/* ============ BÖLMƏ BAŞLIĞI ============ */
.section-heading{ display:flex; align-items:baseline; justify-content:space-between; border-bottom:3px solid var(--color-primary-d); margin-bottom:14px; padding-bottom:6px; }
.section-heading h2{ font-size:1.2rem; margin:0; text-transform:uppercase; letter-spacing:.03em; }
.section-heading a{ font-family:var(--font-meta); font-size:12px; text-transform:uppercase; font-weight:700; }

/* ============ HABER KARTLARI VƏ SIRALARI ============ */
.news-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-bottom:30px; }
.news-grid.cols-2{ grid-template-columns:repeat(2,1fr); }
.news-grid.cols-4{ grid-template-columns:repeat(4,1fr); }
.news-card{ background:var(--color-paper); border:1px solid var(--color-line); border-radius:var(--radius); overflow:hidden; display:flex; flex-direction:column; }
.news-card .thumb{ aspect-ratio:16/10; overflow:hidden; background:var(--color-primary-l); position:relative; }
.news-card .thumb img{ width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.news-card:hover .thumb img{ transform:scale(1.05); }
.news-card .badge{ position:absolute; top:8px; left:8px; background:rgba(0,0,0,.65); color:#fff; font-family:var(--font-meta); font-size:10.5px; font-weight:700; padding:3px 8px; border-radius:2px; text-transform:uppercase; }
.news-card .card-body{ padding:13px 15px; flex:1; display:flex; flex-direction:column; }
.news-card h3{ font-size:1rem; margin:0 0 7px; }
.news-card h3 a{ color:var(--color-primary-d); }
.news-card .excerpt{ font-size:.87rem; color:var(--color-ink-soft); margin:0 0 9px; flex:1; }
.entry-meta{ font-family:var(--font-meta); font-size:11.5px; color:#8592a3; text-transform:uppercase; letter-spacing:.02em; }
.entry-meta a{ color:#8592a3; }

.list-row{ display:flex; gap:14px; padding:14px 0; border-bottom:1px solid var(--color-line); }
.list-row .thumb{ flex:0 0 150px; aspect-ratio:4/3; overflow:hidden; border-radius:var(--radius); }
.list-row .thumb img{ width:100%; height:100%; object-fit:cover; }
.list-row .body{ flex:1; }
.list-row h3{ font-size:1.05rem; margin:0 0 6px; }

/* ============ SON XƏBƏRLƏR (imza öğe - yan sütun axını) ============ */
.latest-news-widget{ background:var(--color-paper); border:1px solid var(--color-line); border-radius:var(--radius); overflow:hidden; }
.latest-news-widget .widget-title{ background:var(--color-primary-d); color:#fff; margin:0; padding:13px 16px; font-family:var(--font-meta); font-size:14px; text-transform:uppercase; letter-spacing:.04em; border:none; }
.latest-news-widget ul{ list-style:none; margin:0; padding:10px 16px; max-height:900px; overflow-y:auto; }
.latest-news-widget li{ padding:10px 0; border-bottom:1px solid var(--color-line); display:flex; gap:10px; }
.latest-news-widget li:last-child{ border-bottom:none; }
.latest-news-widget .time{ flex:0 0 auto; font-family:var(--font-meta); font-size:11px; color:#8592a3; padding-top:2px; white-space:nowrap; }
.latest-news-widget .txt a{ font-size:.87rem; color:var(--color-ink); font-weight:600; line-height:1.3; }
.latest-news-widget .txt .cat-mini{ display:block; font-family:var(--font-meta); font-size:10px; color:var(--color-primary); text-transform:uppercase; margin-top:3px; font-weight:700; }
.latest-news-widget .footer-link{ display:block; text-align:center; padding:12px; font-family:var(--font-meta); font-weight:700; text-transform:uppercase; font-size:12px; background:var(--color-primary-l); }

/* ============ KÖŞƏ YAZARLARI ============ */
.columnists .col-item{ display:flex; gap:12px; padding:12px 0; border-bottom:1px solid var(--color-line); }
.columnists .col-item:last-child{ border-bottom:none; }
.columnists img{ width:52px; height:52px; border-radius:50%; flex:0 0 auto; object-fit:cover; }
.columnists h4{ margin:0 0 4px; font-size:.92rem; font-family:var(--font-body); color:var(--color-ink); }
.columnists .col-name{ font-family:var(--font-meta); font-size:11px; color:var(--color-primary); text-transform:uppercase; font-weight:700; }

/* ============ TƏKİL YAZI ============ */
.single-article{ background:var(--color-paper); border:1px solid var(--color-line); border-radius:var(--radius); padding:26px 30px; }
.single-article .entry-title{ font-size:2rem; }
.single-article .entry-lead{ font-family:var(--font-meta); font-size:1.05rem; color:var(--color-ink-soft); border-left:4px solid var(--color-primary); padding-left:14px; margin:14px 0 20px; }
.single-article .entry-content{ font-size:1.05rem; }
.single-article .entry-content p{ margin:0 0 1.2em; }
.single-article .entry-content h2{ font-size:1.4rem; margin-top:1.4em; }
.single-article .entry-content blockquote{ border-left:4px solid var(--color-gold); margin:1.4em 0; padding:.4em 0 .4em 18px; font-style:italic; color:var(--color-ink-soft); }
.single-article .entry-content img{ border-radius:var(--radius); margin:1em 0; }
.entry-featured-media{ margin:0 -30px 20px; }
.entry-featured-media img{ width:100%; max-height:460px; object-fit:cover; }
.entry-featured-media figcaption{ font-family:var(--font-meta); font-size:12px; color:#8592a3; padding:8px 30px 0; }

.share-buttons{ display:flex; gap:8px; flex-wrap:wrap; margin:18px 0; padding:14px 0; border-top:1px solid var(--color-line); border-bottom:1px solid var(--color-line); }
.share-buttons span.label{ font-family:var(--font-meta); font-weight:700; text-transform:uppercase; font-size:12px; color:var(--color-ink-soft); align-self:center; margin-right:6px; }
.share-btn{ display:inline-flex; align-items:center; gap:6px; padding:7px 14px; border-radius:20px; font-family:var(--font-meta); font-size:12px; font-weight:700; text-transform:uppercase; color:#fff !important; text-decoration:none !important; }
.share-btn.wa{ background:#25D366; } .share-btn.tw{ background:#111; } .share-btn.fb{ background:#1877F2; } .share-btn.tg{ background:#229ED9; } .share-btn.link{ background:var(--color-ink-soft); }

.author-box{ display:flex; gap:16px; background:var(--color-primary-l); border-radius:var(--radius); padding:18px; margin:20px 0; }
.author-box img{ width:68px; height:68px; border-radius:50%; flex:0 0 auto; }
.author-box h3{ margin:0 0 4px; font-size:1rem; }
.author-box p{ margin:0; font-size:.9rem; color:var(--color-ink-soft); }

.related-posts{ margin-top:28px; }
.related-posts .news-grid{ margin-bottom:0; }

.comments-area{ margin-top:28px; }
.comment-list{ list-style:none; margin:0; padding:0; }
.comment-list li{ margin-bottom:14px; }
.comment-body{ background:var(--color-paper-2); border:1px solid var(--color-line); border-radius:var(--radius); padding:14px 16px; }
.comment-meta{ font-family:var(--font-meta); font-size:12px; color:#8592a3; margin-bottom:6px; }
.comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url], .comment-form textarea{
  width:100%; padding:10px 12px; border:1px solid var(--color-line); border-radius:var(--radius); font-family:var(--font-body); margin-bottom:12px;
}
.comment-form .form-submit input{ background:var(--color-primary); color:#fff; border:none; padding:11px 22px; font-weight:700; border-radius:var(--radius); cursor:pointer; }
.comment-form .form-submit input:hover{ background:var(--color-primary-d); }

/* ============ WIDGET ÜMUMİ ============ */
.widget{ background:var(--color-paper); border:1px solid var(--color-line); border-radius:var(--radius); padding:16px 16px 18px; margin-bottom:20px; }
.widget-title{ font-family:var(--font-meta); font-size:13.5px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--color-primary-d); border-bottom:2px solid var(--color-primary-d); padding-bottom:8px; margin-bottom:12px; }
.widget ul{ list-style:none; margin:0; padding:0; }

/* ============ FOOTER ============ */
.site-footer{ background:var(--color-primary-d2); color:#b9cbe3; margin-top:36px; }
.footer-widgets{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; padding:36px 16px; max-width:var(--maxw); margin:0 auto; }
.footer-widgets .widget{ background:transparent; border:none; padding:0; }
.footer-widgets .widget-title{ color:#fff; border-bottom-color:var(--color-primary); }
.footer-widgets a{ color:#b9cbe3; }
.footer-widgets a:hover{ color:#fff; }
.footer-legal{ border-top:1px solid rgba(255,255,255,.12); padding:18px 16px; font-family:var(--font-meta); font-size:12px; line-height:1.6; max-width:var(--maxw); margin:0 auto; }
.footer-bottom{ text-align:center; padding:14px 16px; font-family:var(--font-meta); font-size:12px; border-top:1px solid rgba(255,255,255,.12); }

/* ============ SƏHİFƏLƏMƏ ============ */
.pagination{ display:flex; gap:6px; margin:22px 0; font-family:var(--font-meta); }
.pagination a, .pagination span{ padding:8px 13px; border:1px solid var(--color-line); border-radius:var(--radius); color:var(--color-primary-d); background:var(--color-paper); }
.pagination .current{ background:var(--color-primary-d); color:#fff; border-color:var(--color-primary-d); }

/* ============ RESPONSIVE ============ */
@media (max-width: 1000px){
  .home-grid, .layout-grid{ grid-template-columns:1fr; }
  .hero-block{ grid-template-columns:1fr; }
  .news-grid, .news-grid.cols-4{ grid-template-columns:repeat(2,1fr); }
  .footer-widgets{ grid-template-columns:1fr 1fr; }
}
@media (max-width: 680px){
  .menu-toggle{ display:block; }
  .primary-menu{ display:none; width:100%; flex-direction:column; }
  .primary-menu.is-open{ display:flex; }
  .main-nav .container{ flex-wrap:wrap; }
  .primary-menu ul{ position:static; box-shadow:none; }
  .news-grid, .news-grid.cols-4, .news-grid.cols-2{ grid-template-columns:1fr; }
  .footer-widgets{ grid-template-columns:1fr; }
  .site-branding .site-title{ font-size:1.6rem; }
  .hero-main img{ height:240px; }
  .list-row{ flex-direction:column; }
  .list-row .thumb{ flex:0 0 auto; width:100%; }
  .single-article{ padding:18px; }
  .entry-featured-media{ margin:0 -18px 18px; }
  .entry-featured-media figcaption{ padding:8px 18px 0; }
  .masthead-search input[type=search]{ width:140px; }
}