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

/* ===== 0. الجذر والمتغيّرات ===== */
.ck{
	--ck-ink:#1A1411;        /* أساس داكن */
	--ck-ink2:#241C17;       /* لوح داكن */
	--ck-ink3:#332821;       /* حدّ داكن */
	--ck-gold:#D4A132;       /* ذهبي العلامة */
	--ck-gold2:#8A5E12;      /* برونزي نصّي — يجتاز 4.5 على #FFF و#F3EDE1 و#FBF8F2 */
	--ck-cream:#F7F2E8;      /* نص على داكن */
	--ck-pale:#FBF8F2;       /* خلفية فاتحة */
	--ck-pale2:#F3EDE1;      /* خلفية فاتحة ٢ */
	--ck-line:#E2D9C8;       /* خطوط على فاتح */
	--ck-body:#2A211B;       /* نص على فاتح */
	--ck-mut:#5E5044;        /* نص ثانوي على فاتح */
	--ck-red:#A8201A;
	--ck-org:#9A4F0B;
	--ck-amb:#7A5A00;
	--ck-grn:#1C6B4A;
	--ck-redb:#F6E4E2;
	--ck-orgb:#FAEBDC;
	--ck-ambb:#F7F0D8;
	--ck-grnb:#E2F0E9;
	--ck-r:14px;
	--ck-ring:66px;

	display:block;
	background:var(--ck-pale);
	color:var(--ck-body);
	font-family:'Readex Pro','Noto Sans Arabic',system-ui,sans-serif;
	font-weight:300;
	font-size:1.06rem;
	line-height:1.9;
	direction:rtl;
	text-align:right;
}
.ck,.ck *,.ck *::before,.ck *::after{box-sizing:border-box}
.ck *{min-width:0}
#ck-main{max-width:100%;overflow-x:clip}
.ck p,.ck li{overflow-wrap:anywhere}

/* ===== 1. العناوين ===== */
.ck h1,.ck h2,.ck h3,.ck h4,
.ck .ck-kick{
	font-family:'Reem Kufi','Readex Pro',system-ui,sans-serif;
	font-weight:600;
	line-height:1.5;
	letter-spacing:0;
}
.ck h1,.ck h2,.ck h3,.ck h4{color:var(--ck-ink);margin:0 0 .6em}
.ck h1{font-size:clamp(1.6rem,5.1vw,2.7rem);line-height:1.38}
.ck h2{font-size:clamp(1.3rem,3.9vw,1.95rem);margin-top:0}
.ck h3{font-size:clamp(1.1rem,3vw,1.33rem)}
.ck h4{font-size:1.06rem}
.ck p{margin:0 0 1.05em}
.ck strong{font-weight:600;color:var(--ck-ink)}
/* قفل اللون: أي strong داخل كتلة داكنة لا يورث لون النص الداكن */
.ck-dk strong,.ck-hero strong,.ck-pull strong,.ck-final strong,.ck-say strong{color:var(--ck-gold)}

/* ===== 2. التخطيط ===== */
.ck-w{width:100%;max-width:1140px;margin-inline:auto;padding-inline:clamp(16px,4vw,34px)}
.ck-s{padding-block:clamp(44px,7vw,80px)}
.ck-s+.ck-s{padding-top:0}
.ck-dk{background:var(--ck-ink);color:var(--ck-cream)}
.ck-dk h2,.ck-dk h3,.ck-dk h4{color:var(--ck-cream)}
.ck-dk strong{color:var(--ck-gold)}
.ck-tn{background:var(--ck-pale2)}
.ck-lead{font-size:1.14rem;line-height:1.95}
.ck-kick{
	display:inline-block;font-size:.8rem;font-weight:500;letter-spacing:.06em;
	color:var(--ck-gold2);background:var(--ck-pale2);
	border:1px solid var(--ck-line);border-radius:999px;
	padding:.3em 1em;margin-bottom:1.1em;
}
.ck-dk .ck-kick{color:var(--ck-gold);background:var(--ck-ink2);border-color:var(--ck-ink3)}

