/* ============================================================
   ITHAREY.COM — GLOBAL STYLES
   style.css

   COLOR TOKENS: Change colors here → updates everywhere.
   LAYOUT: All site-wide layout styles live here.
   POST STYLES: assets/css/post.css handles post pages.
   FONT: @font-face below — update path if font moves.
   ============================================================

   GOLD USAGE RULE:
   --gold      = large text (headings, titles, borders, icons)
   --gold-text = small text in LIGHT mode (badges, labels, numbers under 1rem)
                 In dark mode --gold-text = --gold (no difference needed)
   Reason: #C8A832 on parchment fails contrast at small sizes.
   ============================================================ */

@font-face {
  font-family: 'Manakahthey';
  src: url('/assets/fonts/HebrewToManakahthey-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Manakahthey font loaded above via @font-face */
:root{
  --bg:#F7F2EA;--bg2:#EEE7D8;--bg3:#E5DCCB;--card:#FFFFFF;
  --text:#1A120A;--text2:#4A3525;--text3:#8A6E52;
  --coral:#D94F28;--teal:#0D8A72;--pink:#C44D78;--amber:#B8720E;--gold:#C8A832;--gold-text:#8A5F0A;--blue:#2A6EB8;
  --border:rgba(140,100,60,0.15);--tag:rgba(140,100,60,0.09);
  --nav:#F2EBE0;--hero:#EDE4D2;
  --font-paleo:'Manakahthey',sans-serif;
  --font-serif:Georgia,'Times New Roman',serif;
  --font-sans:system-ui,sans-serif;
}
[data-theme="dark"]{
  --bg:#0A0C12;--bg2:#0E1018;--bg3:#12151E;--card:#0E1018;
  --text:#EEE8F8;--text2:#B0A8C8;--text3:#606880;
  --coral:#FF6B45;--teal:#2DD4A8;--pink:#F07AA2;--amber:#F0B030;--gold:#F0D060;--gold-text:#F0D060;--blue:#60AAEE;
  --border:rgba(120,130,200,0.18);--tag:rgba(120,130,200,0.1);
  --nav:#080A10;--hero:#0C0E16;
}
*{box-sizing:border-box;margin:0;padding:0;}
body,html{background:var(--bg);color:var(--text);font-family:var(--font-serif);}
.w{min-height:100vh;background:var(--bg);transition:background 0.4s,color 0.4s;}
.paleo{font-family:var(--font-paleo);direction:rtl;display:inline-block;}

/* NAV */
.topbar{background:var(--nav);border-bottom:1px solid var(--border);padding:0 1.2rem;display:flex;align-items:center;justify-content:space-between;height:64px;position:sticky;top:0;z-index:100;transition:background 0.4s;gap:0.6rem;}
.logo-img{height:46px;width:46px;object-fit:contain;border-radius:7px;flex-shrink:0;}
.nav-links{display:flex;gap:2px;align-items:center;}
.nav-item{display:flex;flex-direction:column;align-items:center;padding:5px 8px;border-radius:9px;cursor:pointer;border:1px solid transparent;transition:background 0.2s,border-color 0.2s;text-decoration:none;}
.nav-item:hover{background:var(--tag);border-color:var(--border);}
.nav-item.active{background:var(--tag);border-color:var(--border);}
.nav-ico{font-size:24px;transition:transform 0.2s;line-height:1;}
.nav-item:hover .nav-ico{transform:scale(1.15);}
.nav-mana{font-family:var(--font-paleo);font-size:22px;color:var(--teal);line-height:1;transition:transform 0.2s;}
.nav-item:hover .nav-mana{transform:scale(1.15);}
.nav-label{font-family:var(--font-sans);font-size:0.58rem;letter-spacing:0.06em;text-transform:uppercase;margin-top:2px;color:var(--text3);transition:color 0.2s,font-weight 0.2s;white-space:nowrap;}
.nav-item:hover .nav-label,.nav-item.active .nav-label{color:var(--coral);font-weight:700;}
.nav-item.active .nav-label{color:var(--teal);}
.theme-btn{background:none;border:1px solid var(--border);border-radius:50px;padding:5px 12px;cursor:pointer;font-family:var(--font-sans);font-size:0.73rem;color:var(--text3);white-space:nowrap;transition:all 0.2s;flex-shrink:0;}
.theme-btn:hover{background:var(--tag);color:var(--text2);}

/* HERO */
.hero{background:var(--hero);padding:2.4rem 1.5rem 2rem;border-bottom:1px solid var(--border);text-align:center;transition:background 0.4s;}
.hero-aramaic{font-family:var(--font-paleo);font-size:1.4rem;color:var(--gold);letter-spacing:0.1em;margin-bottom:0.4rem;opacity:0.9;direction:rtl;}
.hero h1{font-size:1.55rem;color:var(--text);font-weight:700;line-height:1.25;margin-bottom:0.9rem;}
.hero h1 em{color:var(--coral);font-style:italic;}
.hero-author{display:flex;align-items:center;gap:14px;max-width:580px;margin:0 auto;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:0.9rem 1.1rem;}
.hero-book-img{height:72px;object-fit:contain;border-radius:5px;flex-shrink:0;cursor:pointer;transition:transform 0.2s;}
.hero-book-img:hover{transform:scale(1.04);}
.hero-author-text{font-family:var(--font-sans);font-size:0.79rem;color:var(--text2);line-height:1.7;text-align:left;}
.hero-author-text a{color:var(--teal);text-decoration:none;border-bottom:1px solid transparent;transition:border-color 0.2s;}
.hero-author-text a:hover{border-bottom-color:var(--teal);}
.sun-bar{display:inline-flex;align-items:center;gap:6px;background:var(--tag);border:1px solid var(--border);border-radius:30px;padding:4px 13px;font-family:var(--font-sans);font-size:0.72rem;color:var(--text3);margin-top:1rem;}
.sdot{width:7px;height:7px;border-radius:50%;background:var(--amber);animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.35}}

/* MAIN */
.main{max-width:960px;margin:0 auto;padding:2rem 1.4rem;}
.sec-hd{display:flex;align-items:center;gap:10px;margin-bottom:1.1rem;}
.sec-lbl{font-family:var(--font-sans);font-size:0.66rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--text3);white-space:nowrap;}
.sec-rule{flex:1;height:1px;background:var(--border);}

