/*
    ===================================================
    ملف: public/assets/css/fonts.css
    هذا الملف يحتوي على تعريفات الخطوط المحلية (عبر @font-face)
    بالإضافة إلى قواعد CSS التي كانت مضمنة في وسم <style>
    الرجاء دمج هذا الكود مع أي قواعد CSS أخرى لديك في ملف style.css الحالي.
    ===================================================
*/

/* ============================== */
/* 1. تعريف الخطوط المحلية (@font-face) */
/* تأكد أن أسماء الملفات هنا تتطابق تمامًا مع أسماء الملفات في مجلد public/assets/css/fonts/ */
/* وأنه لديك ملفات WOFF2 و WOFF لكل وزن (مثل Regular, Medium, Bold) */
/* ============================== */

/* --- Tajawal Font ---
@font-face {
    font-family: 'Tajawal';
    src: url('./fonts/Tajawal-Light.woff2') format('woff2'),
         url('./fonts/Tajawal-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap; 
} */

@font-face {
    font-family: 'Tajawal';
    src: url('./fonts/Tajawal-Regular.woff2') format('woff2'),
         url('./fonts/Tajawal-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal';
    src: url('./fonts/Tajawal-Medium.woff2') format('woff2'),
         url('./fonts/Tajawal-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tajawal';
    src: url('./fonts/Tajawal-Bold.woff2') format('woff2'),
         url('./fonts/Tajawal-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* --- Fustat Font --- */
@font-face {
    font-family: 'Fustat';
    src: url('./fonts/Fustat-Regular.woff2') format('woff2'),
         url('./fonts/Fustat-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fustat';
    src: url('./fonts/Fustat-Medium.woff2') format('woff2'),
         url('./fonts/Fustat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* أضف أوزان Fustat الأخرى هنا (مثل Light, SemiBold, Bold) إذا كانت لديك ملفات لها */


/* --- Almarai Font --- */
@font-face {
    font-family: 'Almarai';
    src: url('./fonts/Almarai-Regular.woff2') format('woff2'),
         url('./fonts/Almarai-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Almarai';
    src: url('./fonts/Almarai-Bold.woff2') format('woff2'),
         url('./fonts/Almarai-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Almarai';
    src: url('./fonts/Almarai-ExtraBold.woff2') format('woff2'),
         url('./fonts/Almarai-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}


/* ============================== */
/* 2. تطبيق الخطوط على عناصر HTML */
/* ============================== */

body {
    font-family: 'Almarai', sans-serif; /* الخط الافتراضي للنصوص العربية */
    direction: rtl; /* هام جداً للنصوص العربية */
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Tajawal', sans-serif;
    font-weight: 700; /* استخدام الوزن الغامق من Tajawal */
    /* يمكنك تحديد أوزان مختلفة للعناوين إذا أردت */
}

p {
    font-family: 'Fustat', sans-serif;
    font-weight: 400; /* أو الوزن الذي تفضله لـ Fustat */
}

/* أي عناصر أخرى تريد تطبيق الخط عليها */
.some-element-using-almarai {
    font-family: 'Almarai', sans-serif;
    font-weight: 800; /* استخدام الوزن الثقيل من Almarai */
}

/* خصائص الـ SVG كأيقونات */
svg.icon {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: -0.125em; /* ليوازن الأيقونة مع النص مثل FontAwesome */
    fill: currentColor; /* ليأخذ لون النص الخارجي */
    pointer-events: none; /* لتجنب مشاكل النقر فوق الأيقونات */
    transition: transform 0.3s ease, opacity 0.3s ease, fill 0.3s ease; /* تم تحسين الـ transition لتجنب الـ all */
}


@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?6j8tfa');
  src:  url('../fonts/icomoon.eot?6j8tfa#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?6j8tfa') format('truetype'),
    url('../fonts/icomoon.woff?6j8tfa') format('woff'),
    url('../fonts/icomoon.svg?6j8tfa#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* 🚀 تم التعديل هنا لحل مشكلة الأداء */
}


[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  font-size: 20px; /* يمكنك تغيير الرقم حسب الرغبة */
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-triangle-exclamation-solid-full-1:before {
  content: "\e95f";
}
.icon-square-youtube-brands:before {
  content: "\e960";
}
.icon-youtube-brands:before {
  content: "\e961";
}
.icon-handshake-angle:before {
  content: "\e962";
}
.icon-copyright-regular:before {
  content: "\e963";
}
.icon-copyright:before {
  content: "\e964";
}
.icon-lightbulb:before {
  content: "\e965";
}
.icon-circle-plus:before {
  content: "\e966";
}
.icon-paper-plane-regular:before {
  content: "\e967";
}
.icon-paper-plane:before {
  content: "\e968";
}
.icon-face-smile:before {
  content: "\e969";
}
.icon-check-double:before {
  content: "\e96a";
}
.icon-rotate:before {
  content: "\e96b";
}
.icon-circle-check-solid-full-1:before {
  content: "\e96c";
}
.icon-headset:before {
  content: "\e96d";
}
.icon-phone:before {
  content: "\e96e";
}
.icon-envelope-solid-full-1:before {
  content: "\e96f";
}
.icon-folder-closed:before {
  content: "\e970";
}
.icon-folder-regular:before {
  content: "\e971";
}
.icon-folder-open:before {
  content: "\e972";
}
.icon-folder:before {
  content: "\e973";
}
.icon-ticket-simple:before {
  content: "\e974";
}
.icon-user-shield:before {
  content: "\e975";
}
.icon-file-pdf-regular:before {
  content: "\e976";
}
.icon-file-pdf:before {
  content: "\e977";
}
.icon-location-dot:before {
  content: "\e978";
}
.icon-school:before {
  content: "\e979";
}
.icon-file-circle-xmark:before {
  content: "\e97a";
}
.icon-red-river-brands:before {
  content: "\e97b";
}
.icon-arrow-down:before {
  content: "\e97c";
}
.icon-arrow-down-short-wide-s:before {
  content: "\e97d";
}
.icon-sliders:before {
  content: "\e900";
}
.icon-chevron-right:before {
  content: "\e901";
}
.icon-check:before {
  content: "\e902";
}
.icon-font-solid-full:before {
  content: "\e903";
}
.icon-arrow-down-short:before {
  content: "\e904";
}
.icon-user-graduate:before {
  content: "\e905";
}
.icon-tag:before {
  content: "\e906";
}
.icon-bookmark:before {
  content: "\e907";
}
.icon-building:before {
  content: "\e908";
}
.icon-school-solid-full:before {
  content: "\e909";
}
.icon-location-dot-solid-full-1:before {
  content: "\e90a";
}
.icon-shield-halved:before {
  content: "\e90b";
}
.icon-up-right-from-square:before {
  content: "\e90c";
}
.icon-paperclip:before {
  content: "\e90d";
}
.icon-wand-magic:before {
  content: "\e90e";
}
.icon-sitemap:before {
  content: "\e90f";
}
.icon-link:before {
  content: "\e910";
}
.icon-square-instagram:before {
  content: "\e911";
}
.icon-instagram:before {
  content: "\e912";
}
.icon-facebook-f:before {
  content: "\e913";
}
.icon-square-x-twitter:before {
  content: "\e914";
}
.icon-x-twitter:before {
  content: "\e915";
}
.icon-mobile-screen-button:before {
  content: "\e916";
}
.icon-share-nodes:before {
  content: "\e917";
}
.icon-triangle-exclamation:before {
  content: "\e918";
}
.icon-spinner:before {
  content: "\e919";
}
.icon-box-open:before {
  content: "\e91a";
}
.icon-circle-question:before {
  content: "\e91b";
}
.icon-align-right:before {
  content: "\e91c";
}
.icon-user-pen:before {
  content: "\e91d";
}
.icon-layer-group:before {
  content: "\e91e";
}
.icon-code-branch:before {
  content: "\e91f";
}
.icon-clock:before {
  content: "\e920";
}
.icon-star:before {
  content: "\e921";
}
.icon-weight:before {
  content: "\e922";
}
.icon-clipboard-list:before {
  content: "\e923";
}
.icon-database:before {
  content: "\e924";
}
.icon-calendar-check:before {
  content: "\e925";
}
.icon-circle-info:before {
  content: "\e926";
}
.icon-pen:before {
  content: "\e927";
}
.icon-user:before {
  content: "\e928";
}
.icon-chevron-down:before {
  content: "\e929";
}
.icon-layer-group-solid-full-1:before {
  content: "\e92a";
}
.icon-circle-check:before {
  content: "\e92b";
}
.icon-circle-exclamation:before {
  content: "\e92c";
}
.icon-chevron-left:before {
  content: "\e92d";
}
.icon-book-open:before {
  content: "\e92e";
}
.icon-filter:before {
  content: "\e92f";
}
.icon-sliders-solid-full:before {
  content: "\e930";
}
.icon-clipboard-check:before {
  content: "\e931";
}
.icon-inbox:before {
  content: "\e932";
}
.icon-graduation-cap:before {
  content: "\e933";
}
.icon-bookmark-regular:before {
  content: "\e934";
}
.icon-bookmark-solid-full:before {
  content: "\e935";
}
.icon-book-bookmark:before {
  content: "\e936";
}
.icon-eye-regular:before {
  content: "\e937";
}
.icon-eye:before {
  content: "\e938";
}
.icon-download:before {
  content: "\e939";
}
.icon-print:before {
  content: "\e93a";
}
.icon-calendar-days:before {
  content: "\e93b";
}
.icon-cube:before {
  content: "\e93c";
}
.icon-kaaba:before {
  content: "\e93d";
}
.icon-clock-regular:before {
  content: "\e93e";
}
.icon-clock-solid-full:before {
  content: "\e93f";
}
.icon-location-dot-solid-full:before {
  content: "\e940";
}
.icon-check-solid-full:before {
  content: "\e941";
}
.icon-arrow-left:before {
  content: "\e942";
}
.icon-arrow-up:before {
  content: "\e943";
}
.icon-cookie-bite:before {
  content: "\e944";
}
.icon-circle-question-regular:before {
  content: "\e945";
}
.icon-circle-question-solid-full:before {
  content: "\e946";
}
.icon-envelope-regular:before {
  content: "\e947";
}
.icon-envelope:before {
  content: "\e948";
}
.icon-users:before {
  content: "\e949";
}
.icon-users-gear:before {
  content: "\e94a";
}
.icon-scale-balanced:before {
  content: "\e94b";
}
.icon-file-lines-regular:before {
  content: "\e94c";
}
.icon-file-lines:before {
  content: "\e94d";
}
.icon-lock:before {
  content: "\e94e";
}
.icon-bolt:before {
  content: "\e94f";
}
.icon-shield-halved-solid-full:before {
  content: "\e950";
}
.icon-graduation-cap-solid-f:before {
  content: "\e951";
}
.icon-telegram-brands:before {
  content: "\e952";
}
.icon-whatsapp-brands:before {
  content: "\e953";
}
.icon-layer-group-solid-full:before {
  content: "\e954";
}
.icon-clipboard-check-solid-full:before {
  content: "\e955";
}
.icon-file-lines-solid-full:before {
  content: "\e956";
}
.icon-book-bookmark-solid-full:before {
  content: "\e957";
}
.icon-id-card-clip:before {
  content: "\e958";
}
.icon-circle-chevron-right:before {
  content: "\e959";
}
.icon-xmark:before {
  content: "\e95a";
}
.icon-house:before {
  content: "\e95b";
}
.icon-magnifying-glass:before {
  content: "\e95c";
}
.icon-compass-regular:before {
  content: "\e95d";
}
.icon-bars:before {
  content: "\e95e";
}