/* ===== 3. موتيف «حلقة العين» — شعلة غاز من CSS خالص ===== */
.ck-ring{
	display:inline-block;vertical-align:middle;
	width:var(--ck-ring);aspect-ratio:1;border-radius:50%;flex:0 0 auto;
	background:
		radial-gradient(circle at 50% 50%, var(--ck-ink2) 0 23%, transparent 23.5%),
		radial-gradient(circle at 50% 50%, transparent 0 46%, var(--ck-ink2) 46.5% 54%, transparent 54.5%),
		conic-gradient(
			var(--ck-f) 0 7%,  transparent 7% 12.5%,
			var(--ck-f) 12.5% 19.5%, transparent 19.5% 25%,
			var(--ck-f) 25% 32%, transparent 32% 37.5%,
			var(--ck-f) 37.5% 44.5%, transparent 44.5% 50%,
			var(--ck-f) 50% 57%, transparent 57% 62.5%,
			var(--ck-f) 62.5% 69.5%, transparent 69.5% 75%,
			var(--ck-f) 75% 82%, transparent 82% 87.5%,
			var(--ck-f) 87.5% 94.5%, transparent 94.5% 100%);
}
.ck-ring-sm{--ck-ring:30px}

/* ===== 4. الهيرو ===== */
.ck-hero{background:var(--ck-ink);color:var(--ck-cream);padding-block:clamp(40px,7vw,76px)}
.ck-hero h1{color:var(--ck-cream)}
.ck-hero .ck-lead{color:#E6DECE}
.ck-hgrid{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(22px,3.6vw,46px);align-items:center}
.ck-logo{height:62px;width:auto;margin-bottom:1.3em;display:block}
.ck-hfig{margin:0;border-radius:var(--ck-r);overflow:hidden;border:1px solid var(--ck-ink3)}
.ck-hfig img{display:block;width:100%;height:auto}
.ck-hpts{list-style:none;margin:1.3em 0 1.6em;padding:0;display:grid;gap:.6em}
.ck-hpts li{display:flex;gap:.65em;align-items:flex-start;color:#E6DECE}
.ck-hpts b{color:var(--ck-gold);font-weight:600}

/* أزرار */
.ck-cta{display:flex;flex-wrap:wrap;gap:.7em}
.ck a.ck-btn{
	display:inline-block;background:var(--ck-gold);color:#1A1411;
	font-family:'Reem Kufi','Readex Pro',sans-serif;font-weight:600;
	text-decoration:none;border:2px solid var(--ck-gold);
	border-radius:999px;padding:.72em 1.7em;line-height:1.5;
}
.ck a.ck-btn:hover,.ck a.ck-btn:focus{background:#E7B64A;border-color:#E7B64A;color:#1A1411}
.ck a.ck-ghost{
	display:inline-block;background:transparent;color:var(--ck-gold);
	font-family:'Reem Kufi','Readex Pro',sans-serif;font-weight:600;
	text-decoration:none;border:2px solid var(--ck-gold);
	border-radius:999px;padding:.72em 1.7em;line-height:1.5;
}
.ck a.ck-ghost:hover,.ck a.ck-ghost:focus{background:var(--ck-gold);color:#1A1411}

/* ===== 5. الروابط ===== */
.ck a{color:var(--ck-gold2);text-decoration:underline;text-underline-offset:.22em}
.ck a:hover,.ck a:focus{color:var(--ck-ink)}
.ck-dk a{color:var(--ck-gold)}
.ck-dk a:hover,.ck-dk a:focus{color:#F0CE78}

/* ===== 6. شبكات عامة ===== */
.ck-g2{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,2.4vw,26px)}
.ck-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,26px)}
.ck-g4{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,20px)}
.ck-card{
	background:#FFF;border:1px solid var(--ck-line);border-radius:var(--ck-r);
	padding:clamp(18px,2.4vw,26px);
}
.ck-dk .ck-card{background:var(--ck-ink2);border-color:var(--ck-ink3)}
.ck-card h3{margin-bottom:.45em}
.ck-card p:last-child{margin-bottom:0}

/* ===== 7. سلّم الخطر ===== */
.ck-band{
	background:#FFF;border:1px solid var(--ck-line);border-radius:var(--ck-r);
	border-inline-start:7px solid var(--ck-f);
	padding:clamp(18px,2.5vw,28px);margin-bottom:clamp(16px,2.2vw,22px);
}
.ck-bhead{display:flex;gap:clamp(14px,2vw,20px);align-items:center;margin-bottom:1em}
.ck-btag{
	display:inline-block;font-family:'Reem Kufi',sans-serif;font-weight:600;font-size:.84rem;
	background:var(--ck-fb);color:var(--ck-f);
	border:1px solid var(--ck-f);border-radius:999px;padding:.24em .95em;margin-bottom:.4em;
}
.ck-band h3{margin:0;color:var(--ck-ink)}
.ck-bnow{
	background:var(--ck-fb);border-radius:10px;padding:.9em 1.1em;margin:1em 0 0;
	color:var(--ck-body);
}
.ck-bnow b{color:var(--ck-f);font-weight:600}
.ck-blist{list-style:none;margin:.2em 0 0;padding:0;display:grid;gap:.5em}
.ck-blist li{display:flex;gap:.6em;align-items:flex-start}
.ck-blist li::before{
	content:"";flex:0 0 auto;width:9px;height:9px;border-radius:50%;
	background:var(--ck-f);margin-top:.62em;
}
.ck-red{--ck-f:var(--ck-red);--ck-fb:var(--ck-redb)}
.ck-org{--ck-f:var(--ck-org);--ck-fb:var(--ck-orgb)}
.ck-amb{--ck-f:var(--ck-amb);--ck-fb:var(--ck-ambb)}
.ck-grn{--ck-f:var(--ck-grn);--ck-fb:var(--ck-grnb)}

/* شريط السلّم المختصر */
.ck-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:1.6em 0 0}
.ck-step{
	background:#FFF;border:1px solid var(--ck-line);border-top:5px solid var(--ck-f);
	border-radius:10px;padding:1em .9em;text-align:center;
}
.ck-step b{display:block;font-family:'Reem Kufi',sans-serif;font-weight:600;color:var(--ck-f);margin-bottom:.2em}
.ck-step span{display:block;font-size:.92rem;color:var(--ck-mut);line-height:1.65}

