/*
Theme Name: M'Leiwih News
Theme URI: https://braknapost.info
Author: Alioun Mohamed M'Leiwih
Author URI: https://example.com
Description: M'Leiwih News Thème d’actualité moderne et responsive, spécialement conçu pour les sites d’information, les journaux et les magazines numériques. Il offre un design professionnel et performant, avec une interface flexible et facile à personnaliser, une compatibilité complète avec les appareils mobiles ainsi qu’une organisation avancée des actualités, des rubriques et des catégories.

Le thème prend en charge le multilinguisme et l’écriture de droite à gauche (RTL), avec la possibilité de personnaliser les couleurs, les polices, le logo, les menus et la page d’accueil. Il intègre également des sections dédiées aux actualités urgentes, aux articles les plus lus, aux contenus à la une, aux espaces publicitaires et à l’intégration des réseaux sociaux.

Développé pour répondre aux besoins des entreprises de presse et des plateformes d’information modernes, ce thème met l’accent sur les performances, la facilité d’utilisation, l’amélioration de l’expérience de lecture, ainsi que la compatibilité avec les bonnes pratiques SEO et les dernières versions de WordPress.
Version: 3.0
Requires at least: 5.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: portail-actu
Tags: news, blog, one-column, two-columns, right-sidebar, custom-menu, featured-images, translation-ready
*/

:root{
  --color-primary: #1b4f72;   /* أزرق داكن للهيدر */
  --color-accent: #c0392b;    /* أحمر للعناوين الفرعية والروابط */
  --color-bg: #f4f5f7;
  --color-card: #ffffff;
  --color-border: #e2e4e8;
  --color-text: #222222;
  --color-muted: #6b7280;
  --font-base: "Tahoma", "Segoe UI", Arial, sans-serif;
}

/* ===== Site Logo ===== */

.site-branding .custom-logo-link {
    display: flex;
    align-items: center;
    line-height: 0;
}

.site-branding .custom-logo {
    width: 240px;
    height: auto;
    max-height: 90px;
    object-fit: contain;
}

/* ===== Logo on mobile ===== */

@media (max-width: 700px) {
    .site-branding .custom-logo {
        width: 180px;
        max-height: 70px;
    }
}

*{box-sizing:border-box;}
body{
  margin:0;
  font-family: var(--font-base);
  background: var(--color-bg);
  color: var(--color-text);
  line-height:1.6;
  font-size:15px;
}
a{color:inherit; text-decoration:none;}
a:hover{color:var(--color-accent);}
img{max-width:100%; height:auto; display:block;}
ul{list-style:none; margin:0; padding:0;}

.container{
  max-width:1200px;
  margin:0 auto;
  padding:0 15px;
}

