/* ════════════════════════════════════════════════════════════
   OIC Cards — Master Bundle
   ────────────────────────────────────────────────────────────
   ملف التحميل الرئيسي لنظام الكروت
   يستورد كل الملفات الفرعية بالترتيب الصحيح
   
   📂 المسار: assets/css/cards/cards-bundle.css
   📦 يُحمَّل في functions.php عبر wp_enqueue_style
   
   ⚠️  الترتيب مهم:
   1. _base.css        — متغيرات + كلاسات مشتركة (يجب أن يكون الأول)
   2. _skins.css       — الـ 6 skins (قبل الأنواع لأن الأنواع قد تستخدم cascade)
   3. الأنواع التسعة   — كل نوع مستقل
   ════════════════════════════════════════════════════════════ */

/* ── 0. Tokens (متغيرات مركزية - يجب أن يكون الأول) ── */
@import url('./_tokens.css');

/* ── 1. الأساس ────────────────────────────────────── */
@import url('./_base.css');

/* ── 2. الـ Skins (6 موحدة) ────────────────────── */
@import url('./_skins.css');

/* ── 3. الأنواع التسعة ──────────────────────────── */
@import url('./classic.css');
@import url('./overlay.css');
@import url('./slider.css');
@import url('./service.css');
@import url('./editorial.css');
@import url('./hero-sidebar.css');
@import url('./masonry.css');
@import url('./list.css');

/* ════════════════════════════════════════════════════════
   ملاحظة معمارية:
   ─────────────────────────────────────────────────────
   في الإنتاج (production)، يُفضّل دمج كل الملفات في ملف
   واحد عبر build step (مثل PostCSS) لتجنب طلبات HTTP
   متعددة. لكن في التطوير، @import يُسهّل العمل.
   
   البديل في الإنتاج:
   - استخدم أداة مثل Vite / esbuild / cssnano
   - أو ادمج يدوياً عبر سكريبت PHP
   - النتيجة: ملف واحد cards.min.css
   ════════════════════════════════════════════════════════ */