/*
Theme Name: ADIT AI
Theme URI: https://adit-ai.com/
Description: ערכת עיצוב קלה ורב-לשונית לאתר ADIT AI (עברית, English, Français, Español, Русский). PHP קלאסי, בלי page builder. מבוססת על ערכת EngiFree.
Version: 1.0.4
Author: ADIT Ltd.
Author URI: https://www.adit.org.il/
Text Domain: aditai
Requires at least: 6.0
Requires PHP: 7.4
*/

:root{
  --ai-ink:#14152b; --ai-muted:#5d5f78; --ai-line:#e5e3ef; --ai-bg:#f7f6fb; --ai-card:#fff;
  --ai-night:#070b1d; --ai-night2:#101741;
  --ai-blue:#003d82; --ai-orange:#e8500a; --ai-violet:#7c3aed; --ai-cyan:#22d3ee;
  --ai-radius:14px; --ai-shadow:0 1px 2px rgba(20,21,43,.06),0 10px 28px rgba(20,21,43,.07);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ai-bg);color:var(--ai-ink);font-family:Rubik,"Segoe UI",Arial,Helvetica,sans-serif;font-size:17px;line-height:1.7;overflow-x:clip}
img{max-width:100%;height:auto}
a{color:var(--ai-blue)}
a:hover{color:var(--ai-orange)}
.ef-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link:focus{position:fixed;top:8px;inset-inline-start:8px;z-index:999;background:#fff;color:#000;padding:8px 14px;border-radius:8px;width:auto;height:auto;clip:auto}

/* ---------- Header ---------- */
.ai-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#001b44 0%,#00214f 100%);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
.admin-bar .ai-header{top:32px}
@media (max-width:782px){.admin-bar .ai-header{top:46px}}
.ai-header::after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--ai-cyan),var(--ai-violet),var(--ai-orange));opacity:.85}
.ai-header a{color:#fff;text-decoration:none}
.ai-header-inner{display:flex;align-items:center;gap:20px;min-height:76px;flex-wrap:wrap;padding-block:4px}
.ai-logo{display:flex;align-items:center;line-height:0;margin-inline-start:-10px}
.ai-logo img{height:68px;width:auto;display:block}
@media (max-width:760px){.ai-logo img{height:50px}}
.ai-logo .ai-mark{width:34px;height:34px;flex:0 0 34px}
.ai-logo b{font-weight:800;background:linear-gradient(90deg,var(--ai-cyan),#a78bfa 55%,#fb923c);-webkit-background-clip:text;background-clip:text;color:transparent}
.ai-by{display:flex;align-items:center;gap:6px;font-size:12px;opacity:.75}
.ai-by img{block-size:22px;inline-size:auto;filter:brightness(0) invert(1);opacity:.9}
.ai-nav{margin-inline-start:auto}
.ai-nav ul{list-style:none;display:flex;gap:6px;margin:0;padding:0;flex-wrap:wrap}
.ai-nav a{display:block;font-size:15px;padding:7px 12px;border-radius:999px;opacity:.88;transition:background .2s,opacity .2s}
.ai-nav a:hover,.ai-nav .current-menu-item>a{opacity:1;background:rgba(255,255,255,.1)}
.ai-langs{display:flex;gap:4px;align-items:center}
.ai-langs a,.ai-langs span{font-size:12.5px;font-weight:600;letter-spacing:.4px;padding:5px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.18);opacity:.8}
.ai-langs span[aria-current]{background:#fff;color:var(--ai-night);opacity:1;border-color:#fff}
.ai-langs a:hover{opacity:1;border-color:var(--ai-cyan)}
@media (max-width:760px){
  .ai-header-inner{gap:10px}
  .ai-nav{order:3;width:100%;margin:0;overflow-x:auto}
  .ai-nav ul{flex-wrap:nowrap}
  .ai-langs{margin-inline-start:auto}
  .ai-by{display:none}
}

/* ---------- Content ---------- */
main.ef-wrap{padding-block:28px 48px}
.ef-content{background:var(--ai-card);border:1px solid var(--ai-line);border-radius:var(--ai-radius);box-shadow:var(--ai-shadow);padding:clamp(20px,3vw,40px);margin:0 0 28px}
.ef-content h1{font-size:clamp(28px,4vw,42px);line-height:1.2;margin:0 0 18px}
.ef-content h2{line-height:1.3;margin-top:34px;border-inline-start:4px solid var(--ai-violet);padding-inline-start:12px}
.ef-content h3{color:var(--ai-blue);margin-top:26px}
.ef-content a{text-underline-offset:3px}
.ef-banner{display:none}
.ai-archive-title{font-size:clamp(26px,3.4vw,38px);margin:8px 0 22px}
.ai-list{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.ai-list .ef-content{margin:0;padding:22px}
.ai-list h2{font-size:20px;border:0;padding:0;margin:0 0 8px}
.ai-list h2 a{text-decoration:none;color:var(--ai-ink)}
.ai-empty{padding:60px 0;text-align:center;color:var(--ai-muted)}
.ef-pagination{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:24px 0}
.ef-pagination .page-numbers{padding:8px 14px;border:1px solid var(--ai-line);border-radius:10px;background:#fff;text-decoration:none}
.ef-pagination .current{background:var(--ai-night);color:#fff;border-color:var(--ai-night)}

/* Full-bleed pages (AI hub, Claude guide, articles carry their own design) */
body.ai-fullbleed main.ef-wrap{max-width:none;padding:0}
body.ai-fullbleed article.ef-content{background:none;border:0;box-shadow:none;padding:0;margin:0;border-radius:0}

/* ---------- Footer ---------- */
.ai-footer{background:var(--ai-night);color:#c9cbe0;font-size:14.5px;position:relative;margin-top:0}
.ai-footer::before{content:"";position:absolute;inset-inline:0;top:0;height:2px;background:linear-gradient(90deg,var(--ai-orange),var(--ai-violet),var(--ai-cyan))}
.ai-footer a{color:#fff;text-decoration:none;opacity:.85}
.ai-footer a:hover{opacity:1;color:#fff;text-decoration:underline}
.ai-footer-inner{display:grid;gap:28px;grid-template-columns:2fr 1fr 1fr;padding-block:40px 28px}
.ai-footer h3{color:#fff;font-size:15px;margin:0 0 10px;letter-spacing:.3px}
.ai-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ai-footer p{margin:0 0 8px}
.ai-footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-block:16px;display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;font-size:13px;opacity:.75}
@media (max-width:760px){.ai-footer-inner{grid-template-columns:1fr}}