/* ===== 8. جداول من div ===== */
.ck-tbl{
	display:block;background:#FFF;border:1px solid var(--ck-line);
	border-radius:var(--ck-r);overflow:hidden;margin:1.5em 0;
}
.ck-tr{
	display:grid;grid-template-columns:repeat(var(--ck-cols,3),1fr);
	gap:0;border-bottom:1px solid var(--ck-line);
}
.ck-tr:last-child{border-bottom:0}
.ck-th{background:var(--ck-ink);color:var(--ck-cream)}
.ck-th span{font-family:'Reem Kufi',sans-serif;font-weight:600;font-size:.94rem}
.ck-tr span{display:block;padding:.85em 1em;line-height:1.72;font-size:.98rem}
.ck-tr:not(.ck-th) span:first-child{font-weight:500;color:var(--ck-ink)}
.ck-tr:nth-child(even):not(.ck-th){background:var(--ck-pale)}

@media (max-width:900px){
	.ck-tbl{background:transparent;border:0;border-radius:0;overflow:visible}
	.ck-tr{
		display:block!important;background:#FFF!important;
		border:1px solid var(--ck-line)!important;border-radius:12px!important;
		margin-bottom:12px;padding:.5em .2em;
	}
	/* يجي بعد .ck-tr عمدًا: تساوي الوزن يعني الأخير يفوز */
	.ck-tbl .ck-tr.ck-th{display:none!important}
	.ck-tr span{display:block;padding:.5em 1em}
	.ck-tr span[data-l]::before{
		content:attr(data-l);display:block;
		font-family:'Reem Kufi',sans-serif;font-weight:600;font-size:.78rem;
		color:var(--ck-mut);margin-bottom:.1em;
	}
}

/* ===== 9. مقتطف ===== */
.ck-pull{
	margin:clamp(26px,3.6vw,40px) 0;padding:clamp(20px,3vw,32px);
	background:var(--ck-ink);color:var(--ck-cream);
	border-radius:var(--ck-r);border-inline-start:7px solid var(--ck-gold);
}
.ck-pull p{
	font-family:'Reem Kufi','Readex Pro',sans-serif;font-weight:500;
	font-size:clamp(1.1rem,2.7vw,1.4rem);line-height:1.7;margin:0;color:var(--ck-cream);
}
.ck-pull b{color:var(--ck-gold);font-weight:600}
.ck-tn .ck-pull,.ck-s .ck-pull{background:var(--ck-ink)}