/* THEOCRATIC HERO */
.th-block{background:var(--card);border:2px solid var(--gold);border-radius:14px;padding:1.6rem 1.8rem;margin-bottom:2.2rem;display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;}
.th-icon{font-size:3rem;flex-shrink:0;}
.th-body{flex:1;min-width:200px;}
.th-badge{font-family:var(--font-sans);font-size:0.63rem;padding:2px 10px;border-radius:20px;background:rgba(200,168,50,0.12);color:var(--gold);letter-spacing:0.07em;text-transform:uppercase;font-weight:600;display:inline-block;margin-bottom:0.4rem;}
.th-body h2{font-size:1.3rem;font-weight:700;color:var(--gold);margin-bottom:0.4rem;line-height:1.25;}
.th-body p{font-family:var(--font-sans);font-size:0.82rem;color:var(--text2);line-height:1.7;}
.th-links{display:flex;gap:0.6rem;margin-top:0.9rem;flex-wrap:wrap;}
.th-link{font-family:var(--font-sans);font-size:0.74rem;padding:5px 13px;border-radius:7px;border:1px solid var(--border);color:var(--text3);text-decoration:none;transition:border-color 0.2s,color 0.2s;cursor:pointer;}
.th-link:hover{border-color:var(--gold);color:var(--gold);}

/* LAWS */
.laws-section{background:var(--bg2);border:1px solid var(--border);border-left:4px solid var(--gold);border-radius:0 12px 12px 0;padding:1.4rem;margin-bottom:2.4rem;transition:background 0.4s;}
.laws-hd{display:flex;align-items:center;gap:10px;margin-bottom:0.3rem;flex-wrap:wrap;}
.laws-title{font-size:1.05rem;font-weight:700;color:var(--gold);}
.laws-badge{font-family:var(--font-sans);font-size:0.63rem;padding:2px 9px;border-radius:20px;background:rgba(200,168,50,0.12);color:var(--gold);letter-spacing:0.07em;text-transform:uppercase;}
.laws-sub{font-family:var(--font-sans);font-size:0.77rem;color:var(--text3);margin-bottom:1.1rem;}
.law-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:0.45rem;margin-bottom:0.8rem;}
.law-cat-btn{font-family:var(--font-sans);font-size:0.73rem;color:var(--text2);padding:0.45rem 0.7rem;background:var(--card);border-radius:7px;border:1px solid var(--border);cursor:pointer;transition:border-color 0.2s,color 0.2s;font-weight:600;text-align:left;}
.law-cat-btn:hover,.law-cat-btn.active{border-color:var(--gold);color:var(--gold);}
.law-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0.4rem;}
.law-list li{font-family:var(--font-sans);font-size:0.78rem;color:var(--text2);padding:0.48rem 0.72rem;background:var(--card);border-radius:7px;border:1px solid var(--border);display:flex;align-items:center;gap:8px;cursor:pointer;transition:border-color 0.2s,color 0.2s;}
.law-list li:hover{border-color:var(--gold);color:var(--text);}
.law-n{font-size:0.63rem;font-weight:700;color:var(--gold);font-family:var(--font-sans);min-width:20px;}

