/*
Theme Name: Bwiih Home — معلم بويه بالرياض
Theme URI: https://bwiih.com/
Description: قالب فرعي لـ Astra للصفحة الرئيسية لموقع bwiih.com. الهوية: «ضربة الرولة» — شريط بملمس منقّط كأثر رولة الدهان بأطراف مستديرة، وقطرة دهان كعلامة قائمة، وزوايا ناعمة كبيرة.
Author: bwiih
Template: astra
Version: 1.0.0
Text Domain: bwiih-home
*/

.bw{
	--bw-ink:#2A1A2C; --bw-ink2:#3D2840; --bw-terra:#9C3D22; --bw-terra-l:#F2A27F;
	--bw-teal:#22605C; --bw-cream:#FBF7F2; --bw-cream2:#F3EBE1; --bw-white:#FFFFFF;
	--bw-txt:#241A23; --bw-mut:#5A4E57; --bw-line:#E5D9CC;
	--bw-nap:radial-gradient(circle,rgba(255,255,255,.38) 1px,transparent 1.6px);
	--bw-r:20px; --bw-shadow:0 12px 32px rgba(42,26,44,.09);
	display:block; direction:rtl; text-align:right;
	font-family:"Noto Sans Arabic",Tahoma,sans-serif; font-size:1.06rem; line-height:1.95;
	color:var(--bw-txt); background:var(--bw-white);
}

/* الحصانة ضد التجاوز الأفقي داخل Astra */
.bw,.bw *,.bw *::before,.bw *::after{box-sizing:border-box}
.bw *{min-width:0}
.bw img,.bw iframe,.bw video,.bw svg{max-width:100%}
.bw p,.bw li,.bw h1,.bw h2,.bw h3,.bw dt,.bw dd,.bw span,.bw a,.bw summary{overflow-wrap:anywhere}
#bw-main{max-width:100%;overflow-x:clip;margin:0;padding:0}
.bw-w{width:100%;max-width:1180px;margin:0 auto;padding:0 22px}

/* الطباعة */
.bw h1,.bw h2,.bw h3{font-family:"Lemonada","Noto Sans Arabic",sans-serif;line-height:1.6;margin:0 0 .6em}
.bw h1{font-size:clamp(1.45rem,3.3vw,2.25rem);font-weight:700}
.bw h2{font-size:clamp(1.22rem,2.4vw,1.7rem);font-weight:700}
.bw h3{font-size:1.06rem;font-weight:500}
.bw h1,.bw h2,.bw h3{color:var(--bw-ink)}
.bw p{margin:0 0 1.05em}
.bw strong,.bw b{font-weight:800}
.bw p a,.bw li a,.bw figcaption a,.bw dd a{color:var(--bw-terra);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;font-weight:600}
.bw p a:hover,.bw li a:hover{color:var(--bw-ink)}

/* الأزرار */
.bw a.bw-btn,.bw a.bw-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.6em 1.4em;font-weight:800;text-decoration:none;border:2px solid var(--bw-terra);border-radius:999px;font-size:1rem;line-height:1.3}
.bw a.bw-btn{background-color:var(--bw-terra);background-image:var(--bw-nap);background-size:7px 7px;color:var(--bw-white)}
.bw a.bw-btn:hover{background-color:var(--bw-ink);border-color:var(--bw-ink);color:var(--bw-white)}
.bw a.bw-ghost{background:var(--bw-white);color:var(--bw-ink);border-color:var(--bw-ink)}
.bw a.bw-ghost:hover{background:var(--bw-ink);color:var(--bw-white)}

/* البطل */
.bw-hero{background-color:var(--bw-cream);padding:58px 0 54px;position:relative;overflow:hidden}
.bw-hero-g{display:grid;grid-template-columns:1.2fr .8fr;gap:46px;align-items:center}
.bw-hero-t{min-width:0}
.bw-tag{display:inline-block;background-color:var(--bw-ink);color:var(--bw-white);font-weight:800;font-size:.9rem;padding:.3em 1.1em;border-radius:999px;margin-bottom:1em}
.bw-lead{font-size:1.1rem}
.bw-hero-b{display:flex;flex-wrap:wrap;gap:12px;margin:1.3em 0 1.6em}
.bw-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.bw-stats li{background-color:var(--bw-white);border:1px solid var(--bw-line);border-radius:16px;padding:12px 12px 10px}
.bw-stats b{display:block;font-family:"Lemonada",sans-serif;font-size:1.02rem;color:var(--bw-terra)}
.bw-stats span{display:block;font-size:.86rem;color:var(--bw-mut);line-height:1.5}
.bw-hero-f{position:relative;margin:0;padding:0 0 26px 0}
.bw-hero-f::before{content:"";position:absolute;inset-inline-start:-18px;bottom:0;width:78%;height:46%;border-radius:999px;background-color:var(--bw-terra);background-image:var(--bw-nap);background-size:7px 7px;transform:rotate(-6deg)}
.bw-hero-f img{position:relative;display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--bw-r) var(--bw-r) 120px var(--bw-r);background:var(--bw-cream2);box-shadow:var(--bw-shadow)}
.bw-badge{position:absolute;top:22px;inset-inline-end:-12px;background-color:var(--bw-ink);color:var(--bw-white);padding:.6em 1.1em;border-radius:16px;line-height:1.45}
.bw-badge b{display:block;color:var(--bw-white);font-size:.98rem}
.bw-badge span{display:block;color:var(--bw-terra-l);font-size:.86rem;font-weight:600}