/* ===== 10. الأداة ===== */
.ck-tool{
	background:var(--ck-ink);color:var(--ck-cream);
	border:1px solid var(--ck-ink3);border-radius:var(--ck-r);
	padding:clamp(18px,2.8vw,32px);
}
.ck-tool h3,.ck-tool h4{color:var(--ck-cream)}
.ck-tool fieldset{border:0;margin:0 0 1.3em;padding:0;min-width:0}
.ck-tool legend{
	font-family:'Reem Kufi',sans-serif;font-weight:600;font-size:1rem;
	color:var(--ck-gold);padding:0;margin-bottom:.7em;
}
.ck-opts{display:grid;gap:.55em}
.ck-opt{
	display:flex;gap:.7em;align-items:flex-start;
	background:var(--ck-ink2);border:1px solid var(--ck-ink3);border-radius:10px;
	padding:.75em .95em;cursor:pointer;line-height:1.72;
}
.ck-opt:hover{border-color:var(--ck-gold)}
.ck-opt input{margin:.45em 0 0;accent-color:var(--ck-gold);flex:0 0 auto;width:18px;height:18px}
.ck-opt span{display:block;color:#E6DECE;font-size:.99rem}
.ck-opt b{display:block;color:var(--ck-cream);font-weight:600}
.ck-tool-cta{display:flex;flex-wrap:wrap;gap:.7em;margin-top:.4em}
.ck-tool button{
	font-family:'Reem Kufi',sans-serif;font-weight:600;font-size:1rem;
	background:var(--ck-gold);color:#1A1411;border:2px solid var(--ck-gold);
	border-radius:999px;padding:.7em 1.8em;cursor:pointer;line-height:1.5;
}
.ck-tool button:hover,.ck-tool button:focus{background:#E7B64A;border-color:#E7B64A}
.ck-tool button.ck-rst{background:transparent;color:var(--ck-gold)}
.ck-tool button.ck-rst:hover,.ck-tool button.ck-rst:focus{background:var(--ck-gold);color:#1A1411}

.ck-out{margin-top:1.5em}
.ck-verdict{
	background:var(--ck-fb);border:2px solid var(--ck-f);border-radius:12px;
	padding:clamp(16px,2.2vw,24px);color:var(--ck-body);
}
.ck-verdict h3{
	color:var(--ck-f);font-size:clamp(1.15rem,3.1vw,1.45rem);margin:0 0 .4em;
}
.ck-verdict p{color:var(--ck-body)}
.ck-verdict p:last-child{margin-bottom:0}
.ck .ck-verdict strong,.ck .ck-now strong,.ck .ck-why strong{color:var(--ck-ink)}
.ck .ck-verdict a{color:var(--ck-ink)}
.ck-now{
	background:#FFF;border:1px solid var(--ck-f);border-radius:10px;
	padding:.95em 1.15em;margin:.9em 0;
}
.ck-now .ck-nowt{
	font-family:'Reem Kufi',sans-serif;font-weight:600;font-size:.98rem;
	color:var(--ck-f);margin:0 0 .4em;
}
.ck-now ol{margin:0;padding-inline-start:1.3em;color:var(--ck-body)}
.ck-now li{margin-bottom:.3em;line-height:1.78}
.ck-why{
	background:#FFF;border:1px dashed var(--ck-line);border-radius:10px;
	padding:.9em 1.1em;margin-top:.9em;font-size:.96rem;color:var(--ck-body);
}
.ck-why b{color:var(--ck-ink)}
.ck-say{
	background:var(--ck-ink);color:var(--ck-cream);border-radius:10px;
	padding:.9em 1.1em;margin-top:.9em;font-size:.98rem;line-height:1.8;
}
.ck-say b{color:var(--ck-gold)}
.ck-note{font-size:.93rem;color:#CFC5B4;margin-top:1em;line-height:1.8}

/* ===== 11. خطوات ===== */
.ck-steps{list-style:none;counter-reset:s;margin:1.4em 0 0;padding:0;display:grid;gap:.9em}
.ck-steps li{
	counter-increment:s;background:#FFF;border:1px solid var(--ck-line);
	border-radius:12px;padding:1em 1.15em 1em 1.15em;
	display:grid;grid-template-columns:auto 1fr;gap:.9em;align-items:start;
}
.ck-steps li::before{
	content:counter(s);
	font-family:'Reem Kufi',sans-serif;font-weight:600;font-size:.95rem;
	background:var(--ck-ink);color:var(--ck-gold);
	width:2em;height:2em;border-radius:50%;
	display:grid;place-items:center;
}
.ck-steps b{display:block;color:var(--ck-ink);font-weight:600;margin-bottom:.1em}

/* ===== 12. المناطق ===== */
.ck-areas{display:flex;flex-wrap:wrap;gap:.5em;margin:1.3em 0 0;padding:0;list-style:none}
.ck-areas li{margin:0}
.ck-areas a{
	display:inline-block;background:#FFF;border:1px solid var(--ck-line);
	border-radius:999px;padding:.4em 1em;font-size:.95rem;text-decoration:none;
	color:var(--ck-body);line-height:1.6;
}
.ck-areas a:hover,.ck-areas a:focus{border-color:var(--ck-gold2);color:var(--ck-ink);background:var(--ck-pale2)}

/* ===== 13. الأسئلة ===== */
.ck-faq{margin-top:1.4em;display:grid;gap:.7em}
.ck details{
	background:#FFF;border:1px solid var(--ck-line);border-radius:12px;
	padding:0 clamp(14px,2vw,20px);
}
.ck summary{
	font-family:'Reem Kufi',sans-serif;font-weight:600;color:var(--ck-ink);
	cursor:pointer;padding:1em 0;list-style:none;line-height:1.7;
	display:flex;gap:.7em;align-items:flex-start;
}
.ck summary::-webkit-details-marker{display:none}
.ck summary::before{
	content:"+";flex:0 0 auto;color:var(--ck-gold2);font-weight:600;
	font-size:1.2rem;line-height:1.35;
}
.ck details[open] summary::before{content:"\2212"}
.ck details>div{padding:0 0 1.1em;border-top:1px solid var(--ck-line);margin-top:-.2em;padding-top:.9em}
.ck details p:last-child{margin-bottom:0}

/* ===== 14. المصادر والختام ===== */
.ck-src{list-style:none;margin:1.2em 0 0;padding:0;display:grid;gap:.8em}
.ck-src li{
	background:var(--ck-ink2);border:1px solid var(--ck-ink3);border-radius:12px;
	padding:1em 1.15em;
}
.ck-src b{display:block;color:var(--ck-gold);font-weight:600;margin-bottom:.15em}
.ck-src span{display:block;color:#DCD3C2;font-size:.96rem;line-height:1.8}
.ck-disc{
	margin-top:1.4em;font-size:.93rem;color:#CFC5B4;line-height:1.85;
	border-inline-start:3px solid var(--ck-ink3);padding-inline-start:1em;
}
.ck-final{
	background:var(--ck-ink);color:var(--ck-cream);border-radius:var(--ck-r);
	padding:clamp(22px,3.4vw,42px);text-align:center;
}
.ck-final h2{color:var(--ck-cream)}
.ck-final p{color:#E6DECE;max-width:68ch;margin-inline:auto}
.ck-final .ck-cta{justify-content:center;margin-top:1.4em}
.ck-s .ck-final a.ck-ghost{color:var(--ck-gold);border-color:var(--ck-gold)}
.ck-s .ck-final a.ck-ghost:hover,.ck-s .ck-final a.ck-ghost:focus{background:var(--ck-gold);color:#1A1411}

/* ===== 15. الصور ===== */
.ck-fig{margin:1.6em 0;border-radius:var(--ck-r);overflow:hidden;border:1px solid var(--ck-line)}
.ck-fig img{display:block;width:100%;height:auto}
.ck-fig figcaption{
	background:var(--ck-pale2);color:var(--ck-mut);font-size:.92rem;
	padding:.7em 1em;line-height:1.75;
}

/* ===== 16. الاستجابة ===== */
@media (max-width:1024px){
	.ck-g4{grid-template-columns:repeat(2,1fr)}
	.ck-g3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
	.ck-hgrid{grid-template-columns:1fr}
	.ck-scale{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:620px){
	.ck{font-size:1.03rem}
	.ck-g2,.ck-g3,.ck-g4{grid-template-columns:1fr}
	.ck-scale{grid-template-columns:1fr}
	.ck-bhead{gap:.9em}
	.ck-ring{--ck-ring:46px}
	.ck-steps li{grid-template-columns:1fr}
	.ck-steps li::before{margin-bottom:.3em}
}
@media (prefers-reduced-motion:reduce){
	.ck *{transition:none!important;animation:none!important}
}