/*
Theme Name: Athaar Theme
Theme URI: https://athaar.me
Description: قالب آثار المخصص - نقش الفكر وإرساء الأثر
Author: Mohamed Al-Hawari
Version: 1.1.0
Text Domain: athaar-theme
*/

/* ===== VARIABLES ===== */
:root {
  --cream:#FAF7F2; --cream-mid:#F2EDE4; --cream-dark:#E4DAC8;
  --gold:#B8922A; --gold-l:#D4AA4E; --gold-pale:#F5E9C9; --gold-d:#8B6E1A;
  --ink:#1C1814; --ink-s:#3D342A; --ink-m:#6B5B4E; --ink-l:#9E8E80;
  --teal:#1A3A3A; --teal-m:#2B5454; --teal-a:#3D7A7A;
  --white:#FFFFFF;
  --bg:var(--cream); --surface:var(--white); --border:var(--cream-dark);
  --text:var(--ink); --text-s:var(--ink-s); --text-m:var(--ink-m); --text-l:var(--ink-l);
  --shadow-sm:0 2px 12px rgba(28,24,20,.06);
  --shadow-md:0 8px 32px rgba(28,24,20,.10);
  --shadow-lg:0 20px 60px rgba(28,24,20,.15);
  --radius:12px; --radius-sm:8px; --radius-lg:16px;
  --transition:all .3s cubic-bezier(.4,0,.2,1);
}

[data-theme="dark"] {
  --bg:#0F1419; --surface:#1A2330; --border:#263040;
  --text:#E4D9CC; --text-s:#C8B8A8; --text-m:#9A8878; --text-l:#6A5A50;
  --white:#1A2330; --cream:#0F1419; --cream-mid:#162028; --cream-dark:#1E2C3A;
  --teal:#2A5858; --teal-m:#3A7070; --teal-a:#4A9090;
  --shadow-sm:0 2px 12px rgba(0,0,0,.3);
  --shadow-md:0 8px 32px rgba(0,0,0,.4);
  --shadow-lg:0 20px 60px rgba(0,0,0,.5);
}

/* ===== BASE ===== */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Cairo',sans-serif;background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden;transition:background .3s,color .3s;}
a{transition:var(--transition);}
img{max-width:100%;height:auto;}
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:var(--cream-dark);border-radius:4px;}
::-webkit-scrollbar-thumb:hover{background:var(--gold);}

/* ===== DARK MODE TRANSITION ===== */
*{transition:background-color .3s ease,border-color .3s ease,color .2s ease,box-shadow .3s ease;}
a,button,.icon-btn,.cat-chip,.tag,.a-card,.side-card,.widget,.dark-card,.pop-item,.pick-item,.social,.load-more-btn{transition:var(--transition);}

/* ===== PROGRESS BAR ===== */
#reading-progress{position:fixed;top:0;right:0;width:0%;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-l));z-index:9999;transition:width .1s linear;}

/* ===== AD SLOTS ===== */
.ad-slot{
  background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius-sm);
  display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;
  color:var(--text-l);font-size:12px;font-weight:600;letter-spacing:1px;
  position:relative;overflow:hidden;
}
.ad-slot::before{content:'إعلان';font-size:10px;font-weight:700;letter-spacing:2px;color:var(--text-l);}
.ad-slot-leaderboard,.ad-banner{width:100%;height:90px;}
.ad-slot-banner{width:100%;height:60px;}
.ad-slot-rect,.ad-rect{width:100%;height:250px;}
.ad-slot-sidebar{width:100%;height:200px;}
[data-theme="dark"] .ad-slot{background:rgba(255,255,255,.03);}

/* ===== TOP BAR ===== */
.top-bar{
  background:var(--teal);color:rgba(255,255,255,.7);
  font-size:12px;padding:7px 0;
  display:flex;align-items:center;justify-content:center;
  position:relative;z-index:200;
}
[data-theme="dark"] .top-bar{background:#0D2020;}
.top-bar-inner{
  max-width:1240px;width:100%;margin:0 auto;padding:0 24px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  /* RTL: أول عنصر = يمين بصري، آخر عنصر = يسار بصري */
}

/* التواريخ — يمين (أول عنصر في HTML) */
.top-dates{display:flex;gap:20px;align-items:center;}
.top-date-item{display:flex;align-items:center;gap:6px;font-size:11.5px;}
.top-date-item .label{color:var(--gold-l);font-weight:700;font-size:10px;letter-spacing:.5px;}
.top-date-item .val{color:rgba(255,255,255,.8);}
.top-sep{width:1px;height:14px;background:rgba(255,255,255,.15);}

/* الروابط — يسار (آخر عنصر في HTML) */
.top-links{display:flex;gap:16px;align-items:center;}
.top-links a{color:rgba(255,255,255,.6);text-decoration:none;font-size:11.5px;transition:color .2s;}
.top-links a:hover{color:var(--gold-l);}
.top-dot{color:rgba(255,255,255,.25);}

/* ===== HEADER ===== */
#masthead,header{
  background:var(--surface);border-bottom:1px solid var(--border);
  position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm);
  transition:background .3s,border-color .3s;
}
.header-inner{
  max-width:1240px;margin:0 auto;padding:0 24px;
  display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px;
}

