/*
Theme Name: لمّة | Lemah
Theme URI: https://lemah.net
Author: Lemah
Description: ثيم عربي متجاوب لمنصة لمّة. يُستخدم مع إضافة lemah-core.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: lemah-theme
*/
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--lemah-sand,#f8f5ed); color:var(--lemah-ink,#1c302f); font-family:var(--lemah-font,Tahoma,sans-serif); font-size:16px; line-height:1.75; }
a { color:inherit; text-decoration:none; }
a:focus-visible,button:focus-visible,input:focus-visible { outline:3px solid #d69d54; outline-offset:3px; }
img { max-width:100%; }
.lemah-container { max-width:1180px; margin-inline:auto; padding-inline:clamp(1rem,3vw,2rem); }
.site-header { background:#fffefa; border-bottom:1px solid #e4e8df; position:sticky; top:0; z-index:20; }
.header-content { display:flex; align-items:center; min-height:79px; gap:2.5rem; }
.brand { font-size:2rem; font-weight:900; color:var(--lemah-green); letter-spacing:-.06em; line-height:1; }
.brand span { display:block; font-size:.65rem; letter-spacing:.19em; text-transform:uppercase; color:#a16f3d; margin-top:.35rem; }
.site-nav { display:flex; align-items:center; gap:1.7rem; margin-inline:auto; color:#425d53; font-weight:650; }
.site-nav a:hover { color:var(--lemah-green); }
.header-cta { background:var(--lemah-green); padding:.65rem 1.1rem; border-radius:11px; color:white; font-weight:700; white-space:nowrap; }
.header-cta:hover { background:var(--lemah-green-dark); }
.hero { padding:5rem 0 4.4rem; background:radial-gradient(circle at 15% 25%,#e9ddbf 0,transparent 35%), #f7f4eb; overflow:hidden; }
.hero-layout { display:grid; grid-template-columns:1.2fr .8fr; gap:3rem; align-items:center; }
.hero h1 { font-size:clamp(2.6rem,5vw,5rem); line-height:1.3; max-width:720px; letter-spacing:-.055em; margin:.5rem 0 1rem; }
.hero h1 em { font-style:normal; color:var(--lemah-green); }
.hero p { font-size:1.1rem; max-width:590px; color:#68766d; }
.hero-search { display:flex; gap:.6rem; padding:.5rem; border:1px solid #e2e4d9; border-radius:14px; background:white; max-width:590px; box-shadow:var(--lemah-shadow); margin-top:2rem; }
.hero-search input { flex:1; min-width:0; border:0; padding:.55rem .8rem; font:inherit; }
.hero-search input:focus { outline:0; }
.hero-search button,.primary-link { background:var(--lemah-green); color:white; font:inherit; font-weight:800; border:0; border-radius:10px; padding:.7rem 1.2rem; cursor:pointer; }
.hero-art { min-height:350px; border-radius:180px 180px 22px 22px; background:linear-gradient(138deg,#4d8c7e,#1f665c); position:relative; box-shadow:26px 22px 0 #e6bd84; overflow:hidden; display:grid; place-items:center; }
.hero-art::before { content:''; border:35px solid #f5d49c; width:205px; height:205px; border-radius:50%; position:absolute; transform:translate(-50px,-35px); opacity:.7; }
.hero-art::after { content:''; position:absolute; inset:auto 0 0; height:130px; background:repeating-linear-gradient(90deg,#205c54 0,#205c54 25px,#287064 25px,#287064 50px); border-radius:50% 50% 0 0; }
.hero-art strong { position:relative; z-index:1; color:white; font-size:4rem; transform:rotate(-12deg); text-shadow:0 6px 28px rgba(0,0,0,.16); }
.section { padding:4.5rem 0; }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:1rem; margin-bottom:2rem; }
.section h2 { font-size:clamp(1.7rem,3vw,2.5rem); margin:0; line-height:1.4; }
.eyebrow { color:var(--lemah-green); font-weight:800; }
.activity-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.35rem; }
.activity-card { background:white; border:1px solid var(--lemah-line); overflow:hidden; border-radius:19px; box-shadow:var(--lemah-shadow); transition:transform .2s; }
.activity-card:hover { transform:translateY(-4px); }
.activity-media { height:205px; background:linear-gradient(140deg,#b2d1c4,#f1dcba); display:grid; place-items:center; overflow:hidden; }
.activity-media img { width:100%; height:100%; object-fit:cover; }
.activity-media.no-image { color:#37695b; font-size:3.5rem; }
.activity-content { padding:1.2rem; }
.activity-content h3 { font-size:1.25rem; margin:.3rem 0; }
.activity-content p { color:var(--lemah-muted); margin:.45rem 0; }
.activity-meta { display:flex; justify-content:space-between; gap:.5rem; color:#658074; font-size:.85rem; }
.how-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.how-item { background:#fffefa; border-radius:17px; padding:1.7rem; border:1px solid var(--lemah-line); }
.how-num { background:#e5eee8; color:var(--lemah-green); width:44px; height:44px; border-radius:13px; display:grid; place-items:center; font-weight:900; }
.join-panel { background:var(--lemah-green); color:white; border-radius:24px; padding:clamp(2rem,6vw,4rem); display:flex; justify-content:space-between; align-items:center; gap:2rem; }
.join-panel p { color:#d8eee8; }
.join-panel a { background:#f2d19c; color:#1e4c43; border-radius:10px; padding:.8rem 1.3rem; font-weight:800; }
.site-footer { padding:2.7rem 0; background:#173e37; color:#e5f0e9; margin-top:2rem; }
.footer-inner { display:flex; gap:2rem; align-items:center; justify-content:space-between; }
.site-footer .brand { color:white; }
.empty-activities { background:white; padding:2rem; border:1px dashed #bed2c4; border-radius:15px; text-align:center; }
.experience-page { padding-top:2rem; padding-bottom:5rem; }
.breadcrumb { color:var(--lemah-green); }
.experience-grid { display:grid; grid-template-columns:1.4fr .8fr; gap:2rem; align-items:start; margin-top:1.7rem; }
.experience-page h1 { font-size:clamp(2rem,4vw,3.4rem); line-height:1.4; }
.experience-hero { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:20px; }
.experience-aside { position:sticky; top:110px; }
.pre-line { white-space:pre-line; }
.session-pill { background:#f3f8f3; border-radius:10px; padding:.7rem; }
.lead { color:#526d64; font-size:1.18rem; }
@media(max-width:850px) { .hero-layout,.experience-grid { grid-template-columns:1fr; } .hero-art { min-height:220px; max-width:420px; margin-inline:auto; width:100%; } .activity-grid { grid-template-columns:repeat(2,1fr); } .experience-aside { position:static; } .site-nav { display:none; } .header-content { justify-content:space-between; } }
@media(max-width:570px) { .hero { padding:3rem 0; } .hero-art { min-height:190px; } .hero-art strong { font-size:3rem; } .activity-grid,.how-grid { grid-template-columns:1fr; } .footer-inner,.join-panel,.section-heading { flex-direction:column; align-items:flex-start; } .hero-search { flex-direction:column; } }

.lemah-panel { background:white; padding:1.6rem; border:1px solid var(--lemah-line); border-radius:var(--lemah-radius); margin:1.2rem 0; box-shadow:var(--lemah-shadow); }
.feature-note { background:#fbf4e8; border-inline-start:4px solid var(--lemah-gold); padding:.9rem 1rem; border-radius:4px; }
.screen-reader-text { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.screen-reader-text:focus { width:auto; height:auto; margin:0; padding:.75rem; clip:auto; color:white; background:var(--lemah-green); top:0; right:0; z-index:50; }