/* ============================================================================
 * LG Utilities Lite — Home (no Tailwind, zero CDN)
 * يعتمد على متغيرات الجذر في style.css:
 *  --yg-primary (الأصفر)  |  --yg-key (البنفسجي)  |  --yg-text  |  --yg-container
 * ========================================================================== */

/* أُسس عامة */
:root{
  --lg-shadow-sm:0 1px 2px rgba(0,0,0,.08);
  --lg-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
  --lg-shadow-lg:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);
  --lg-radius-lg:.5rem;     /* rounded-lg */
  --lg-radius-xl:.75rem;    /* rounded-xl */
  --lg-radius-2xl:1rem;     /* rounded-2xl */
  --lg-container:var(--yg-container, 1200px);
}

/* حاوية ومسافات */
.container{max-width:var(--lg-container);margin-inline:auto;}
.mx-auto{margin-inline:auto;}
.px-4{padding-inline:1rem;}
.py-8{padding-block:2rem;}
.mt-2{margin-top:.5rem;} .mt-4{margin-top:1rem;} .mt-6{margin-top:1.5rem;} .mt-8{margin-top:2rem;}
.mb-10{margin-bottom:2.5rem;}
.ms-1{margin-inline-start:.25rem;} .ms-2{margin-inline-start:.5rem;}
/* RTL helpers لـ ms-* */
[dir="rtl"] .ms-1{margin-right:.25rem;margin-left:0;}
[dir="rtl"] .ms-2{margin-right:.5rem;margin-left:0;}

/* نصوص وحجوم */
.text-center{text-align:center;}
.text-sm{font-size:.875rem;line-height:1.25rem;}
.text-base{font-size:1rem;line-height:1.5rem;}
.font-semibold{font-weight:600;} .font-bold{font-weight:700;}
.text-black{color:#000;} .text-black\/70{color:rgba(0,0,0,.7);} .text-black\/60{color:rgba(0,0,0,.6);}

/* أبعاد وصور وعرض */
.w-full{width:100%;} .w-0{width:0;}
.h-auto{height:auto;} .h-1{height:.25rem;} .h-8{height:2rem;}
.max-w-\[1000px\]{max-width:1000px;}
.max-h-full{max-height:100%;}
.max-w-full{max-width:100%;}
.block{display:block;} .inline-block{display:inline-block;}

/* تخطيطات */
.flex{display:flex;} .flex-nowrap{flex-wrap:nowrap;}
.items-center{align-items:center;} .justify-center{justify-content:center;}
.grid{display:grid;}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.sm\:grid-cols-2{} .md\:grid-cols-3{}
.gap-3{gap:.75rem;} .gap-8{gap:2rem;} .md\:gap-4{}
.gap-x-2{column-gap:.5rem;} .md\:gap-x-6{} .lg\:gap-x-8{}

@media (min-width:640px){ .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (min-width:768px){ .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));} .md\:gap-4{gap:1rem;} }
@media (min-width:992px){ .lg\:h-\[320px\]{height:320px;} .lg\:gap-x-8{column-gap:2rem;} }
@media (min-width:1280px){ .xl\:h-\[360px\]{height:360px;} }

/* حواف/ظلال/انتقالات */
.rounded-lg{border-radius:var(--lg-radius-lg);}
.rounded-xl{border-radius:var(--lg-radius-xl);}
.rounded-2xl{border-radius:var(--lg-radius-2xl);}
.overflow-hidden{overflow:hidden;}
.shadow-sm{box-shadow:var(--lg-shadow-sm);}
.shadow-lg{box-shadow:var(--lg-shadow-lg);}
.hover\:shadow-xl:hover{box-shadow:var(--lg-shadow-lg);}
.transition{transition:all .2s ease;}
.transition-shadow{transition:box-shadow .2s ease;}
.transition-all{transition:all .3s ease;}
.duration-300{transition-duration:.3s;}

/* ألوان الخلفيات والحدود */
.bg-white{background:#fff;}
.border-2{border-width:2px;border-style:solid;}
.border-\[\#4B1AB1\]{border-color:var(--yg-key, #4B1AB1);}

/* صور */
.object-contain{object-fit:contain;}
.object-cover{object-fit:cover;}
.md\:object-cover{} .md\:h-full{}

/* سلوكات المجموعة */
.group:hover .group-hover\:w-full{width:100%;}

/* قصّ سطرين */
.line-clamp-2{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}

/* نسب أبعاد */
.aspect-\[5\/3\]{aspect-ratio:5/3;}
.md\:aspect-\[16\/9\]{}

/* تدرّج زخرفي */
.bg-gradient-to-r{background-image:linear-gradient(90deg,var(--yg-key,#4B1AB1),var(--yg-primary,#FFB300));}
.from-\[\#4B1AB1\]{}
.to-\[\#FFB300\]{}

/* Swiper (نبقي الكلاسات كما هي، فقط نضمن الأساسيات) */
.swiper{position:relative;}
.swiper-wrapper{display:flex;}
.swiper-slide{flex:0 0 100%;}
.swiper-pagination{position:absolute;inset-inline:0;bottom:.5rem;display:flex;justify-content:center;gap:.5rem;}

/* رؤية/إخفاء */
.hidden{display:none;}
.md\:block{}

@media (min-width:768px){
  .md\:h-\[280px\]{height:280px;}
  .md\:h-full{height:100%;}
  .md\:block{display:block;}
  .md\:aspect-\[16\/9\]{aspect-ratio:16/9;}
}

/* ====補 لتعويض حدود الأقسام بعد إزالة Tailwind (نسخة بدون !important) ==== */
body.front-page .yg-section-surface,
.front-page .yg-section-surface {
  background: var(--yg-surface,#fff);
  border: 2px solid var(--yg-key,#4B1AB1);
  border-radius: 16px;
  padding: clamp(12px,3vw,20px);
}

body.front-page .yg-section-alt,
.front-page .yg-section-alt {
  background: rgba(255,179,0,.06);
  border: 2px solid var(--yg-primary,#FFB300);
  border-radius: 16px;
  padding: clamp(12px,3vw,20px);
}