/* ===== LAYOUT ORDERS (RTL) ===== */
/* في RTL: order:1 = يمين، order:2 = وسط، order:3 = يسار */
nav,#site-navigation{order:1;flex:1;}
.logo{order:2;}
.header-actions{order:3;flex:1;display:flex;justify-content:flex-end;}

/* ===== LOGO ===== */
.logo{
  text-decoration:none;display:flex;flex-direction:column;
  align-items:center;flex-shrink:0;
}
.logo-main{
  font-family:'Amiri',serif;font-size:34px;font-weight:700;
  color:var(--teal);line-height:1;transition:color .3s;
}
[data-theme="dark"] .logo-main{color:var(--gold-l);}
.logo-main em{color:var(--gold);font-style:normal;}
.logo-sub,.logo-tagline{
  font-size:9.5px;color:var(--text-l);
  letter-spacing:2.5px;font-weight:300;margin-top:2px;
}
.logo-mark{display:none !important;}
.logo-text{display:contents;}

/* ===== NAV ===== */
nav,#site-navigation{display:flex;gap:2px;align-items:center;flex-wrap:wrap;}
nav ul,#site-navigation ul{list-style:none;display:flex;gap:2px;flex-wrap:wrap;margin:0;padding:0;}

nav a,
#site-navigation ul li a{
  font-size:13px;font-weight:600;color:var(--text-s);text-decoration:none;
  padding:7px 11px;border-radius:6px;display:block;
  transition:var(--transition);white-space:nowrap;
}
nav a:hover,
#site-navigation ul li a:hover{background:var(--bg);color:var(--teal);}
[data-theme="dark"] nav a:hover,
[data-theme="dark"] #site-navigation ul li a:hover{color:var(--gold-l);}

nav a.active,
#site-navigation ul li.current-menu-item>a{color:var(--gold);}

/* Badge "جديد" على رابط في nav */
nav a.new-badge{position:relative;}
nav a.new-badge::after{
  content:'جديد';position:absolute;top:-6px;left:-2px;
  background:var(--gold);color:var(--ink);font-size:8px;font-weight:700;
  padding:1px 5px;border-radius:10px;letter-spacing:.3px;
}

/* Dropdown (WordPress) */
#site-navigation ul ul{
  display:none;position:absolute;background:var(--surface);
  border:1px solid var(--border);border-radius:var(--radius-sm);
  box-shadow:var(--shadow-md);min-width:180px;z-index:200;
}
#site-navigation ul li:hover>ul{display:block;}

/* ===== HEADER ACTIONS ===== */
.header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0;}
.icon-btn{
  width:36px;height:36px;border-radius:50%;border:1.5px solid var(--border);
  background:transparent;display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:var(--transition);color:var(--text-m);font-size:14px;
}
.icon-btn:hover{background:var(--bg);border-color:var(--gold);color:var(--gold);}
.dark-toggle{font-size:16px;}

/* ===== HEADER AD BANNER ===== */
.header-ad{max-width:1240px;margin:16px auto;padding:0 24px;}

/* ===== SEARCH BAR ===== */
.search-bar{display:none;background:var(--surface);border-top:1px solid var(--border);padding:12px 24px;}
.search-bar.open{display:block;}
.search-bar-inner{max-width:600px;margin:0 auto;display:flex;gap:10px;align-items:center;}
.search-bar .search-field{width:100%;padding:10px 16px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg);font-family:'Cairo',sans-serif;font-size:14px;color:var(--text);outline:none;}
.search-bar .search-field:focus{border-color:var(--gold);}
.search-bar .search-submit{background:var(--teal);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-sm);font-family:'Cairo',sans-serif;font-weight:700;cursor:pointer;}
.search-close{background:transparent;border:none;font-size:18px;cursor:pointer;color:var(--text-l);}

