/* ------------------------------------------------------------------
   YF Case Study — صفحة عرض قصص النجاح + كروت الدراسات
------------------------------------------------------------------ */

/* ------------------------------ الترويسة ------------------------------ */

.yf-cs .yf-cs-arc-head{
	background:var(--yf-cs-ink);
	background-image:radial-gradient(110% 100% at 85% 0%,rgba(253,207,54,.18) 0%,rgba(35,35,38,0) 62%);
	color:#fff;
	padding-block:52px;
	text-align:center;
	margin-bottom:44px;
}
.yf-cs .yf-cs-arc-title{color:#fff;font-size:clamp(28px,3.6vw,44px);font-weight:800;margin:0 0 14px;line-height:1.4}
.yf-cs .yf-cs-arc-intro{color:rgba(255,255,255,.78);font-size:18px;margin:0 auto 26px;max-width:64ch}

.yf-cs .yf-cs-arc-stats{
	list-style:none;margin:0 0 28px;padding:0;
	display:flex;flex-wrap:wrap;justify-content:center;gap:12px;
}
.yf-cs .yf-cs-arc-stats li{
	background:rgba(255,255,255,.07);
	border:1px solid rgba(255,255,255,.13);
	border-radius:14px;
	padding:14px 24px;min-width:150px;
}
.yf-cs .yf-cs-arc-stats b{display:inline-block;direction:ltr;color:var(--yf-cs-brand);font-size:26px;font-weight:900;line-height:1.3}
.yf-cs .yf-cs-arc-stats span{display:block;color:rgba(255,255,255,.66);font-size:13px;margin-top:2px}

/* ------------------------------ أدوات الفلترة ------------------------------ */

.yf-cs .yf-cs-tools{
	display:flex;align-items:center;justify-content:space-between;
	gap:18px;flex-wrap:wrap;
	margin:0 0 26px;padding-bottom:18px;
	border-bottom:1px solid var(--yf-cs-line);
}
.yf-cs .yf-cs-filters{display:flex;flex-wrap:wrap;gap:8px}
.yf-cs .yf-cs-filter{
	appearance:none;cursor:pointer;
	background:var(--yf-cs-mute);
	color:var(--yf-cs-ink);
	border:1px solid var(--yf-cs-line);
	border-radius:999px;
	padding:8px 18px;
	font-family:inherit;font-size:14px;font-weight:600;
	transition:background .15s ease,border-color .15s ease;
}
.yf-cs .yf-cs-filter:hover{border-color:var(--yf-cs-brand)}
.yf-cs .yf-cs-filter.is-active{background:var(--yf-cs-brand);border-color:var(--yf-cs-brand);color:var(--yf-cs-ink)}

.yf-cs .yf-cs-search input{
	width:min(300px,70vw);
	background:var(--yf-cs-paper);
	color:var(--yf-cs-text);
	border:1px solid var(--yf-cs-line);
	border-radius:999px;
	padding:10px 18px;
	font-family:inherit;font-size:15px;
}
.yf-cs .yf-cs-search input:focus{outline:2px solid var(--yf-cs-brand);outline-offset:1px;border-color:var(--yf-cs-brand)}

/* ------------------------------ الشبكة والكروت ------------------------------ */

.yf-cs .yf-cs-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
	gap:26px;
}

