/*
Theme Name: SEO Expert Arabic
Description: قالب تعريفي عربي لمتخصص SEO — فاتح، أزرق هادئ، من اليمين لليسار.
Version: 1.0
Text Domain: seo-expert
*/
:root{--bg:#f5f8fc;--card:#fdfeff;--fg:#1f2d3d;--muted:#5d6b7c;--primary:#2f6aa3;--primary-fg:#f7fafd;--secondary:#e6eef7;--border:#dbe4ee;--wa:#25c26a;--radius:18px;--shadow:0 12px 34px -20px rgba(31,45,61,.25)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;line-height:1.7}
h1,h2,h3{font-family:"Readex Pro","IBM Plex Sans Arabic",sans-serif;line-height:1.3;margin:0}
a{color:inherit;text-decoration:none}.wrap{max-width:1152px;margin:auto;padding:0 20px}
header.site{position:sticky;top:0;z-index:40;background:rgba(245,248,252,.85);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
header.site .wrap{display:flex;justify-content:space-between;align-items:center;padding-block:16px}
.brand{font-family:"Readex Pro";font-weight:700;font-size:18px}.brand span,.grad{background:linear-gradient(100deg,var(--primary),#3b9cc0);-webkit-background-clip:text;color:transparent}
nav.main{display:flex;gap:28px;font-size:14px;color:var(--muted)}nav.main a:hover{color:var(--primary)}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:var(--primary);color:var(--primary-fg);padding:10px 22px;font-weight:600}
.btn.ghost{background:transparent;color:var(--fg);border:1px solid var(--border)}
.hero{background:linear-gradient(160deg,#f8fbfe,#dde9f5);padding:120px 0}.hero h1{font-size:clamp(36px,6vw,60px)}.hero p{color:var(--muted);font-size:18px;max-width:560px}
.badge{display:inline-block;border:1px solid var(--border);background:var(--card);border-radius:999px;padding:6px 16px;font-size:12px;color:var(--muted);margin-bottom:24px}
section.block{padding:96px 0}section.alt{background:#edf2f8;border-block:1px solid var(--border)}
section h2{font-size:clamp(28px,4vw,36px)}.lead{color:var(--muted);margin-top:12px}
.grid{display:grid;gap:24px;margin-top:48px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;transition:transform .2s}.card:hover{transform:translateY(-4px)}
.card h3{font-size:19px;margin-top:16px}.card p{color:var(--muted);margin:8px 0 0}
.tag{background:var(--secondary);border-radius:999px;padding:3px 12px;font-size:12px}.more{color:var(--primary);font-weight:600;display:inline-block;margin-top:20px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));text-align:center;padding:48px 0}.stats b{display:block;font-size:36px;color:var(--primary);font-family:"Readex Pro"}.stats small{color:var(--muted)}
.steps{display:grid;gap:32px;margin-top:48px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.steps div{border-top:2px solid var(--primary);padding-top:20px}.steps span{color:var(--primary);font-size:14px}
.contact{text-align:center}.contact .row{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px}
.contact .row a{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 24px;display:inline-flex;gap:10px;align-items:center}
.contact .row a.wa,.wa-float{background:var(--wa);color:#fff;border:0}
.wa-float{position:fixed;bottom:24px;left:24px;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.2);z-index:50}
.wa-float svg,.wa svg{width:26px;height:26px;fill:currentColor}.contact .row a.wa svg{width:20px;height:20px}
footer.site{text-align:center;color:var(--muted);font-size:14px;padding:40px 0}
.entry{max-width:760px;margin:auto;padding:80px 20px}.entry h1{font-size:40px}.entry .meta{color:var(--muted);font-size:14px;margin:12px 0 32px}.entry img{max-width:100%;height:auto;border-radius:12px}
@media(max-width:760px){nav.main{display:none}}