/* ===== HERO ===== */
.hero{max-width:1240px;margin:20px auto 0;padding:0 24px;display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:stretch;}
.hero-main{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--teal);min-height:460px;cursor:pointer;box-shadow:var(--shadow-lg);}
.hero-bg{
  position:absolute;inset:0;
  background:radial-gradient(ellipse at 20% 60%,rgba(61,122,122,.6) 0%,transparent 55%),
    radial-gradient(ellipse at 80% 10%,rgba(184,146,42,.25) 0%,transparent 45%),
    linear-gradient(150deg,#0D2A2A 0%,#1A3A3A 40%,#2B5454 100%);
  background-size:cover;background-position:center;
}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,20,20,.92) 0%,rgba(10,20,20,.4) 60%,transparent 100%);z-index:1;}
.hero-geo{
  position:absolute;inset:0;opacity:.05;
  background-image:repeating-linear-gradient(45deg,#D4AA4E 0,#D4AA4E 1px,transparent 0,transparent 50%),
    repeating-linear-gradient(-45deg,#D4AA4E 0,#D4AA4E 1px,transparent 0,transparent 50%);
  background-size:28px 28px;
}
.hero-content{position:relative;z-index:2;padding:40px 44px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;}
.hero-cat-badge{display:inline-flex;align-items:center;gap:6px;background:var(--gold);color:var(--ink);font-size:11px;font-weight:700;padding:5px 14px;border-radius:20px;margin-bottom:18px;width:fit-content;text-decoration:none;}
.hero-title{font-family:'Amiri',serif;font-size:34px;font-weight:700;color:#fff;line-height:1.45;margin-bottom:14px;}
.hero-excerpt{font-size:13.5px;color:rgba(255,255,255,.72);line-height:1.85;margin-bottom:26px;max-width:520px;}
.hero-read-btn{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--ink);font-size:13px;font-weight:700;padding:11px 26px;border-radius:var(--radius-sm);text-decoration:none;width:fit-content;margin-bottom:20px;box-shadow:0 4px 18px rgba(184,146,42,.4);transition:var(--transition);}
.hero-read-btn:hover{background:var(--gold-l);transform:translateY(-1px);}
.hero-meta{display:flex;align-items:center;gap:14px;font-size:12px;color:rgba(255,255,255,.5);flex-wrap:wrap;}
.hero-meta strong{color:var(--gold-l);}

.hero-sidebar{display:flex;flex-direction:column;gap:14px;}
.side-card{background:var(--surface);border-radius:var(--radius);overflow:hidden;display:flex;box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition);border:1px solid var(--border);}
.side-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);}
.side-img{width:96px;flex-shrink:0;background:linear-gradient(135deg,var(--teal-m),var(--teal));min-height:90px;display:flex;align-items:center;justify-content:center;font-size:26px;opacity:.6;background-size:cover;background-position:center;}
.side-img.g{background:linear-gradient(135deg,#C9974A,#7A4E10);}
.side-img.w{background:linear-gradient(135deg,#7A5040,#3A1A0A);}
.side-img.p{background:linear-gradient(135deg,#4A5A7A,#1A2440);}
.side-body{padding:14px;flex:1;}
.side-cat-label{font-size:9.5px;font-weight:700;color:var(--gold);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:5px;}
.side-title{font-family:'Amiri',serif;font-size:14.5px;font-weight:700;color:var(--text);line-height:1.5;margin-bottom:6px;}
.side-date{font-size:10.5px;color:var(--text-l);}

/* ===== QUOTE STRIP ===== */
.quote-strip{background:var(--gold-pale);border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);padding:28px 0;text-align:center;margin-top:32px;}
[data-theme="dark"] .quote-strip{background:rgba(184,146,42,.08);border-color:rgba(184,146,42,.3);}
.qs-text{font-family:'Amiri',serif;font-size:20px;color:var(--ink-s);font-style:italic;max-width:540px;margin:0 auto 8px;}
[data-theme="dark"] .qs-text{color:var(--text-s);}
.qs-author{font-size:12.5px;font-weight:700;color:var(--gold);letter-spacing:1px;}

/* ===== SECTION HEADER ===== */
.section-hd{max-width:1240px;margin:40px auto 24px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;}
.section-hd-title{font-family:'Amiri',serif;font-size:22px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:10px;}
.section-hd-title::before{content:'◆';color:var(--gold);font-size:12px;}
.section-hd-link{font-size:12.5px;color:var(--gold);text-decoration:none;font-weight:600;}
.section-hd-link:hover{color:var(--gold-l);}

/* ===== CATEGORIES ===== */
.cats-wrap{max-width:1240px;margin:0 auto 16px;padding:0 24px;display:flex;gap:10px;flex-wrap:wrap;}
.cat-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:50px;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;border:1.5px solid transparent;transition:var(--transition);white-space:nowrap;}
.cat-chip:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}
.c-all{background:var(--teal);color:#fff;border-color:var(--teal);}
.c-all:hover{background:var(--teal-m);}
.c-g{background:var(--gold-pale);color:var(--gold-d);border-color:var(--gold);}
.c-g:hover{background:var(--gold);color:var(--ink);}
.c-n{background:var(--surface);color:var(--text-s);border-color:var(--border);}
.c-n:hover{background:var(--bg);border-color:var(--text-m);}
[data-theme="dark"] .c-n{background:var(--surface);color:var(--text-s);}
.chip-cnt{font-size:10px;font-weight:700;padding:1px 8px;border-radius:12px;background:rgba(0,0,0,.12);}
.c-all .chip-cnt,.c-g:hover .chip-cnt{background:rgba(0,0,0,.18);color:inherit;}

/* ===== MAIN LAYOUT ===== */
.main-layout{max-width:1240px;margin:0 auto;padding:0 24px 60px;display:grid;grid-template-columns:1fr 300px;gap:36px;}

/* ===== ARTICLES GRID ===== */
.articles-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.a-card{background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border);cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;}
.a-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);}
.a-card.span2{grid-column:span 2;flex-direction:row;}
.a-thumb{height:175px;background:linear-gradient(135deg,var(--teal-m),var(--teal));flex-shrink:0;position:relative;overflow:hidden;background-size:cover;background-position:center;}
.a-card.span2 .a-thumb{width:300px;height:auto;}
.a-thumb.gt{background:linear-gradient(135deg,#B8802A,#5A3A0A);}
.a-thumb.wt{background:linear-gradient(135deg,#7A5040,#3A1A0A);}
.a-thumb.pt{background:linear-gradient(135deg,#3A5A7A,#0A1A2A);}
.a-thumb-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:44px;opacity:.12;}
.a-body{padding:18px;flex:1;display:flex;flex-direction:column;}
.a-cat{font-size:9.5px;font-weight:700;color:var(--gold);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;text-decoration:none;display:flex;align-items:center;gap:5px;}
.a-cat::before{content:'';width:3px;height:3px;border-radius:50%;background:var(--gold);}
.a-title{font-family:'Amiri',serif;font-size:17px;font-weight:700;color:var(--text);line-height:1.5;margin-bottom:8px;flex:1;}
.a-card.span2 .a-title{font-size:20px;}
.a-excerpt{font-size:12.5px;color:var(--text-m);line-height:1.75;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.a-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border);margin-top:auto;flex-wrap:wrap;gap:8px;}
.a-author{display:flex;align-items:center;gap:7px;}
.a-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--teal-m),var(--teal));display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0;}
.a-author-name{font-size:11px;color:var(--text-m);font-weight:600;}
.a-date{font-size:11px;color:var(--text-l);}
.a-more{font-size:11.5px;font-weight:700;color:var(--teal);text-decoration:none;transition:var(--transition);}
.a-more:hover{color:var(--gold);}
[data-theme="dark"] .a-more{color:var(--gold-l);}

/* AD between articles */
.ad-in-grid{grid-column:span 2;}

/* LOAD MORE */
.load-more{grid-column:span 2;text-align:center;padding:24px 0;}
.load-more-btn{display:inline-flex;align-items:center;gap:10px;background:transparent;border:2px solid var(--teal);color:var(--teal);font-family:'Cairo',sans-serif;font-size:13px;font-weight:700;padding:11px 30px;border-radius:50px;cursor:pointer;transition:var(--transition);}
.load-more-btn:hover{background:var(--teal);color:#fff;}
[data-theme="dark"] .load-more-btn{border-color:var(--gold);color:var(--gold);}
[data-theme="dark"] .load-more-btn:hover{background:var(--gold);color:var(--ink);}

/* PAGINATION */
.pagination-wrap{padding:24px 0;display:flex;gap:8px;flex-wrap:wrap;}
.pagination-wrap .page-numbers{background:var(--surface);border:1.5px solid var(--border);color:var(--text-s);padding:8px 14px;border-radius:var(--radius-sm);text-decoration:none;font-weight:600;font-size:13px;transition:var(--transition);}
.pagination-wrap .page-numbers.current,.pagination-wrap .page-numbers:hover{background:var(--teal);border-color:var(--teal);color:#fff;}

/* ===== SIDEBAR ===== */
.sidebar{display:flex;flex-direction:column;gap:22px;position:sticky;top:88px;align-self:start;}
.widget{background:var(--surface);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:background .3s,border-color .3s;}
.widget-title{font-family:'Amiri',serif;font-size:17px;font-weight:700;color:var(--text);margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--gold);display:flex;align-items:center;gap:8px;}
.widget-title::before{content:'◆';color:var(--gold);font-size:9px;}

.widget-about{background:var(--teal);border-color:transparent;}
[data-theme="dark"] .widget-about{background:#0D2020;}
.widget-about .widget-title{color:#fff;border-bottom-color:var(--gold);}
.about-logo-txt{font-family:'Amiri',serif;font-size:38px;font-weight:700;color:#fff;text-align:center;line-height:1;margin-bottom:4px;}
.about-logo-txt em{color:var(--gold);font-style:normal;}
.about-tagline-txt{font-size:11px;color:rgba(255,255,255,.45);text-align:center;letter-spacing:2px;margin-bottom:14px;}
.about-body-txt{font-size:12.5px;color:rgba(255,255,255,.7);line-height:1.8;text-align:center;margin-bottom:18px;}
.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;}
.stat{background:rgba(255,255,255,.07);border-radius:8px;padding:10px 6px;text-align:center;}
.stat-n{font-size:20px;font-weight:700;color:var(--gold-l);}
.stat-l{font-size:9.5px;color:rgba(255,255,255,.45);margin-top:2px;}
.about-cta{display:block;text-align:center;background:var(--gold);color:var(--ink);font-size:12.5px;font-weight:700;padding:10px;border-radius:var(--radius-sm);text-decoration:none;transition:var(--transition);}
.about-cta:hover{background:var(--gold-l);}

.picks-list{display:flex;flex-direction:column;gap:10px;}
.pick-item{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:1px solid var(--border);}
.pick-item:hover{border-color:var(--gold);background:var(--gold-pale);}
[data-theme="dark"] .pick-item:hover{background:rgba(184,146,42,.1);}
.pick-icon{width:34px;height:34px;border-radius:8px;background:var(--teal);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
.pick-cat{font-size:9.5px;color:var(--gold);font-weight:700;letter-spacing:.5px;}
.pick-title{font-size:12.5px;font-weight:600;color:var(--text-s);line-height:1.4;}

.popular-list,.pop-list{display:flex;flex-direction:column;gap:14px;}
.pop-item{display:flex;gap:10px;cursor:pointer;transition:var(--transition);padding-bottom:14px;border-bottom:1px solid var(--border);}
.pop-item:last-child{border-bottom:none;padding-bottom:0;}
.pop-item:hover .pop-title{color:var(--gold);}
.pop-num{font-size:26px;font-weight:900;color:var(--border);line-height:1;min-width:28px;}
.pop-cat{font-size:9.5px;color:var(--gold);font-weight:700;letter-spacing:1px;margin-bottom:3px;}
.pop-title{font-family:'Amiri',serif;font-size:13.5px;font-weight:700;color:var(--text);line-height:1.5;transition:color .2s;}

/* Naqsh widget */
.widget-naqsh{background:linear-gradient(135deg,#F9F3E8,#FFF9F0);border-color:var(--gold-pale);}
[data-theme="dark"] .widget-naqsh{background:linear-gradient(135deg,#1A1810,#1C1A10);border-color:rgba(184,146,42,.2);}
.naqsh-text{font-family:'Amiri',serif;font-size:14px;color:var(--ink-s);line-height:1.9;}
[data-theme="dark"] .naqsh-text{color:var(--text-s);}

.nl-desc{font-size:12.5px;color:var(--text-m);margin-bottom:14px;line-height:1.75;}
.nl-input{width:100%;padding:10px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg);font-family:'Cairo',sans-serif;font-size:13px;color:var(--text);outline:none;text-align:right;transition:border-color .2s;margin-bottom:9px;display:block;}
.nl-input:focus{border-color:var(--gold);}
.nl-btn{width:100%;padding:10px;border-radius:var(--radius-sm);background:var(--gold);color:var(--ink);font-family:'Cairo',sans-serif;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:var(--transition);}
.nl-btn:hover{background:var(--gold-l);}

.tags-cloud{display:flex;flex-wrap:wrap;gap:7px;}
.tag{font-size:11.5px;padding:5px 12px;border-radius:20px;background:var(--bg);color:var(--text-s);border:1px solid var(--border);cursor:pointer;transition:var(--transition);text-decoration:none;font-weight:600;}
.tag:hover{background:var(--teal);color:#fff;border-color:var(--teal);}
[data-theme="dark"] .tag:hover{background:var(--gold);color:var(--ink);border-color:var(--gold);}

/* TOC */
.toc-list{display:flex;flex-direction:column;gap:4px;}
.toc-item{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:var(--transition);text-decoration:none;}
.toc-item:hover{background:var(--bg);}
.toc-num{font-size:11px;font-weight:700;color:var(--gold);min-width:16px;margin-top:2px;}
.toc-text{font-size:12.5px;color:var(--text-m);line-height:1.5;transition:color .2s;}
.toc-item:hover .toc-text{color:var(--teal);}

/* ===== DARK FEATURED SECTION ===== */
.dark-section{background:var(--teal);padding:56px 0;margin:8px 0 40px;position:relative;overflow:hidden;}
[data-theme="dark"] .dark-section{background:#0D2020;}
.dark-section-geo{position:absolute;inset:0;opacity:.04;background-image:repeating-linear-gradient(0deg,var(--gold) 0,var(--gold) 1px,transparent 0,transparent 40px),repeating-linear-gradient(90deg,var(--gold) 0,var(--gold) 1px,transparent 0,transparent 40px);}
.dark-section-inner{max-width:1240px;margin:0 auto;padding:0 24px;position:relative;}
.dark-section-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;}
.dark-section-title{font-family:'Amiri',serif;font-size:26px;color:#fff;display:flex;align-items:center;gap:10px;}
.dark-section-title::before{content:'❝';color:var(--gold);font-size:28px;line-height:1;}
.dark-section-link{font-size:12.5px;color:var(--gold-l);text-decoration:none;font-weight:600;}
.dark-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.dark-card{background:rgba(255,255,255,.07);border-radius:var(--radius);overflow:hidden;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:var(--transition);}
.dark-card:hover{background:rgba(255,255,255,.12);transform:translateY(-3px);}
.dark-card-top{padding:18px;display:flex;align-items:center;gap:12px;}
.dc-icon{width:42px;height:42px;border-radius:9px;background:var(--gold);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.dc-cat{font-size:9.5px;color:var(--gold-l);font-weight:700;letter-spacing:1px;margin-bottom:3px;}
.dc-title{font-family:'Amiri',serif;font-size:15px;font-weight:700;color:#fff;line-height:1.5;}
.dark-card-sep{height:1px;background:rgba(255,255,255,.08);}
.dark-card-btm{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;}
.dc-date{font-size:10.5px;color:rgba(255,255,255,.35);}
.dc-arr{color:var(--gold);font-size:15px;}

/* ===== ARTICLE PAGE ===== */
.breadcrumb-wrap{max-width:1240px;margin:0 auto;padding:14px 24px 0;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-l);flex-wrap:wrap;}
.breadcrumb-wrap a{color:var(--text-m);text-decoration:none;}
.breadcrumb-wrap a:hover{color:var(--gold);}
.bc-sep{color:var(--border);font-size:10px;}
.bc-current{color:var(--text);font-weight:600;}

.article-layout{max-width:1240px;margin:24px auto;padding:0 24px 60px;display:grid;grid-template-columns:1fr 300px;gap:36px;}
.article-header{margin-bottom:24px;}
.article-cat-badge{display:inline-flex;align-items:center;gap:6px;background:var(--teal);color:#fff;font-size:11px;font-weight:700;padding:5px 14px;border-radius:20px;margin-bottom:14px;text-decoration:none;transition:var(--transition);}
.article-cat-badge:hover{background:var(--gold);color:var(--ink);}
.article-title{font-family:'Amiri',serif;font-size:34px;font-weight:700;color:var(--text);line-height:1.45;margin-bottom:16px;}
.article-meta{display:flex;align-items:center;gap:14px;font-size:12.5px;color:var(--text-l);padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;}
.meta-item{display:flex;align-items:center;gap:5px;}
.meta-item a{color:var(--teal);text-decoration:none;font-weight:600;}
[data-theme="dark"] .meta-item a{color:var(--gold-l);}
.meta-sep{color:var(--border);}

.article-actions{display:flex;align-items:center;justify-content:space-between;padding:12px 0;margin-bottom:20px;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:10px;}
.share-btns{display:flex;gap:8px;align-items:center;}
.share-label{font-size:12px;color:var(--text-l);font-weight:600;}
.share-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;text-decoration:none;color:#fff;border:none;cursor:pointer;transition:var(--transition);}
.share-btn.tw{background:#1DA1F2;}.share-btn.fb{background:#1877F2;}.share-btn.wa{background:#25D366;}.share-btn.cp{background:var(--ink-m);}
.share-btn:hover{transform:translateY(-2px);}
.font-controls{display:flex;align-items:center;gap:6px;}
.font-label{font-size:12px;color:var(--text-l);}
.font-btn{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:var(--text-m);transition:var(--transition);}
.font-btn:hover{border-color:var(--gold);color:var(--gold);}

.article-cover{width:100%;height:280px;border-radius:var(--radius);overflow:hidden;background:linear-gradient(135deg,var(--teal-m),var(--teal));margin-bottom:28px;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);}
.article-cover-img{width:100%;max-height:400px;object-fit:cover;border-radius:var(--radius);overflow:hidden;margin-bottom:28px;box-shadow:var(--shadow-md);}
.article-cover-img img{width:100%;height:100%;object-fit:cover;}
.article-cover-geo{position:absolute;inset:0;opacity:.06;background-image:repeating-linear-gradient(45deg,var(--gold) 0,var(--gold) 1px,transparent 0,transparent 32px),repeating-linear-gradient(-45deg,var(--gold) 0,var(--gold) 1px,transparent 0,transparent 32px);}
.article-cover-txt{position:relative;z-index:2;text-align:center;padding:24px;}
.article-cover-icon{font-size:56px;opacity:.25;display:block;margin-bottom:8px;}
.article-cover-label{font-family:'Amiri',serif;font-size:20px;color:rgba(255,255,255,.5);}

.article-body{font-family:'Amiri',serif;font-size:18px;line-height:2.0;color:var(--text-s);}
.article-body p{margin-bottom:22px;}
.article-body h2{font-size:26px;font-weight:700;color:var(--text);margin:36px 0 16px;padding-bottom:10px;border-bottom:2px solid var(--gold);display:flex;align-items:center;gap:10px;}
.article-body h2::before{content:'◆';color:var(--gold);font-size:12px;flex-shrink:0;}
.article-body h3{font-size:20px;font-weight:700;color:var(--text);margin:28px 0 12px;}
.article-body blockquote{background:var(--gold-pale);border-right:4px solid var(--gold);border-left:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:20px 24px;margin:24px 0;font-style:italic;}
[data-theme="dark"] .article-body blockquote{background:rgba(184,146,42,.1);}
.article-body a{color:var(--teal);text-decoration:underline;}
[data-theme="dark"] .article-body a{color:var(--gold-l);}
.article-body ul,.article-body ol{padding-right:24px;margin-bottom:20px;}
.article-body li{margin-bottom:8px;}
.article-body img{border-radius:var(--radius-sm);margin:20px 0;}

.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0;padding:18px 0;border-top:1px solid var(--border);}
.article-tags-label{font-size:12px;font-weight:700;color:var(--text-l);width:100%;margin-bottom:4px;}
.atag{font-size:12px;padding:5px 14px;border-radius:20px;background:var(--bg);color:var(--text-s);border:1px solid var(--border);text-decoration:none;font-weight:600;transition:var(--transition);}
.atag:hover{background:var(--teal);color:#fff;border-color:var(--teal);}

.author-box{background:var(--surface);border-radius:var(--radius);padding:22px;border:1px solid var(--border);display:flex;gap:16px;align-items:flex-start;box-shadow:var(--shadow-sm);margin:24px 0;}
.author-avatar-lg{width:64px;height:64px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--teal-m),var(--teal));display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;}
.author-info-title{font-size:10px;font-weight:700;color:var(--text-l);letter-spacing:1px;margin-bottom:4px;}
.author-info-name{font-family:'Amiri',serif;font-size:19px;font-weight:700;color:var(--text);margin-bottom:7px;}
.author-info-bio{font-size:13px;color:var(--text-m);line-height:1.75;}
.author-info-link{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--gold);text-decoration:none;margin-top:10px;}

.related-section{margin-top:36px;}
.related-title{font-family:'Amiri',serif;font-size:21px;font-weight:700;color:var(--text);margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--gold);display:flex;align-items:center;gap:8px;}
.related-title::before{content:'◆';color:var(--gold);font-size:11px;}
.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.related-card{background:var(--surface);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);cursor:pointer;transition:var(--transition);display:flex;box-shadow:var(--shadow-sm);}
.related-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);}
.related-thumb{width:88px;flex-shrink:0;background:linear-gradient(135deg,var(--teal-m),var(--teal));min-height:80px;background-size:cover;background-position:center;}
.related-body{padding:13px;}
.related-cat{font-size:9.5px;font-weight:700;color:var(--gold);letter-spacing:1px;margin-bottom:5px;}
.related-card-title{font-family:'Amiri',serif;font-size:13.5px;font-weight:700;color:var(--text);line-height:1.5;}

/* COMMENTS */
#comments{margin-top:36px;}
.comments-title{font-family:'Amiri',serif;font-size:21px;font-weight:700;color:var(--text);margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--gold);}
.comment-list{list-style:none;padding:0;}
.comment{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:18px;margin-bottom:14px;}
.comment-author .fn{font-weight:700;color:var(--text);}
.comment-metadata{font-size:11px;color:var(--text-l);margin:4px 0 10px;}
.comment-content p{font-size:14px;color:var(--text-s);line-height:1.8;}
.comment-form input,.comment-form textarea{width:100%;padding:10px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg);font-family:'Cairo',sans-serif;font-size:13px;color:var(--text);outline:none;margin-bottom:12px;display:block;}
.comment-form input:focus,.comment-form textarea:focus{border-color:var(--gold);}
.comment-form .submit{background:var(--teal);color:#fff;border:none;padding:11px 28px;border-radius:var(--radius-sm);font-family:'Cairo',sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:var(--transition);}
.comment-form .submit:hover{background:var(--gold);color:var(--ink);}

/* ===== FOOTER ===== */
#colophon,footer{background:var(--ink);color:rgba(255,255,255,.6);padding:60px 0 0;}
[data-theme="dark"] #colophon,[data-theme="dark"] footer{background:#080C10;}
.footer-inner,.footer-grid{max-width:1240px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;margin-bottom:44px;}
.footer-logo-text,.footer-logo-txt{font-family:'Amiri',serif;font-size:34px;font-weight:700;color:#fff;margin-bottom:3px;}
.footer-logo-text em,.footer-logo-txt em{color:var(--gold);font-style:normal;}
.footer-tagline,.footer-tagline-txt{font-size:10px;color:rgba(255,255,255,.35);letter-spacing:2.5px;margin-bottom:18px;}
.footer-desc{font-size:12.5px;line-height:1.85;margin-bottom:22px;}
.social-links,.socials{display:flex;gap:9px;}
.social-link,.social{width:34px;height:34px;border-radius:7px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:13px;color:rgba(255,255,255,.55);text-decoration:none;transition:var(--transition);}
.social-link:hover,.social:hover{background:var(--gold);color:var(--ink);}
.footer-col-title,.f-col-title{font-size:13.5px;font-weight:700;color:#fff;margin-bottom:16px;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:7px;}
.footer-col-title::before,.f-col-title::before{content:'◆';color:var(--gold);font-size:8px;}
.footer-links,.f-links{display:flex;flex-direction:column;gap:9px;}
.footer-links a,.f-links a{font-size:12.5px;color:rgba(255,255,255,.5);text-decoration:none;transition:color .2s;display:flex;align-items:center;gap:6px;}
.footer-links a::before,.f-links a::before{content:'←';color:var(--gold);font-size:10px;}
.footer-links a:hover,.f-links a:hover{color:var(--gold-l);}
.footer-bottom,.footer-btm{border-top:1px solid rgba(255,255,255,.08);padding:18px 24px;max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:rgba(255,255,255,.3);flex-wrap:wrap;gap:8px;}
.footer-bottom a,.footer-btm a{color:var(--gold);text-decoration:none;}

/* ===== ANIMATIONS ===== */
@keyframes fadeUp{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}
.anim{opacity:0;animation:fadeUp .6s ease forwards;}
.anim-d1{animation-delay:.1s;}.anim-d2{animation-delay:.2s;}.anim-d3{animation-delay:.3s;}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  .hero,.main-layout,.article-layout{grid-template-columns:1fr;}
  .hero-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  .dark-grid{grid-template-columns:1fr 1fr;}
  .footer-inner,.footer-grid{grid-template-columns:1fr 1fr;}
  .sidebar{position:static;}
  .article-layout .sidebar{position:static;}
}

@media(max-width:768px){
  .header-inner{flex-wrap:wrap;height:auto;padding:12px 16px;gap:10px;}
  nav,#site-navigation{order:3;width:100%;}
  nav ul,#site-navigation ul{flex-direction:column;gap:0;}
  nav a,#site-navigation ul li a{border-bottom:1px solid var(--border);border-radius:0;padding:11px 16px;}
  .hero,.main-layout,.article-layout,.cats-wrap,.section-hd,.dark-section-inner,.footer-inner,.footer-grid{padding-left:16px;padding-right:16px;}
  .hero-sidebar{grid-template-columns:1fr;}
  .articles-grid{grid-template-columns:1fr;}
  .a-card.span2{flex-direction:column;}
  .a-card.span2 .a-thumb{width:100%;height:180px;}
  .related-grid{grid-template-columns:1fr;}
  .dark-grid{grid-template-columns:1fr;}
  .footer-inner,.footer-grid{grid-template-columns:1fr;}
  .article-title{font-size:26px;}
  .article-body{font-size:16px;}
  .ad-slot-leaderboard,.ad-banner{height:50px !important;}
  .ad-slot-rect,.ad-rect{height:150px !important;}
  .ad-slot{font-size:10px;}
  .top-bar-inner{flex-direction:column;gap:6px;text-align:center;}
  .logo { order:1 !important; width:auto; transform:none; }
  .header-actions { order:2 !important; flex:0; }
  nav, #site-navigation { order:3 !important; width:100%; }
}
  
}

@media(max-width:480px){
  .logo-main{font-size:24px;}
  .hero-title{font-size:26px;}
  .article-title{font-size:22px;}
  .article-body{font-size:15px;line-height:1.9;}
}

/* WordPress Admin Bar */
.admin-bar #masthead,
.admin-bar header{top:32px;}
@media(max-width:782px){
  .admin-bar #masthead,
  .admin-bar header{top:46px;}
}