/*
Theme Name: Legal Mood
Theme URI: https://legal-mood.com/
Author: Legal Mood
Author URI: https://legal-mood.com/
Description: قالب عربي RTL مخصص لمنصة المزاج القانوني: مجلة قانونية، مجتمع، خدمات وخبراء.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: legal-mood
Tags: rtl-language-support, custom-logo, custom-menu, featured-images, blog, news
*/

:root {
  --lm-navy: #071f33;
  --lm-navy-2: #0b2a43;
  --lm-navy-3: #113a59;
  --lm-gold: #b7924b;
  --lm-gold-2: #d2b574;
  --lm-ivory: #f8f5ef;
  --lm-paper: #fffdf9;
  --lm-muted: #6f7880;
  --lm-line: #e6e0d6;
  --lm-text: #152433;
  --lm-white: #ffffff;
  --lm-shadow: 0 18px 45px rgba(7,31,51,.10);
  --lm-radius: 18px;
  --lm-container: 1220px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--lm-ivory);color:var(--lm-text);font-family:"Tajawal",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.75}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
button,input,textarea,select{font:inherit}
.lm-container{width:min(calc(100% - 36px),var(--lm-container));margin-inline:auto}
.lm-section{padding:72px 0}
.lm-section--compact{padding:40px 0}
.lm-eyebrow{font-size:.8rem;font-weight:800;letter-spacing:.04em;color:var(--lm-gold);text-transform:uppercase}
.lm-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.lm-section-head h2{font-size:clamp(1.7rem,3vw,2.4rem);margin:0;color:var(--lm-navy)}
.lm-section-head p{margin:.45rem 0 0;color:var(--lm-muted)}
.lm-link{display:inline-flex;align-items:center;gap:8px;color:var(--lm-navy);font-weight:800}
.lm-link::after{content:"←";transition:.2s ease}
.lm-link:hover::after{transform:translateX(-4px)}
.lm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:12px;padding:13px 21px;font-weight:800;transition:.2s ease;cursor:pointer}
.lm-btn--gold{background:var(--lm-gold);color:#fff}
.lm-btn--gold:hover{background:#a47f3c;transform:translateY(-1px)}
.lm-btn--outline{border-color:rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.05)}
.lm-btn--outline:hover{background:rgba(255,255,255,.11)}
.lm-pill{border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:999px;padding:5px 12px;font-size:.85rem;background:rgba(255,255,255,.04)}

/* Header */
.lm-topbar{background:var(--lm-navy);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.lm-topbar__inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.lm-brand{display:flex;align-items:center;gap:13px;min-width:max-content}
.lm-brand__mark{width:46px;height:46px;border:1px solid rgba(210,181,116,.55);border-radius:14px;display:grid;place-items:center;color:var(--lm-gold-2);font:700 1.65rem Georgia,serif}
.lm-brand__title{font-size:1.26rem;font-weight:800;line-height:1.15}
.lm-brand__latin{display:block;font-size:.62rem;letter-spacing:.2em;opacity:.72;margin-top:5px}
.lm-topbar__tag{font-size:.9rem;color:rgba(255,255,255,.72)}
.lm-header-actions{display:flex;align-items:center;gap:9px}
.lm-icon-btn{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;background:transparent;color:#fff;cursor:pointer}
.lm-nav{background:rgba(255,253,249,.98);border-bottom:1px solid var(--lm-line);position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}
.lm-nav__inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:56px}
.lm-menu{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.lm-menu a{display:block;padding:17px 13px;font-weight:700;color:#2b3844;border-bottom:2px solid transparent}
.lm-menu a:hover,.lm-menu .current-menu-item>a{color:var(--lm-navy);border-color:var(--lm-gold)}
.lm-mobile-toggle{display:none;background:none;border:0;font-size:1.7rem;color:var(--lm-navy)}

/* Hero */
.lm-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 18%,rgba(183,146,75,.24),transparent 27%),linear-gradient(115deg,#061b2c 0%,#0a263d 50%,#071f33 100%);color:#fff;min-height:470px}
.lm-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to left,#000,transparent 78%);opacity:.65}
.lm-hero__inner{display:grid;grid-template-columns:1.18fr .82fr;gap:44px;align-items:center;min-height:470px;position:relative;z-index:2;padding:58px 0}
.lm-hero h1{font-size:clamp(2.7rem,6vw,5.1rem);line-height:1.05;margin:8px 0 10px;letter-spacing:-.03em}
.lm-hero h1 span{display:block;color:var(--lm-gold-2);font-size:.42em;margin-top:16px;letter-spacing:0}
.lm-hero p{font-size:1.08rem;color:rgba(255,255,255,.78);max-width:670px;margin:0 0 24px}
.lm-search{display:flex;max-width:720px;border-radius:14px;background:#fff;padding:6px;box-shadow:0 14px 35px rgba(0,0,0,.22)}
.lm-search input{flex:1;min-width:0;border:0;outline:0;padding:12px 14px;background:transparent;color:var(--lm-text)}
.lm-search button{width:52px;border:0;border-radius:10px;background:var(--lm-gold);color:#fff;font-size:1.2rem;cursor:pointer}
.lm-popular{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:15px}
.lm-popular strong{font-size:.9rem;color:var(--lm-gold-2)}
.lm-hero-art{position:relative;min-height:320px;display:grid;place-items:center}
.lm-scale{width:min(360px,90%);filter:drop-shadow(0 20px 45px rgba(0,0,0,.35));opacity:.94}
.lm-quote{position:absolute;inset-inline-end:0;top:25px;border-inline-start:3px solid var(--lm-gold);padding:7px 18px;color:var(--lm-gold-2);font-weight:700;max-width:180px}

/* specialties */
.lm-specialties{margin-top:-34px;position:relative;z-index:5}
.lm-specialties__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.lm-specialty{background:rgba(255,253,249,.98);border:1px solid var(--lm-line);border-radius:14px;padding:20px 13px;text-align:center;box-shadow:0 10px 25px rgba(7,31,51,.05);transition:.2s ease}
.lm-specialty:hover{transform:translateY(-4px);box-shadow:var(--lm-shadow);border-color:#d8c497}
.lm-specialty__icon{font-size:1.65rem;margin-bottom:8px;color:var(--lm-gold)}
.lm-specialty strong{display:block;font-size:.95rem;color:var(--lm-navy)}

/* cards */
.lm-content-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:32px}
.lm-featured{position:relative;min-height:390px;border-radius:var(--lm-radius);overflow:hidden;background:linear-gradient(135deg,#d7dee3,#f3eadc);box-shadow:var(--lm-shadow)}
.lm-featured__bg{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,24,39,.85),rgba(5,24,39,.04) 67%),var(--lm-featured-image,none) center/cover no-repeat}
.lm-featured__body{position:absolute;inset:auto 0 0;padding:28px;color:#fff}
.lm-featured__tag{display:inline-block;background:var(--lm-gold);padding:5px 11px;border-radius:8px;font-size:.82rem;font-weight:800}
.lm-featured h3{font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.35;margin:12px 0 8px;max-width:760px}
.lm-featured p{margin:0;color:rgba(255,255,255,.78);max-width:760px}
.lm-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:.82rem;color:rgba(255,255,255,.68);margin-top:16px}
.lm-list{background:var(--lm-paper);border:1px solid var(--lm-line);border-radius:var(--lm-radius);padding:22px;box-shadow:0 10px 30px rgba(7,31,51,.05)}
.lm-list__item{display:grid;grid-template-columns:86px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--lm-line)}
.lm-list__item:last-child{border:0;padding-bottom:0}
.lm-list__thumb{width:86px;height:68px;border-radius:10px;background:linear-gradient(135deg,#d8d3ca,#ece7de);object-fit:cover}
.lm-list__item h3{font-size:.96rem;line-height:1.45;margin:0 0 5px;color:var(--lm-navy)}
.lm-list__item small{color:var(--lm-muted)}

/* community */
.lm-community{background:#f1eee7;border-block:1px solid var(--lm-line)}
.lm-community-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:28px}
.lm-stats{background:var(--lm-navy);color:#fff;border-radius:var(--lm-radius);padding:27px;position:relative;overflow:hidden}
.lm-stats::before{content:"§";position:absolute;font:700 13rem Georgia;color:rgba(255,255,255,.035);inset-inline-end:5px;top:-55px}
.lm-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}
.lm-stat{text-align:center;padding:15px 4px;border-inline-start:1px solid rgba(255,255,255,.12)}
.lm-stat:first-child{border:0}
.lm-stat b{display:block;font-size:1.65rem;color:var(--lm-gold-2)}
.lm-stat span{font-size:.8rem;color:rgba(255,255,255,.7)}
.lm-discussions{background:var(--lm-paper);border-radius:var(--lm-radius);border:1px solid var(--lm-line);overflow:hidden}
.lm-tabs{display:flex;gap:2px;padding:0 16px;border-bottom:1px solid var(--lm-line);overflow:auto}
.lm-tab{padding:16px 14px;white-space:nowrap;font-weight:800;color:var(--lm-muted);border-bottom:2px solid transparent}
.lm-tab.is-active{color:var(--lm-navy);border-color:var(--lm-gold)}
.lm-topic{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px 20px;border-bottom:1px solid var(--lm-line)}
.lm-topic:last-child{border:0}
.lm-topic h3{font-size:.98rem;margin:0 0 3px;color:var(--lm-navy)}
.lm-topic small{color:var(--lm-muted)}
.lm-topic__numbers{display:flex;gap:13px;align-items:center;color:var(--lm-muted);font-size:.82rem}

/* services */
.lm-service-cta{border-radius:22px;overflow:hidden;background:linear-gradient(115deg,#071f33 0%,#0d3453 54%,#112f47 100%);color:#fff;display:grid;grid-template-columns:1fr .9fr;position:relative}
.lm-service-copy{padding:42px}
.lm-service-copy h2{font-size:2rem;margin:0 0 8px}
.lm-service-copy p{color:rgba(255,255,255,.72);max-width:600px}
.lm-steps{display:grid;grid-template-columns:repeat(4,1fr);padding:26px;background:rgba(255,255,255,.04);align-items:center}
.lm-step{text-align:center;padding:16px 8px}
.lm-step b{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(183,146,75,.15);color:var(--lm-gold-2);margin:0 auto 9px}
.lm-step span{font-size:.82rem;color:rgba(255,255,255,.76)}

/* experts */
.lm-experts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.lm-expert{background:var(--lm-paper);border:1px solid var(--lm-line);border-radius:16px;padding:22px;text-align:center;transition:.2s ease}
.lm-expert:hover{box-shadow:var(--lm-shadow);transform:translateY(-3px)}
.lm-avatar{width:86px;height:86px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,#c4ced6,#eee3d0);margin:0 auto 12px;display:grid;place-items:center;color:var(--lm-navy);font-weight:900;font-size:1.7rem}
.lm-expert h3{margin:0 0 3px;color:var(--lm-navy);font-size:1.02rem}
.lm-expert p{margin:0 0 11px;color:var(--lm-muted);font-size:.88rem}
.lm-verified{color:#1d77c7;font-size:.85rem}

/* footer */
.lm-footer{background:#061a2b;color:#fff;margin-top:65px}
.lm-footer__grid{display:grid;grid-template-columns:1.15fr .8fr .8fr 1.25fr;gap:34px;padding:54px 0}
.lm-footer h3{font-size:1rem;margin:0 0 13px}
.lm-footer p,.lm-footer li,.lm-footer a{color:rgba(255,255,255,.65);font-size:.9rem}
.lm-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}
.lm-newsletter{display:flex;background:#fff;border-radius:10px;padding:5px;margin-top:12px}
.lm-newsletter input{min-width:0;flex:1;border:0;outline:0;padding:10px;color:#182736}
.lm-newsletter button{border:0;border-radius:8px;background:var(--lm-gold);color:#fff;padding:0 15px;font-weight:800}
.lm-footer__bottom{border-top:1px solid rgba(255,255,255,.09);padding:18px 0;font-size:.82rem;color:rgba(255,255,255,.55);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}

/* archive/content */
.lm-page-hero{padding:64px 0 38px;background:linear-gradient(135deg,#071f33,#103a59);color:#fff}
.lm-page-hero h1{font-size:2.6rem;margin:0}
.lm-archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lm-post-card{background:var(--lm-paper);border:1px solid var(--lm-line);border-radius:16px;overflow:hidden}
.lm-post-card img,.lm-post-card__placeholder{width:100%;aspect-ratio:16/9;object-fit:cover;background:linear-gradient(135deg,#d7dfe5,#eee1cb)}
.lm-post-card__body{padding:19px}
.lm-post-card h2{font-size:1.12rem;line-height:1.55;margin:0 0 8px;color:var(--lm-navy)}
.lm-entry{max-width:900px;margin:0 auto;background:var(--lm-paper);padding:34px;border-radius:18px;border:1px solid var(--lm-line)}
.lm-entry h1{color:var(--lm-navy);line-height:1.35}
.lm-entry-content{font-size:1.08rem}

@media (max-width:1020px){
  .lm-topbar__tag{display:none}.lm-menu{gap:0}.lm-menu a{padding-inline:8px;font-size:.9rem}
  .lm-specialties__grid{grid-template-columns:repeat(3,1fr)}
  .lm-content-grid,.lm-community-grid{grid-template-columns:1fr}
  .lm-service-cta{grid-template-columns:1fr}.lm-experts{grid-template-columns:repeat(2,1fr)}
  .lm-footer__grid{grid-template-columns:repeat(2,1fr)}
  .lm-archive-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:780px){
  .lm-topbar__inner{height:64px}.lm-brand__mark{width:41px;height:41px}.lm-header-actions .lm-btn{display:none}
  .lm-mobile-toggle{display:block}.lm-nav__inner{min-height:52px}.lm-menu{position:absolute;top:52px;inset-inline:18px;display:none;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--lm-line);border-radius:14px;box-shadow:var(--lm-shadow);padding:10px}.lm-menu.is-open{display:flex}.lm-menu a{padding:12px 14px;border-bottom:0}
  .lm-hero__inner{grid-template-columns:1fr;min-height:auto;padding:58px 0 72px}.lm-hero-art{display:none}.lm-hero h1{font-size:3rem}
  .lm-specialties{margin-top:-25px}.lm-specialties__grid{grid-template-columns:repeat(2,1fr)}
  .lm-section{padding:54px 0}.lm-section-head{align-items:start;flex-direction:column}.lm-featured{min-height:420px}
  .lm-stat-grid{grid-template-columns:1fr}.lm-stat{border-inline-start:0;border-bottom:1px solid rgba(255,255,255,.12)}.lm-stat:last-child{border:0}
  .lm-steps{grid-template-columns:repeat(2,1fr)}.lm-service-copy{padding:30px}.lm-experts{grid-template-columns:1fr 1fr}
  .lm-footer__grid{grid-template-columns:1fr}.lm-archive-grid{grid-template-columns:1fr}
}
@media (max-width:480px){
  .lm-container{width:min(calc(100% - 24px),var(--lm-container))}
  .lm-brand__title{font-size:1.02rem}.lm-brand__latin{font-size:.52rem}.lm-icon-btn{width:38px;height:38px}
  .lm-hero h1{font-size:2.55rem}.lm-hero h1 span{font-size:.46em}.lm-hero p{font-size:.98rem}
  .lm-search{border-radius:12px}.lm-specialties__grid{gap:7px}.lm-specialty{padding:17px 8px}.lm-specialty strong{font-size:.82rem}
  .lm-experts{grid-template-columns:1fr}.lm-topic{grid-template-columns:1fr}.lm-topic__numbers{justify-content:flex-start}
}