/* ===== Top bar ===== */
.top-bar{
  background:#0e2f42;
  color:#cfd8dc;
  font-size:12px;
}
.top-bar .container{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-top:6px;
  padding-bottom:6px;
}
.top-bar a{color:#cfd8dc;}
.top-bar a:hover{color:#fff;}
.top-bar .top-bar-links{display:flex; align-items:center; gap:15px;}

/* روابط التواصل الاجتماعي في الشريط العلوي */
.top-bar-social-links{
  display:flex;
  align-items:center;
  gap:8px;
  padding-inline-end:12px;
  border-inline-end:1px solid rgba(255,255,255,.15);
}
.top-bar-social-links a{
  width:22px; height:22px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.12);
  border-radius:50%;
  font-size:11px;
  font-weight:800;
  color:#fff;
}
.top-bar-social-links a:hover{ background:var(--color-accent); color:#fff; }
.top-bar-social-links .dashicons-like-icon{ line-height:1; }

/* ===== زر "الرجوع لأعلى" ===== */
.back-to-top{
  position:fixed;
  inset-inline-end:20px;
  bottom:20px;
  width:44px;
  height:44px;
  border-radius:50%;
  border:none;
  background:var(--color-back-to-top-bg, var(--color-primary));
  color:var(--color-back-to-top-icon, #fff);
  font-size:20px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 4px 12px rgba(0,0,0,.2);
  z-index:999;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:opacity .2s, transform .2s, visibility .2s;
}
.back-to-top.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.back-to-top:hover{ opacity:.85; }

/* ===== Header ===== */
.site-header{
  background:#fff;
  border-bottom:3px solid var(--color-primary);
  padding:18px 0;
}
.site-header .container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
}
.site-branding{display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.site-title{
  font-size:28px;
  font-weight:800;
  color:var(--color-primary);
  margin:0;
}
.site-description{
  font-size:12px;
  color:var(--color-muted);
  margin:2px 0 0;
}
.header-search form{display:flex;}
.header-search input[type="search"]{
  padding:8px 10px;
  border:1px solid var(--color-border);
  border-radius:3px 0 0 3px;
  min-width:200px;
}
.header-search button{
  padding:8px 14px;
  background:var(--color-primary);
  color:#fff;
  border:none;
  border-radius:0 3px 3px 0;
  cursor:pointer;
}

/* ===== Header ad space (next to logo) ===== */
.header-ad-space{
  margin-inline-start:15px;
  display:inline-block;
  vertical-align:middle;
}
.header-ad-space img{
  max-height:60px;
  width:auto;
  border-radius:3px;
}

/* ===== Header actions (old-site button + search) ===== */
.header-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.old-site-button{
  display:inline-block;
  background:var(--color-old-site-btn, #e02424);
  color:var(--color-old-site-btn-text, #fff) !important;
  font-size:13px;
  font-weight:800;
  padding:9px 16px;
  border-radius:4px;
  white-space:nowrap;
  transition:opacity .15s;
}
.old-site-button:hover{
  opacity:.85;
  color:var(--color-old-site-btn-text, #fff) !important;
}

/* ===== Category highlights (last 3 per category) ===== */
.category-highlights{ margin-bottom:30px; }
.category-block{ margin-bottom:25px; }
.category-block-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:2px solid var(--color-primary);
  padding-bottom:8px;
  margin-bottom:15px;
}
.category-block-header h3{
  font-size:16px;
  font-weight:800;
  color:var(--color-primary);
  margin:0;
}
.category-block-header h3 span{
  background:var(--color-primary);
  color:#fff;
  padding:3px 10px;
  margin-inline-end:8px;
  font-size:14px;
}
.category-block-header a.view-all{
  font-size:12px;
  font-weight:700;
  color:var(--color-accent);
}
.category-block-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:0 30px;
}
@media (max-width:700px){ .category-block-grid{ grid-template-columns:1fr; } }

/* بطاقة المقال داخل قسم "Par catégorie" - تصميم صورة+عنوان+تصنيف */
.category-card{
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:16px 0;
  border-bottom:1px solid var(--color-border);
}
.category-block-grid .category-card:nth-last-child(-n+2){
  border-bottom:none;
}
@media (max-width:700px){
  .category-block-grid .category-card:nth-last-child(-n+2){ border-bottom:1px solid var(--color-border); }
  .category-block-grid .category-card:last-child{ border-bottom:none; }
}
.category-card-thumb{
  position:relative;
  flex:0 0 42%;
  aspect-ratio:16/10;
  border-radius:4px;
  overflow:hidden;
  background:#ddd;
  display:block;
}
.category-card-thumb img{ width:100%; height:100%; object-fit:cover; }
.category-card-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.55) 0%, rgba(0,0,0,.15) 55%, rgba(0,0,0,.35) 100%);
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding:10px;
}
.category-card-overlay-title{
  display:inline-block;
  background:rgba(0,0,0,.55);
  color:#fff;
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  padding:3px 8px;
  margin-bottom:6px;
  align-self:flex-start;
}
.category-card-overlay-text{
  background:rgba(0,0,0,.55);
  color:#fff;
  font-size:12px;
  font-weight:700;
  line-height:1.4;
  padding:4px 8px;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  max-width:80%;
}
.category-card-play{
  position:absolute;
  bottom:10px;
  inset-inline-end:10px;
  width:34px;
  height:34px;
  background:rgba(255,255,255,.92);
  border-radius:4px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#111;
  font-size:14px;
}
.category-card-body{ flex:1; min-width:0; display:flex; flex-direction:column; justify-content:flex-start; }
.category-card-title{
  font-size:16px;
  font-weight:800;
  line-height:1.35;
  margin:0 0 10px;
}
.category-card-title a{ color:#0f1f3d; }
.category-card-title a:hover{ color:var(--color-accent); }
.category-card-tag{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  font-weight:800;
  color:#0f1f3d;
  text-transform:uppercase;
  margin-top:auto;
}
.category-card-square{
  width:11px;
  height:11px;
  background:#2eb0e0;
  flex:0 0 auto;
}


/* ===== Nav / Categories ===== */
.main-navigation{
  background:var(--color-primary);
}
.main-navigation .container{ padding-top:0; padding-bottom:0; }
.main-navigation ul{
  display:flex;
  flex-wrap:wrap;
}
.main-navigation li{ position:relative; }
.main-navigation a{
  display:block;
  padding:12px 16px;
  color:#fff;
  font-size:14px;
  font-weight:600;
  border-inline-end:1px solid rgba(255,255,255,.12);
}
.main-navigation a:hover{
  background:var(--color-accent);
  color:#fff;
}
.main-navigation ul ul{
  display:none;
  position:absolute;
  inset-inline-start:0;
  top:100%;
  background:#fff;
  min-width:220px;
  box-shadow:0 6px 16px rgba(0,0,0,.15);
  z-index:50;
}
.main-navigation li:hover > ul{display:block;}
.main-navigation ul ul a{ color:var(--color-text); border-bottom:1px solid var(--color-border); }
.main-navigation ul ul a:hover{ background:var(--color-bg); color:var(--color-accent); }

/* ===== Breaking news ticker ===== */
.breaking-ticker{
  background:var(--color-accent);
  color:#fff;
  overflow:hidden;
  position:relative;
}
.breaking-ticker .container{
  display:flex;
  align-items:center;
  padding-top:0;
  padding-bottom:0;
  gap:12px;
}
.breaking-ticker .ticker-label{
  flex:0 0 auto;
  background:rgba(0,0,0,.2);
  padding:8px 14px;
  font-weight:800;
  font-size:13px;
  white-space:nowrap;
}
.breaking-ticker .ticker-viewport{
  flex:1;
  overflow:hidden;
  position:relative;
  height:36px;
}
.breaking-ticker .ticker-track{
  position:absolute;
  inset-inline-start:0;
  top:0;
  display:flex;
  align-items:center;
  height:36px;
  white-space:nowrap;
  animation: portail-ticker-scroll 25s linear infinite;
  will-change: transform;
}
.breaking-ticker .ticker-track:hover{
  animation-play-state: paused;
}
.breaking-ticker .ticker-track a{
  color:#fff;
  font-size:13px;
  font-weight:600;
  margin-inline-end:50px;
  flex:0 0 auto;
}
.breaking-ticker .ticker-track a::before{
  content:"●";
  font-size:8px;
  margin-inline-end:8px;
  vertical-align:middle;
  opacity:.7;
}
@keyframes portail-ticker-scroll{
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
[dir="rtl"] .breaking-ticker .ticker-track{
  animation-name: portail-ticker-scroll-rtl;
}
@keyframes portail-ticker-scroll-rtl{
  0%   { transform: translateX(0); }
  100% { transform: translateX(50%); }
}

/* ===== Layout ===== */
.site-content{ padding:25px 0; }
.content-layout{
  display:grid;
  grid-template-columns: 2.2fr 1fr;
  gap:25px;
  align-items:start;
}
@media (max-width: 880px){
  .content-layout{ grid-template-columns: 1fr; }
}

.section-title{
  font-size:18px;
  font-weight:800;
  color:var(--color-primary);
  border-bottom:2px solid var(--color-primary);
  padding-bottom:8px;
  margin:0 0 15px;
}
.section-title span{
  background:var(--color-primary);
  color:#fff;
  padding:4px 10px;
  margin-inline-end:8px;
}

/* ===== Featured section "À la une" - خبر رئيسي كبير + 3 أخبار جانبية ===== */
.featured-section{
  display:grid;
  grid-template-columns: 2fr 1fr;
  gap:0 25px;
  margin-bottom:25px;
}
@media (max-width: 880px){
  .featured-section{ grid-template-columns: 1fr; }
}

/* الخبر الرئيسي الكبير */
.featured-hero{
  position:relative;
  display:block;
  border-radius:4px;
  overflow:hidden;
  min-height:420px;
  background:#111;
}
.featured-hero-media{
  position:absolute;
  inset:0;
}
.featured-hero-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.featured-hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.92) 0%, rgba(0,0,0,.75) 30%, rgba(0,0,0,.15) 65%, rgba(0,0,0,0) 100%);
}
.featured-hero-text{
  position:relative;
  z-index:2;
  padding:25px 22px 20px;
  min-height:420px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.featured-hero-kicker{
  color:#fff;
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.3px;
  margin-bottom:8px;
}
.featured-hero-title{
  color:var(--color-accent);
  font-size:28px;
  font-weight:800;
  line-height:1.25;
  margin:0 0 10px;
}
.featured-hero-excerpt{
  color:#f1f1f1;
  font-size:14px;
  line-height:1.6;
  margin:0 0 15px;
  max-width:640px;
}
.featured-hero-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}
.featured-cat-badge{
  background:var(--color-primary);
  color:#fff;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  padding:5px 10px;
  border-radius:2px;
}
.featured-hero-author{
  color:#e2e2e2;
  font-size:12px;
}
.featured-time-badge{
  background:var(--color-accent);
  color:#fff;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  padding:5px 10px;
  border-radius:2px;
  white-space:nowrap;
}