.yf-cs .yf-cs-card{
	display:flex;flex-direction:column;
	background:var(--yf-cs-paper);
	border:1px solid var(--yf-cs-line);
	border-radius:var(--yf-cs-radius);
	overflow:hidden;
	transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.yf-cs .yf-cs-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(35,35,38,.12);border-color:#DCDCD4}
.yf-cs .yf-cs-card[hidden]{display:none}

.yf-cs .yf-cs-card-thumb{
	display:block;position:relative;
	aspect-ratio:16/9;
	background:var(--yf-cs-ink);
	overflow:hidden;
}
.yf-cs .yf-cs-thumb-img{width:100%;height:100%;object-fit:cover;display:block}
.yf-cs .yf-cs-thumb-fallback{
	position:absolute;inset:0;
	display:flex;align-items:center;justify-content:center;
	background:linear-gradient(135deg,var(--yf-cs-ink) 0%,#3A3A40 100%);
	color:var(--yf-cs-brand);
	direction:ltr;
	font-size:34px;font-weight:900;letter-spacing:-.5px;
	padding:12px;text-align:center;
}

.yf-cs .yf-cs-card-body{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}
.yf-cs .yf-cs-card-title{font-size:19px;font-weight:800;line-height:1.6;margin:10px 0 8px}
.yf-cs .yf-cs-card-title a{color:var(--yf-cs-ink);text-decoration:none}
.yf-cs .yf-cs-card-title a:hover{color:var(--yf-cs-deep)}
.yf-cs .yf-cs-card-excerpt{color:var(--yf-cs-soft);font-size:15px;line-height:1.85;margin:0 0 16px}

.yf-cs .yf-cs-card-kpis{
	list-style:none;margin:auto 0 14px;padding:14px 0 0;
	border-top:1px dashed var(--yf-cs-line);
	display:flex;flex-wrap:wrap;gap:16px;
}
.yf-cs .yf-cs-card-kpis b{display:inline-block;direction:ltr;color:var(--yf-cs-deep);font-size:24px;font-weight:900;line-height:1.25}
.yf-cs .yf-cs-card-kpis span{display:block;color:var(--yf-cs-soft);font-size:13px}

.yf-cs .yf-cs-card-more{color:var(--yf-cs-deep);font-weight:700;font-size:15px}
.yf-cs .yf-cs-card-more::after{content:" ←"}

/* الكارد المميّز */
.yf-cs .yf-cs-featured{margin:0 0 40px}
.yf-cs .yf-cs-card--featured{
	display:grid;
	grid-template-columns:1.05fr .95fr;
	align-items:stretch;
}
.yf-cs .yf-cs-card--featured .yf-cs-card-thumb{aspect-ratio:auto;height:100%;min-height:280px}
.yf-cs .yf-cs-card--featured .yf-cs-card-body{padding:32px 30px}
.yf-cs .yf-cs-card--featured .yf-cs-card-title{font-size:clamp(21px,2.4vw,28px);margin:12px 0 12px}
.yf-cs .yf-cs-card--featured .yf-cs-card-excerpt{font-size:16px}
.yf-cs .yf-cs-card--featured .yf-cs-card-kpis{gap:22px}

/* ------------------------------ حالات فارغة ------------------------------ */

.yf-cs .yf-cs-noresults{
	text-align:center;color:var(--yf-cs-soft);
	padding:40px 0 0;font-size:16px;margin:0;
}
.yf-cs .yf-cs-empty{
	text-align:center;color:var(--yf-cs-soft);
	background:var(--yf-cs-mute);
	border:1px dashed var(--yf-cs-line);
	border-radius:var(--yf-cs-radius);
	padding:44px 20px;margin:30px 0;
}
.yf-cs .yf-cs-archive{padding-bottom:60px}

/* ------------------------------ الاستجابة ------------------------------ */

@media (max-width:860px){
	.yf-cs .yf-cs-card--featured{grid-template-columns:1fr}
	.yf-cs .yf-cs-card--featured .yf-cs-card-thumb{min-height:0;aspect-ratio:16/9}
	.yf-cs .yf-cs-card--featured .yf-cs-card-body{padding:24px 20px}
}
@media (max-width:640px){
	.yf-cs .yf-cs-arc-head{padding-block:36px;margin-bottom:32px}
	.yf-cs .yf-cs-grid{grid-template-columns:1fr;gap:20px}
	.yf-cs .yf-cs-tools{flex-direction:column;align-items:stretch}
	.yf-cs .yf-cs-search input{width:100%}
}