/* الأقسام */
.bw-s{padding:66px 0;background-color:var(--bw-white)}
.bw-s.soft{background-color:var(--bw-cream)}
.bw-s.soft2{background-color:var(--bw-cream2)}
.bw-s.deep{background-color:var(--bw-ink);color:#F1E9E2}
.bw-s.deep h2,.bw-s.deep legend{color:var(--bw-white)}
.bw-s.deep p{color:#F1E9E2}

/* رأس القسم: ضربة رولة تحت الكلمة الصغيرة */
.bw-hd{display:grid;grid-template-columns:1.1fr .9fr;gap:6px 40px;align-items:end;margin-bottom:30px}
.bw-k{grid-column:1/-1;justify-self:start;display:inline-block;font-weight:800;font-size:.86rem;color:var(--bw-white);background-color:var(--bw-terra);background-image:var(--bw-nap);background-size:7px 7px;padding:.18em 1.1em .22em;border-radius:999px 999px 999px 6px;margin-bottom:6px}
.bw-s.deep .bw-k{background-color:var(--bw-terra-l);color:var(--bw-ink)}
.bw-hd h2{margin:0}
.bw-in{margin:0;color:var(--bw-mut)}
.bw-s.deep .bw-in{color:#DDD0D8}
.bw-b{max-width:860px}
.bw-sub{margin-top:1.4em}

/* البطاقات */
.bw-g{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:6px 0 26px}
.bw-g2{grid-template-columns:repeat(2,1fr)}
.bw-c{background-color:var(--bw-white);border:1px solid var(--bw-line);border-radius:var(--bw-r);padding:22px 20px 14px;box-shadow:var(--bw-shadow);border-top:6px solid var(--bw-terra)}
.bw-c:nth-child(3n+2){border-top-color:var(--bw-teal)}
.bw-c:nth-child(3n){border-top-color:var(--bw-ink)}
.bw-c h3{color:var(--bw-ink)}
.bw-c p{color:var(--bw-txt);margin-bottom:.6em}

/* القوائم: قطرة دهان */
.bw-tick{list-style:none;margin:0 0 1.2em;padding:0}
.bw-tick li{position:relative;padding-inline-start:28px;margin-bottom:.55em;color:var(--bw-txt)}
.bw-tick li::before{content:"";position:absolute;inset-inline-start:3px;top:.6em;width:12px;height:12px;background:var(--bw-terra);border-radius:50% 0 50% 50%;transform:rotate(-45deg)}
.bw-steps{list-style:none;counter-reset:bw;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.bw-steps li{counter-increment:bw;position:relative;padding:18px 20px 16px;padding-inline-start:74px;background-color:var(--bw-cream);border-radius:var(--bw-r);border:1px solid var(--bw-line)}
.bw-steps li::before{content:counter(bw,arabic-indic);position:absolute;inset-inline-start:16px;top:16px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:var(--bw-ink);color:var(--bw-white);border-radius:50% 50% 50% 8px;font-weight:800;font-family:"Lemonada",sans-serif}
.bw-steps b{display:block;color:var(--bw-ink);font-size:1.05rem}
.bw-steps span{display:block;color:var(--bw-txt)}

/* الجداول (div لا table) */
.bw-tbl{border:1px solid var(--bw-line);border-radius:var(--bw-r);overflow:hidden;margin:0 0 26px;background:var(--bw-white)}
.bw-tr{display:grid;grid-template-columns:var(--bw-cols);border-top:1px solid var(--bw-line)}
.bw-tr>span{padding:12px 16px;color:var(--bw-txt);border-inline-start:1px solid var(--bw-line)}
.bw-tr>span:first-child{border-inline-start:0}
.bw-tr.bw-th{background-color:var(--bw-ink);border-top:0}
.bw-tr.bw-th>span{color:var(--bw-white);font-weight:800;border-color:var(--bw-ink2)}
.bw-tr:nth-child(even):not(.bw-th){background:var(--bw-cream)}
.bw-tr b{color:var(--bw-ink)}

/* التنبيهات والاقتباس */
.bw-note,.bw-warn{padding:16px 22px;margin:0 0 24px;border-radius:16px;border:1px solid var(--bw-line);border-inline-start:6px solid var(--bw-teal);background:#EAF3F1}
.bw-warn{border-inline-start-color:var(--bw-terra);background:#FBECE5}
.bw-note p,.bw-warn p{margin:0;color:var(--bw-txt)}
.bw-note strong,.bw-warn strong{color:var(--bw-ink)}
.bw-q{margin:6px 0 28px;padding:26px 30px;background-color:var(--bw-ink);border-radius:var(--bw-r) var(--bw-r) var(--bw-r) 70px;border:0;position:relative}
.bw-q p{color:var(--bw-white);font-family:"Lemonada","Noto Sans Arabic",sans-serif;font-size:1.16rem;font-weight:500;line-height:1.85;margin:0}

/* الصور */
.bw-fig{margin:6px 0 10px;max-width:560px}
.bw-fig img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--bw-r);background:var(--bw-cream2)}
.bw-fig figcaption{font-size:.92rem;color:var(--bw-mut);padding-top:8px}

/* الأداة */
.bw-calc{background:var(--bw-white);color:var(--bw-txt);padding:26px;border-radius:var(--bw-r)}
.bw-calc fieldset{border:0;margin:0 0 18px;padding:0}
.bw-s.deep .bw-calc legend{color:var(--bw-ink);font-family:"Lemonada",sans-serif;font-weight:700;font-size:1rem;margin-bottom:8px;padding:0}
.bw-opts{display:flex;flex-wrap:wrap;gap:8px}
.bw-opts label{cursor:pointer}
.bw-opts input{position:absolute;opacity:0;width:1px;height:1px}
.bw-opts span{display:inline-block;padding:.45em 1.1em;border:2px solid var(--bw-line);border-radius:999px;background:var(--bw-cream);color:var(--bw-txt);font-weight:600;font-size:.95rem;line-height:1.5}
.bw-opts input:checked+span{background-color:var(--bw-terra);border-color:var(--bw-terra);color:var(--bw-white)}
.bw-opts input:focus-visible+span{outline:3px solid var(--bw-teal);outline-offset:2px}
.bw-out{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px;margin:8px 0 14px}
.bw-res{background-color:var(--bw-cream);border:1px solid var(--bw-line);border-radius:16px;padding:18px 18px 8px}
.bw-s.deep .bw-res h3{color:var(--bw-ink)}
.bw-s.deep .bw-res p{color:var(--bw-txt)}
.bw-s.deep .bw-res p.bw-res-e{color:var(--bw-terra);font-weight:800;font-size:1.2rem}
.bw-s.deep .bw-res p.bw-res-w{color:var(--bw-ink);background:#FBECE5;border-radius:12px;padding:10px 12px}
.bw-days{list-style:none;margin:0 0 10px;padding:0}
.bw-days li{padding:8px 0;border-bottom:1px dashed var(--bw-line)}
.bw-days li:last-child{border-bottom:0}
.bw-s.deep .bw-days b{display:block;color:var(--bw-ink)}
.bw-s.deep .bw-days span{display:block;color:var(--bw-mut);font-size:.94rem}
.bw-s.deep .bw-calc p.bw-calc-n{color:var(--bw-mut);font-size:.9rem;margin:0}

/* المقارنة */
.bw-cmp{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 24px}
.bw-yes,.bw-no{background:var(--bw-white);padding:22px 24px 8px;border-radius:var(--bw-r);border:2px solid var(--bw-teal)}
.bw-no{border-color:var(--bw-terra)}
.bw-yes h3{color:var(--bw-teal)}
.bw-no h3{color:var(--bw-terra)}
.bw-yes ul,.bw-no ul{margin:0 0 1em;padding-inline-start:1.2em}
.bw-yes li,.bw-no li{margin-bottom:.45em;color:var(--bw-txt)}
.bw-yes li::marker{color:var(--bw-teal)}
.bw-no li::marker{color:var(--bw-terra)}

/* المناطق */
.bw-dirs{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.bw-dir{background:var(--bw-white);border:1px solid var(--bw-line);border-radius:var(--bw-r);padding:20px 22px 10px}
.bw-dir h3{color:var(--bw-ink)}
.bw-dir p{color:var(--bw-mut);font-size:.95rem}
.bw-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.bw .bw-chips a{display:inline-block;padding:.32em 1em;background:var(--bw-cream);border:1px solid var(--bw-ink);border-radius:999px;color:var(--bw-ink);font-weight:600;text-decoration:none;font-size:.94rem}
.bw .bw-chips a:hover{background:var(--bw-ink);color:var(--bw-white)}

/* صفحات تهمك */
.bw-rel{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bw .bw-rel a{display:block;padding:18px 20px;background:var(--bw-white);border:1px solid var(--bw-line);border-radius:var(--bw-r);text-decoration:none;box-shadow:var(--bw-shadow);border-inline-start:6px solid var(--bw-terra)}
.bw-rel b{display:block;color:var(--bw-ink)}
.bw-rel span{display:block;color:var(--bw-mut);font-size:.92rem}
.bw .bw-rel a:hover b{color:var(--bw-terra)}

/* القاموس */
.bw-gl{display:grid;grid-template-columns:repeat(2,1fr);gap:0 30px;margin:0 0 10px}
.bw-gl div{padding:12px 0;border-bottom:1px dashed var(--bw-line)}
.bw-gl dt{font-weight:800;color:var(--bw-ink)}
.bw-gl dd{margin:0;color:var(--bw-txt)}

/* الأسئلة */
.bw-faq{margin:0 0 18px}
.bw-faq details{background:var(--bw-white);border:1px solid var(--bw-line);border-radius:16px;margin-bottom:10px}
.bw-faq summary{cursor:pointer;padding:16px 20px;padding-inline-end:52px;font-weight:800;color:var(--bw-ink);list-style:none;position:relative}
.bw-faq summary::-webkit-details-marker{display:none}
.bw-faq summary::after{content:"+";position:absolute;inset-inline-end:20px;top:12px;font-size:1.4rem;color:var(--bw-terra)}
.bw-faq details[open] summary::after{content:"−"}
.bw-faq details p{padding:0 20px 8px;margin:0;color:var(--bw-txt)}

/* النداء الأخير */
.bw-final{text-align:center;padding:44px 28px;background-color:var(--bw-ink);border-radius:var(--bw-r) var(--bw-r) 90px var(--bw-r)}
.bw-s .bw-final h2{color:var(--bw-white)}
.bw-s .bw-final p{color:#F1E9E2;max-width:640px;margin-inline:auto}
.bw-final .bw-hero-b{justify-content:center;margin-bottom:0}
.bw-s .bw-final a.bw-ghost{background:transparent;color:var(--bw-white);border-color:var(--bw-white)}
.bw-s .bw-final a.bw-ghost:hover{background:var(--bw-white);color:var(--bw-ink)}

/* المصادر */
.bw-src{margin:0 0 20px;padding-inline-start:1.4em}
.bw-src li{margin-bottom:.6em;color:var(--bw-txt)}
.bw-disc{padding:16px 20px;background:var(--bw-white);border:1px solid var(--bw-line);border-radius:16px}
.bw-disc p{margin:0;font-size:.94rem;color:var(--bw-mut)}

/* التجاوب */
@media (max-width:1024px){
	.bw-g,.bw-rel{grid-template-columns:repeat(2,1fr)}
	.bw-out{grid-template-columns:1fr}
	.bw-stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
	.bw-hero-g,.bw-hd,.bw-cmp,.bw-gl,.bw-dirs,.bw-steps{grid-template-columns:1fr}
	.bw-hero-f{max-width:420px}
	.bw-tbl{border:0 !important;background:transparent !important;border-radius:0 !important;overflow:visible !important}
	.bw-tr.bw-th{display:none !important}
	.bw-tr{display:block !important;border:1px solid var(--bw-line) !important;border-top:5px solid var(--bw-terra) !important;border-radius:16px;margin-bottom:12px;background:var(--bw-white) !important}
	.bw-tr>span{display:block !important;border:0 !important;border-bottom:1px dashed var(--bw-line) !important;padding:8px 16px !important}
	.bw-tr>span:last-child{border-bottom:0 !important}
	.bw-tr>span::before{content:attr(data-l);display:block;font-size:.8rem;font-weight:800;color:var(--bw-terra)}
}
@media (max-width:620px){
	.bw{font-size:1rem;line-height:1.9}
	.bw-w{padding:0 16px}
	.bw-s{padding:46px 0}
	.bw-hero{padding:36px 0}
	.bw-g,.bw-g2,.bw-rel{grid-template-columns:1fr}
	.bw-c{padding:18px 16px 12px}
	.bw a.bw-btn,.bw a.bw-ghost{padding:.55em 1.1em;font-size:.95rem}
	.bw-badge{inset-inline-end:8px}
	.bw-hero-f::before{inset-inline-start:0}
	.bw-calc{padding:18px 14px}
	.bw-steps li{padding-inline-start:66px}
	.bw-q{padding:20px 20px;border-radius:var(--bw-r) var(--bw-r) var(--bw-r) 40px}
	.bw-final{padding:32px 18px;border-radius:var(--bw-r) var(--bw-r) 50px var(--bw-r)}
}