/*
Theme Name: Obaid Legal
Theme URI: https://obaidlegal.com
Author: Claude
Author URI: https://claude.com
Description: قالب ووردبريس كامل الهيكلة لمكتب المحامي محمد باسم ابراهيم عبيد (Obaid Legal) للمحاماة والاستشارات القانونية والتحكيم. يدعم صفحات مستقلة مؤرشفة لكل تخصص، مقالات ديناميكية، بيانات مهيكلة متقدمة (Schema.org)، ونموذج حجز حقيقي عبر البريد وواتساب.
Version: 2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: obaidlegal-theme
*/

:root{--navy:#0B1F3A;--gold:#B8975A;--ivory:#F6F2E9;--bg:#0B1F3A;--t:#F6F2E9;--m:#C1C9D4;--g:#B8975A;--card:#12294A;--line:rgba(184,151,90,.3)}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{background:var(--bg);color:var(--t);font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;line-height:1.85}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.w{max-width:1080px;margin:0 auto;padding:0 clamp(20px,5vw,40px)}
h1,h2,h3,.brand{font-family:Amiri,Georgia,serif;font-weight:700}
section,main>.pad{padding:clamp(56px,9vh,100px) 0}
.l{background:var(--ivory);--t:#0B1F3A;--m:#4a5568;--g:#7d6234;--card:#fff;--line:rgba(11,31,58,.12)}
.d{background:var(--navy)}
.head{margin-bottom:36px;max-width:640px}
.head h1,.head h2{font-size:clamp(1.9rem,4.4vw,2.8rem);line-height:1.4}
.head h1::after,.head h2::after{content:"";display:block;width:52px;height:2px;background:var(--gold);margin-top:14px}
.head p{margin-top:14px;color:var(--m);font-size:1.06rem}

/* Header / Nav */
header.site-header{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;padding:14px clamp(20px,5vw,40px);background:rgba(11,31,58,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);color:var(--ivory)}
.brand{display:flex;align-items:center;gap:10px;font-size:clamp(1.15rem,2.8vw,1.5rem);line-height:1.3}
.brand img{height:48px;width:auto;flex:none}
nav.main-nav{display:flex;gap:16px;font-size:.88rem;color:#C1C9D4;flex-wrap:wrap;order:3;width:100%;padding-top:6px;border-top:1px solid var(--line)}
nav.main-nav a{padding-bottom:2px;border-bottom:1px solid transparent}
nav.main-nav a:hover,nav.main-nav a.current{color:var(--gold);border-color:var(--gold)}
.btn{display:inline-block;background:var(--gold);color:var(--navy);padding:14px 28px;font-weight:600;font-size:1rem;border-radius:3px;border:0;cursor:pointer;font-family:inherit;transition:transform .2s}
.btn:hover{transform:translateY(-2px)}
.btn.sm{padding:9px 18px;font-size:.88rem;background:transparent;border:1px solid var(--gold);color:var(--gold)}
.btn.sm:hover{background:var(--gold);color:var(--navy);transform:none}
.link{border-bottom:1px solid var(--gold);padding-bottom:2px}

/* Hero */
.banner{padding:64px 0 48px;background:radial-gradient(90% 70% at 85% 10%,#17345c 0,var(--navy) 60%)}
.hero-mark{height:clamp(110px,16vw,170px);width:auto;margin-bottom:16px}
h1.page-title{font-size:clamp(2.1rem,5.6vw,3.6rem);line-height:1.4;max-width:16ch}

/* Cards / grids */
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:24px 22px;transition:border-color .2s,transform .2s}
.card:hover{border-color:var(--gold);transform:translateY(-2px)}
.card h3{font-size:1.2rem;margin-bottom:6px}
.card p{font-size:.94rem;color:var(--m)}
.card .go{display:inline-block;margin-top:10px;font-size:.88rem;color:var(--gold);border-bottom:1px solid var(--gold)}
.spec{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.spec>div{border-inline-start:2px solid var(--gold);padding-inline-start:14px}
.spec h3{font-size:1.1rem;margin-bottom:4px}
.spec p{font-size:.9rem;color:var(--m)}
.ic{width:20px;height:20px;stroke:var(--gold);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block;margin-bottom:8px}
nav a .ic{width:16px;height:16px;display:inline;vertical-align:-3px;margin-left:4px;margin-bottom:0}

/* Founder / about */
.founder{display:grid;grid-template-columns:minmax(0,200px) 1fr;gap:clamp(24px,5vw,56px);align-items:start}
.mono{aspect-ratio:4/5;border:1px solid var(--gold);border-radius:4px;object-fit:cover;width:100%}
.chips{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}
.chips span{border:1px solid var(--line);padding:6px 16px;border-radius:999px;font-size:.85rem}

/* FAQ */
.faq-group h3{font-family:Amiri,serif;color:var(--gold);font-size:1.15rem;margin:30px 0 6px}
details{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:16px 2px;font-weight:600}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--gold);font-size:1.5rem;transition:transform .25s}
details[open] summary::after{transform:rotate(45deg)}
details p{padding:0 2px 18px;color:var(--m)}
.disc-box{margin-top:20px;font-size:.86rem;color:var(--m);padding-inline-start:14px;border-inline-start:2px solid var(--gold)}

/* Article / single */
.crumbs{font-size:.85rem;color:var(--m);margin-bottom:22px}
.crumbs a{color:var(--gold)}
.crumbs span{margin:0 6px}
.meta-row{display:flex;gap:16px;flex-wrap:wrap;color:var(--m);font-size:.88rem;margin:12px 0 30px}
.toc{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:18px 22px;margin:30px 0}
.toc h2{font-size:1.05rem;margin-bottom:10px;color:var(--gold);border:0}
.toc h2::after{display:none}
.toc ol{padding-inline-start:20px;display:grid;gap:6px;font-size:.92rem}
.prose{font-size:1.05rem;line-height:1.9;color:var(--m);max-width:72ch}
.prose h2{color:var(--t);font-size:1.3rem;margin-top:34px}
.prose h3{color:var(--t);font-size:1.12rem;margin-top:26px}
.prose p{margin-top:14px}
.prose ul{margin-top:14px;padding-inline-start:20px;display:grid;gap:10px}
.prose img{border-radius:4px;margin:20px 0}
.author-box{display:flex;gap:18px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:4px;padding:22px;margin-top:48px;max-width:72ch}
.author-box img{width:84px;height:84px;border-radius:50%;object-fit:cover;flex:none;border:1px solid var(--gold)}
.author-box h3{font-size:1.05rem}
.author-box p{font-size:.9rem;color:var(--m);margin-top:6px}
.share-row{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
.share-row a{border:1px solid var(--line);padding:9px 16px;border-radius:3px;font-size:.88rem}

/* Archive */
.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}

/* Contact / form */
.cg{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,60px);align-items:start}
.formcard{background:var(--ivory);color:var(--navy);padding:clamp(24px,4vw,34px);border-radius:4px}
form{margin-top:16px;display:grid;gap:12px}
label{display:grid;gap:6px;font-size:.9rem;color:#4a5568}
input,textarea,select{font:inherit;padding:12px;background:#fff;border:1px solid rgba(11,31,58,.3);border-radius:3px;color:var(--navy)}
input:focus,textarea:focus,select:focus{outline:2px solid var(--gold);outline-offset:1px}
textarea{min-height:84px;resize:vertical}
.fine{font-size:.82rem;color:#4a5568}
.notice{background:#e8f6ee;border:1px solid #2fa360;color:#1a5c37;padding:14px 18px;border-radius:4px;margin-top:16px;font-size:.92rem}
.info{display:grid;gap:16px}
.info>div{border-inline-start:2px solid var(--gold);padding-inline-start:14px}
.info h4{font-size:1.02rem}
.info p{font-size:.93rem;color:var(--m)}

/* 404 */
.e404{text-align:center;padding:90px 0}
.e404 svg{width:70px;height:70px;stroke:var(--gold);fill:none;stroke-width:1.2;margin:0 auto 20px}

/* Footer */
footer.site-footer{background:#081629;color:#8f9aab;padding:30px 0 70px;font-size:.85rem;text-align:center}
footer.site-footer img{height:70px;margin:0 auto 12px}
.float{position:fixed;inset-inline-start:16px;bottom:16px;background:#25D366;color:#083b1d;font-weight:600;padding:12px 18px;border-radius:999px;box-shadow:0 6px 20px rgba(0,0,0,.3);z-index:20;font-size:.95rem}

@media (max-width:900px){.cards,.spec,.archive-grid{grid-template-columns:1fr}}
@media (max-width:760px){nav.main-nav{display:flex}.cg,.founder{grid-template-columns:1fr}.mono{max-width:150px}}