/*
Theme Name: العنود للمحاماة
Theme URI: https://alanoodlaw.sa/
Description: قالب مكتب العنود سليمان الغريب للمحاماة والاستشارات القانونية. ألوان الشعار وخط ثمانية، وصفحات الخدمات بتصميم مخصص.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: alanood
*/
@font-face{font-family:"Thmanyah Sans";src:url("assets/fonts/thmanyahsans-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url("assets/fonts/thmanyahsans-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url("assets/fonts/thmanyahsans-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url("assets/fonts/thmanyahsans-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url("assets/fonts/thmanyahsans-Black.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}
:root{color-scheme:light;
  --ink:#0E5040;        
  --ink-2:#15664f;
  --sand:#BBA37C;       
  --sand-soft:#f1ebde;
  --paper:#f8f6f1;      
  --white:#ffffff;
  --text:#2c3434;
  --muted:#667272;
  --line:#e2ddd1;
  --wa:#1f7a4d;
  --display:"Thmanyah Sans",Tahoma,"Segoe UI",sans-serif;
  --body:"Thmanyah Sans",Tahoma,"Segoe UI",sans-serif;}
html{direction:rtl}
body{background:var(--paper);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.85}
*{box-sizing:border-box}
h1,h2,h3{font-family:var(--display);color:var(--ink);text-wrap:balance;line-height:1.4;margin:0;font-weight:700}
h3{font-family:var(--body);font-weight:700}
p{margin:0}
a{color:inherit}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.hdr{background:var(--ink);color:#fff}
.hdr .in{max-width:1180px;margin-inline:auto;padding:14px 16px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand b{font-family:var(--display);font-size:1.25rem;font-weight:700;display:block;line-height:1.2}
.brand small{display:block;font-size:.72rem;color:var(--sand);letter-spacing:.02em}
.menu{display:flex;gap:4px 18px;flex-wrap:wrap;font-size:.9rem;margin-inline-start:auto}
.menu a{text-decoration:none;color:#dbe3e1;padding:4px 0;border-bottom:1px solid transparent}
.menu a.cur{color:#fff;border-bottom-color:var(--sand)}
.btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:500;font-size:.95rem;padding:11px 20px;border-radius:4px;border:1px solid transparent;cursor:pointer;font-family:var(--body)}
.btn-sand{background:var(--sand);color:var(--ink)}
.btn-ink{background:var(--ink);color:#fff}
.btn-line{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-wa{background:var(--wa);color:#fff}
.crumbs{font-size:.8rem;color:var(--muted)}
.crumbs a{text-decoration:none}
.hero{background:var(--white);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--sand-soft) 1px,transparent 1px);background-size:22px 22px;opacity:.7;pointer-events:none}
.hero .in{position:relative;max-width:1180px;margin-inline:auto;padding:56px 16px 60px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:48px;align-items:center}
.hero h1{font-size:clamp(1.9rem,3.6vw,2.8rem);font-weight:900}
.hero .lead{font-size:1.15rem;font-weight:300;color:var(--muted);max-width:56ch}
.hero .stack{display:flex;flex-direction:column;gap:20px}
.ctas{display:flex;flex-wrap:wrap;gap:10px}
.trust{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.84rem;color:var(--muted)}
.trust span{display:inline-flex;align-items:center;gap:6px}
.trust span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sand)}
.ph{background:var(--sand-soft);color:var(--ink-2);padding:0 6px;border-radius:3px;font-size:.9em;white-space:nowrap}
.card-note{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--ink);padding:22px;display:flex;flex-direction:column;gap:14px}
.card-note h3{font-size:1.05rem}
.card-note ol{margin:0;padding-inline-start:20px;display:flex;flex-direction:column;gap:8px;font-size:.93rem}
.card-note .small{font-size:.8rem;color:var(--muted)}
.band{padding-block:64px}
.band.alt{background:var(--white);border-block:1px solid var(--line)}
.band .in{max-width:1180px;margin-inline:auto;padding-inline:16px;display:flex;flex-direction:column;gap:28px}
.band .head{display:flex;flex-direction:column;gap:10px;max-width:70ch}
.band .head h2{font-size:clamp(1.45rem,2.4vw,1.9rem)}
.band .head p{color:var(--muted)}
.rule{width:44px;height:2px;background:var(--sand)}
.prose{max-width:68ch;display:flex;flex-direction:column;gap:14px}
.areas{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0;border-top:1px solid var(--line);border-inline-start:1px solid var(--line)}
.area{display:flex;gap:14px;align-items:flex-start;padding:22px 18px;border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line);text-decoration:none;background:var(--white);min-width:0}
.area:hover{background:var(--paper)}
.area svg{flex:none;width:40px;height:40px;stroke:var(--sand);fill:none;stroke-width:1.4}
.area b{display:block;color:var(--ink);font-size:1rem}
.area span{display:block;font-size:.85rem;color:var(--muted);line-height:1.6}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;counter-reset:s}
.steps li{counter-increment:s;background:var(--white);border:1px solid var(--line);padding:20px 18px;display:flex;flex-direction:column;gap:8px;min-width:0}
.steps li::before{content:counter(s,arabic-indic);font-family:var(--display);font-size:1.6rem;color:var(--sand);line-height:1}
.steps b{color:var(--ink)}
.steps span{font-size:.9rem;color:var(--muted);line-height:1.7}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.two > div{min-width:0;display:flex;flex-direction:column;gap:12px}
.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.checks li{display:flex;gap:10px;align-items:flex-start}
.checks li::before{content:"";flex:none;width:16px;height:16px;margin-top:6px;border:1.5px solid var(--sand);border-radius:3px;background:linear-gradient(var(--sand),var(--sand)) center/6px 6px no-repeat}
.warn{background:var(--sand-soft);border-inline-start:3px solid var(--ink);padding:16px 18px;font-size:.95rem;display:flex;flex-direction:column;gap:6px}
.warn b{color:var(--ink)}
.faq{display:flex;flex-direction:column;border-top:1px solid var(--line);max-width:860px}
.faq details{border-bottom:1px solid var(--line);padding:4px 0}
.faq summary{cursor:pointer;list-style:none;padding:14px 0;font-weight:700;color:var(--ink);display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--display);color:var(--sand);font-size:1.3rem;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq p{padding-bottom:16px;color:var(--text);max-width:70ch}
.cta{background:var(--ink);color:#e7ecea}
.cta .in{max-width:1180px;margin-inline:auto;padding:48px 16px;display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between}
.cta h2{color:#fff;font-size:1.6rem}
.cta p{color:#b9c6c3;max-width:52ch}
.ftr{background:#0a3a2f;color:#b6c3c0;font-size:.85rem}
.ftr .in{max-width:1180px;margin-inline:auto;padding:36px 16px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}
.ftr h4{margin:0 0 8px;color:#fff;font-size:.95rem}
.ftr ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ftr .legal{grid-column:1/-1;border-top:1px solid #1d5446;padding-top:16px;font-size:.78rem;color:#8fa19e;line-height:1.8}
.num{font-variant-numeric:tabular-nums}
[hidden]{display:none !important}
.hero-tight .in{grid-template-columns:minmax(0,1fr);padding-block:40px 36px}
.calc-band{padding-block:40px 56px}
.note-s{font-size:.82rem;color:var(--muted);max-width:80ch}
.tablebox-s{overflow-x:auto;border:1px solid var(--line);background:var(--white)}
.rtab{border-collapse:collapse;width:100%;font-size:.92rem}
.rtab th,.rtab td{text-align:start;padding:10px 12px;border-bottom:1px solid var(--line)}
.rtab th{background:var(--sand-soft);color:var(--ink);font-weight:700}
.rtab tr:last-child td{border-bottom:0}
@media (max-width:820px){.hero .in{grid-template-columns:1fr;padding-block:40px}.menu{display:none}.band{padding-block:48px}}
@media (prefers-reduced-motion:no-preference){.area,.btn{transition:background .15s}}
/* ---- WordPress resets: full-width custom sections, no default gaps ---- */
.wp-site-blocks{padding:0 !important}
.wp-site-blocks > *, .entry-content > *, .wp-block-post-content > *{margin-block-start:0 !important;margin-block-end:0}
.wp-block-post-content{max-width:none !important}
.wp-block-post-content > .alanood-section, .wp-block-post-content > section, .wp-block-post-content > div{max-width:none !important;margin-inline:0 !important}
.lg{display:block;background-repeat:no-repeat;background-position:center;background-size:contain}
.lg-mark{width:46px;height:45px;background-image:url("assets/img/logo-mark-gold.svg")}
.lg-wm{width:190px;height:37px;background-image:url("assets/img/logo-wordmark-white.svg")}
.lg-fw{width:170px;height:114px;background-image:url("assets/img/logo-full-white.svg")}
.skip-link{position:absolute;right:-9999px}.skip-link:focus{right:16px;top:8px;z-index:100;background:#fff;color:var(--ink);padding:8px 12px}
.ftr a{text-decoration:none}.ftr a:hover{text-decoration:underline}
/* plain content (articles, generic pages) */
.alanood-plain{max-width:760px;margin-inline:auto;padding:48px 16px 64px}
.alanood-plain h1{font-size:clamp(1.7rem,3vw,2.3rem);margin-bottom:18px}
.alanood-plain .wp-block-post-content > *{margin-block-end:1em !important}
.alanood-plain .wp-block-post-content h2{font-size:1.45rem;margin-top:1.6em !important}
.alanood-plain .wp-block-post-content a{color:var(--ink);text-decoration:underline}