/* POSTS */
.posts-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.85rem;margin-bottom:2.4rem;}
.post-card{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden;cursor:pointer;transition:border-color 0.2s,box-shadow 0.2s;}
.post-card:hover{box-shadow:0 4px 18px rgba(0,0,0,0.1);border-color:var(--text3);}
.post-thumb{width:100%;height:100px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;border-bottom:1px solid var(--border);}
.post-body{padding:0.85rem 0.9rem;}
.ptag{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-sans);font-size:0.63rem;text-transform:uppercase;letter-spacing:0.09em;padding:2px 8px;border-radius:5px;margin-bottom:0.5rem;font-weight:600;}
.t-coral{color:var(--coral);background:rgba(217,79,40,0.1);}
.t-blue{color:var(--blue);background:rgba(42,110,184,0.1);}
.t-teal{color:var(--teal);background:rgba(13,138,114,0.1);}
.t-pink{color:var(--pink);background:rgba(196,77,120,0.1);}
.post-card h3{font-size:0.9rem;font-weight:700;color:var(--text);line-height:1.35;margin-bottom:0.35rem;}
.post-card p{font-family:var(--font-sans);font-size:0.75rem;color:var(--text2);line-height:1.58;}
.post-meta{font-family:var(--font-sans);font-size:0.67rem;color:var(--text3);margin-top:0.55rem;}

/* SITES ROW */
.sites-row{display:flex;gap:1rem;margin-bottom:2.4rem;flex-wrap:wrap;}
.site-icon-card{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--border);cursor:pointer;transition:border-color 0.2s,transform 0.2s;flex:1;min-width:120px;aspect-ratio:1.2/1;background:var(--bg3);}
.site-icon-card:hover{border-color:var(--teal);transform:translateY(-3px);}
.site-icon-card img{width:100%;height:100%;object-fit:cover;display:block;}
.site-overlay{position:absolute;bottom:0;left:0;right:0;background:rgba(10,12,18,0.82);padding:6px 10px;font-family:var(--font-sans);font-size:0.7rem;color:#fff;font-weight:700;opacity:0;transition:opacity 0.2s;text-align:center;letter-spacing:0.04em;}
.site-icon-card:hover .site-overlay{opacity:1;}
.mana-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;position:absolute;top:0;left:0;background:var(--bg2);}
.mana-glyph{font-family:var(--font-paleo);font-size:2.2rem;color:var(--teal);direction:rtl;}
.mana-sub{font-family:var(--font-sans);font-size:0.6rem;color:var(--text3);letter-spacing:0.1em;text-transform:uppercase;}

/* PATREON */
.patreon-block{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:1.5rem 1.7rem;margin-bottom:2.4rem;display:flex;align-items:center;justify-content:space-between;gap:1.3rem;flex-wrap:wrap;}
.pat-left{display:flex;align-items:center;gap:14px;}
.pat-logo{width:46px;height:46px;border-radius:10px;background:#FF424D;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.4rem;}
.pat-text h3{font-size:0.97rem;font-weight:700;color:var(--text);margin-bottom:0.2rem;}
.pat-text p{font-family:var(--font-sans);font-size:0.78rem;color:var(--text2);line-height:1.6;}
.pat-btn{font-family:var(--font-sans);font-size:0.8rem;padding:10px 20px;background:#FF424D;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;text-decoration:none;transition:opacity 0.2s;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;}
.pat-btn:hover{opacity:0.85;}

/* FOOTER */
.footer{background:var(--nav);border-top:1px solid var(--border);padding:1.2rem 1.5rem;transition:background 0.4s;}
.footer-inner{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.6rem;}
.footer-logo{height:28px;width:28px;object-fit:contain;opacity:0.75;}
.footer-links{display:flex;gap:0.9rem;flex-wrap:wrap;}
.footer-links a{font-family:var(--font-sans);font-size:0.72rem;color:var(--teal);text-decoration:none;transition:color 0.2s;}
.footer-links a:hover{color:var(--coral);}
.footer-copy{font-family:var(--font-sans);font-size:0.7rem;color:var(--text3);}