/* القائمة الجانبية (3 أخبار) */
.featured-side-list{
  display:flex;
  flex-direction:column;
}
.featured-side-item{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 0;
  border-bottom:1px solid var(--color-border);
}
.featured-side-item:last-child{ border-bottom:none; }
.featured-side-thumb{
  flex:0 0 90px;
  aspect-ratio:4/3;
  border-radius:3px;
  overflow:hidden;
  background:#ddd;
}
.featured-side-thumb img{ width:100%; height:100%; object-fit:cover; }
.featured-side-body{ flex:1; min-width:0; }
.featured-side-cat{
  display:block;
  color:var(--color-muted);
  font-size:10.5px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.3px;
  margin-bottom:4px;
}
.featured-side-title{
  font-size:15px;
  font-weight:800;
  line-height:1.3;
  margin:0 0 6px;
}
.featured-side-title a{ color:var(--color-text); }
.featured-side-title a:hover{ color:var(--color-accent); }
.featured-side-meta{
  color:var(--color-muted);
  font-size:11.5px;
  margin-bottom:6px;
}
.featured-time-badge-sm{
  font-size:10px;
  padding:3px 8px;
}

.card{
  background:var(--color-card);
  border:1px solid var(--color-border);
  border-radius:4px;
  overflow:hidden;
  transition:box-shadow .2s;
}
.card:hover{ box-shadow:0 4px 14px rgba(0,0,0,.08); }
.card .thumb{ aspect-ratio:16/10; overflow:hidden; background:#ddd; }
.card .thumb img{ width:100%; height:100%; object-fit:cover; }
.card .card-body{ padding:12px; }
.card .source{
  color:var(--color-accent);
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  margin-bottom:4px;
  display:block;
}
.card h3{ font-size:15px; margin:0 0 6px; line-height:1.4; }
.card p{ font-size:13px; color:var(--color-muted); margin:0; }
.card .meta{ font-size:11px; color:var(--color-muted); margin-top:8px; }

/* ===== News list (latest) ===== */
.news-list-item{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 0;
  border-bottom:1px solid var(--color-border);
}
.news-list-item .thumb{
  flex:0 0 130px;
  aspect-ratio:4/3;
  overflow:hidden;
  border-radius:3px;
  background:#ddd;
}
.news-list-item .thumb img{ width:100%; height:100%; object-fit:cover; }
.news-list-item .entry-body{ flex:1; min-width:0; }
.news-list-item h3{ font-size:16px; margin:0 0 6px; }
.news-list-item .source{ color:var(--color-accent); font-size:11px; font-weight:700; }
.news-list-item p{ font-size:13px; color:var(--color-muted); margin:6px 0 0; }
.news-list-item .meta{ font-size:11px; color:var(--color-muted); margin-top:6px; }

/* ===== Sidebar ===== */
.widget{
  background:var(--color-card);
  border:1px solid var(--color-border);
  border-radius:4px;
  padding:15px;
  margin-bottom:20px;
}
.widget-title{
  font-size:15px;
  font-weight:800;
  color:var(--color-primary);
  border-bottom:2px solid var(--color-accent);
  padding-bottom:8px;
  margin:0 0 12px;
}

/* Most read tabs */
.most-read-tabs{ display:flex; gap:8px; margin-bottom:10px; }
.most-read-tabs button{
  flex:1;
  background:var(--color-bg);
  border:1px solid var(--color-border);
  padding:6px;
  cursor:pointer;
  font-size:12px;
  font-weight:700;
  border-radius:3px;
}
.most-read-tabs button.active{ background:var(--color-primary); color:#fff; border-color:var(--color-primary); }

.most-read-list li{
  display:flex;
  gap:10px;
  padding:8px 0;
  border-bottom:1px dashed var(--color-border);
}
.most-read-list li:last-child{ border-bottom:none; }
.most-read-list .rank{
  flex:0 0 22px;
  height:22px;
  background:var(--color-accent);
  color:#fff;
  font-size:11px;
  font-weight:800;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:2px;
}
.most-read-list a{ font-size:13px; font-weight:600; }
.most-read-panel{ display:none; }
.most-read-panel.active{ display:block; }

/* Social */
.social-links{ display:flex; gap:10px; }
.social-links a{
  width:34px; height:34px;
  display:flex; align-items:center; justify-content:center;
  background:var(--color-bg);
  border:1px solid var(--color-border);
  border-radius:50%;
  font-size:14px;
  font-weight:700;
}
.social-links a:hover{ background:var(--color-primary); color:#fff; }

/* Ads */
.widget-ads img{ margin-bottom:10px; border-radius:3px; width:100%; }

/* مساحات الإعلانات الإضافية (الشريط الجانبي / داخل المحتوى / الفوتر) */
.ad-slot{ text-align:center; }
.ad-slot img{ max-width:100%; margin:0 auto 0; }
.ad-slot-in_content{
  margin:20px 0;
  padding:10px;
  background:var(--color-bg);
  border:1px dashed var(--color-border);
}
.ad-slot-footer{
  margin-bottom:20px;
  padding:10px;
  text-align:center;
}
.ad-slot-footer img{ max-width:100%; }

/* Ticker (dernières dépêches) */
.ticker-widget .ticker-item{
  padding:8px 0;
  border-bottom:1px solid var(--color-border);
  font-size:13px;
}
.ticker-widget .ticker-item time{
  display:block;
  color:var(--color-accent);
  font-size:11px;
  font-weight:700;
  margin-bottom:2px;
}

/* ===== Single post ===== */
.single-article{
  background:var(--color-card);
  border:1px solid var(--color-border);
  border-radius:4px;
  padding:25px;
}
.single-article .entry-title{ font-size:24px; color:var(--color-primary); margin:0 0 10px; }
.single-article .entry-meta{
  font-size:12px;
  color:var(--color-muted);
  margin-bottom:15px;
  border-bottom:1px solid var(--color-border);
  padding-bottom:15px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
}
.single-article .entry-meta .entry-meta-sep{ color:var(--color-border); }
.single-article .entry-meta .entry-comments-link{
  color:var(--color-accent);
  font-weight:700;
}
.single-article .entry-meta .entry-comments-link:hover{ text-decoration:underline; }

/* الصورة الرئيسية للمقال - مقاس ثابت، تملأ الصندوق بالكامل بدون فراغات جانبية */
.single-article .entry-thumb{
  width:100%;
  aspect-ratio:16/9;
  border-radius:4px;
  overflow:hidden;
  background:#e2e4e8;
  margin-bottom:5px;
}
.single-article .entry-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  margin:0;
  border-radius:0;
}

.single-article .entry-content{ font-size:16px; }
.single-article .entry-content img{ border-radius:4px; margin:15px 0; }

/* صندوق المصدر - رابط الخبر الأصلي */
.entry-source-box{
  margin-top:22px;
  padding:12px 15px;
  background:var(--color-bg);
  border:1px solid var(--color-border);
  border-inline-start:4px solid var(--color-accent);
  border-radius:4px;
  font-size:13px;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.entry-source-box .entry-source-label{
  font-weight:800;
  color:var(--color-text);
}
.entry-source-box .entry-source-link{
  color:var(--color-accent);
  font-weight:700;
  display:inline-flex;
  align-items:center;
  gap:4px;
}
.entry-source-box .entry-source-link:hover{ text-decoration:underline; }
.entry-source-box .entry-source-icon{ font-size:13px; }
.entry-source-box .entry-source-name{
  font-weight:700;
  color:var(--color-text);
}

/* عدّاد المشاهدات في شريط المعلومات */
.single-article .entry-meta .entry-views{
  display:inline-flex;
  align-items:center;
  gap:4px;
}
.single-article .entry-meta .entry-views-icon{ font-size:12px; }

/* ملاحظة إخلاء المسؤولية */
.entry-disclaimer{
  margin-top:15px;
  padding:12px 15px;
  background:#fbf7f0;
  border:1px dashed var(--color-border);
  border-radius:4px;
  font-size:12px;
  line-height:1.6;
  color:var(--color-muted);
  font-style:italic;
  text-align:center;
}

/* ===== Partners logos strip (before footer) ===== */
.partners-strip{
  background:#fff;
  border-top:1px solid var(--color-border);
  padding:22px 0;
}
.partners-strip-inner{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:35px;
}
.partner-logo{
  flex:0 0 auto;
  max-width:140px;
}
.partner-logo img{
  max-height:50px;
  width:auto;
  max-width:140px;
  object-fit:contain;
  filter:grayscale(40%);
  opacity:.85;
  transition:opacity .2s, filter .2s;
}
.partner-logo a:hover img,
.partner-logo img:hover{
  opacity:1;
  filter:grayscale(0%);
}

/* ===== Footer ===== */
.site-footer{
  background:#0e2f42;
  color:#cfd8dc;
  padding:30px 0 15px;
  margin-top:30px;
  font-size:13px;
}
.footer-widgets{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  margin-bottom:20px;
}
@media (max-width:700px){ .footer-widgets{ grid-template-columns:1fr 1fr; } }
.site-footer .widget-title{ color:#021453; border-bottom-color:var(--color-accent); }
.site-footer a{ color:#021453; }
.site-footer a:hover{ color:#fff; }
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.12);
  padding-top:15px;
  text-align:center;
  color:#9fb0ba;
  font-size:12px;
}

.pagination{ display:flex; gap:8px; justify-content:center; margin:25px 0; }
.pagination a, .pagination span{
  padding:8px 12px;
  border:1px solid var(--color-border);
  border-radius:3px;
  background:#fff;
  font-size:13px;
}
.pagination .current{ background:var(--color-primary); color:#fff; border-color:var(--color-primary); }