/* =====================================================================
   أيقونات المحتوى المخصّصة — صورة بدل محرف Tabler
   ---------------------------------------------------------------------
   عمود contents.icon نصٌّ حرّ يُطبع كما هو في كل مواضع العرض:
       <i class="{{ $content->icon }}"></i>
   فلا يحتاج أي موضع تعديلاً في Blade — يكفي أن تكتب في حقل «الأيقونة»
   بلوحة التحكم:  cmp-ico cmp-ico-national-day

   يُحمَّل هذا الملف من الأغلفة الثلاثة المشتركة (front-doc و
   front-portfolio و layouts) فيصل إلى مواضع العرض الثمانية جميعها:
   بلاطات المعلّم والمعلّم المجاني والطالب المجاني وملف الإنجاز والنماذج،
   وصفحة ترتيب الأيقونات، وقائمة المحتويات وصفحة تحريرها في لوحة التحكم.

   عمداً خارج custom-overrides.css: مقسِّم النطاقات هناك يستنبط نطاق
   القاعدة من رموز class="..." الحرفية في ملفات Blade، وصنف الأيقونة
   يصل من قاعدة البيانات لا من Blade — فكان سيسقط من إحدى الحزم صامتاً.

   كسوة اللوح داخل بلاطات المحتوى ليست هنا بل في آخر teacher-home.css،
   لأن ذلك الملف هو مالك ‎.th-tile-ico‎ ويُحمَّل بعد هذا الملف: وضعُها
   هنا يخسر التتالي أمام ‎.th-page .th-content-grid .th-tile-ico‎.
   ===================================================================== */

/* الأساس: شريط بنسبة الشعار الأصلية (‎2.16:1‎) يتمدّد مع font-size تماماً
   كالمحرف الذي يحلّ محلّه. contain لا cover: لا يُقصّ الشعار في أي سياق. */
.cmp-ico {
    display: inline-block;
    height: 1.5em;
    aspect-ratio: 845 / 391;
    vertical-align: -0.34em;
    border-radius: 0.22em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex: 0 0 auto;
}

/* ---------------------------------------------------------------------
   الأيقونات المتاحة
   --------------------------------------------------------------------- */

/* اليوم الوطني السعودي — شارة «عزّنا بطبعنا» المؤطّرة، بلا سطرَي التسمية */
.cmp-ico-national-day {
    background-image: url("../img/content-icons/national-day.png?v=4");
}