/*!
 * Font Awesome Free 6.7.2 بواسطة @fontawesome - https://fontawesome.com
 * الترخيص - https://fontawesome.com/license/free (الأيقونات: CC BY 4.0, الخطوط: SIL OFL 1.1, الكود: MIT License)
 * حقوق النشر 2024 Fonticons, Inc.
 * تم تحسينه لمدرسة رقية بنت الرسول، الأردن بتاريخ 2025/03/28
 */

/* تحميل الخطوط بطريقة محسنة مع font-display: swap لتحسين الأداء المرئي */
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./webfonts/fa-regular-400.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("./webfonts/fa-solid-900.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./webfonts/fa-brands-400.woff2") format("woff2");
}

/* قواعد CSS الأساسية للأيقونات */
.fa,
.fa-brands,
.fa-regular,
.fa-solid,
.fab,
.far,
.fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
}

.fa-brands:before,
.fa-regular:before,
.fa-solid:before,
.fa:before,
.fab:before,
.far:before,
.fas:before {
  content: var(--fa);
}

.fa-classic,
.fa-regular,
.fa-solid,
.far,
.fas {
  font-family: "Font Awesome 6 Free";
}

.fa-brands,
.fab {
  font-family: "Font Awesome 6 Brands";
}

/* أحجام الأيقونات - مرتبة بتنظيم أفضل */
.fa-1x { font-size: 1em; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }
.fa-6x { font-size: 6em; }
.fa-7x { font-size: 7em; }
.fa-8x { font-size: 8em; }
.fa-9x { font-size: 9em; }
.fa-10x { font-size: 10em; }

/* أحجام مخصصة إضافية */
.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em;
}

.fa-xs {
  font-size: 0.75em;
  line-height: 0.08333em;
  vertical-align: 0.125em;
}

.fa-sm {
  font-size: 0.875em;
  line-height: 0.07143em;
  vertical-align: 0.05357em;
}

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}

.fa-xl {
  font-size: 1.5em;
  line-height: 0.04167em;
  vertical-align: -0.125em;
}

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em;
}

/* محاذاة وتنسيق الأيقونات */
.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  left: calc(var(--fa-li-width, 2em) * -1);
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}

/* تنسيقات إضافية للأيقونات */
.fa-border {
  border-radius: var(--fa-border-radius, 0.1em);
  border: var(--fa-border-width, 0.08em) var(--fa-border-style, solid) var(--fa-border-color, #eee);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

/* التأثيرات الحركية للأيقونات */
@keyframes fa-beat {
  0%, 90% { transform: scale(1); }
  45% { transform: scale(var(--fa-beat-scale, 1.25)); }
}

@keyframes fa-bounce {
  0% { transform: scale(1) translateY(0); }
  10% { transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
  30% { transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
  50% { transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
  57% { transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em)); }
  64% { transform: scale(1) translateY(0); }
  to { transform: scale(1) translateY(0); }
}

@keyframes fa-fade {
  50% { opacity: var(--fa-fade-opacity, 0.4); }
}

@keyframes fa-beat-fade {
  0%, to {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}

@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}

@keyframes fa-shake {
  0% { transform: rotate(-15deg); }
  4% { transform: rotate(15deg); }
  8%, 24% { transform: rotate(-18deg); }
  12%, 28% { transform: rotate(18deg); }
  16% { transform: rotate(-22deg); }
  20% { transform: rotate(22deg); }
  32% { transform: rotate(-12deg); }
  36% { transform: rotate(12deg); }
  40%, to { transform: rotate(0deg); }
}

@keyframes fa-spin {
  0% { transform: rotate(0deg); }
  to { transform: rotate(1turn); }
}

/* فئات الحركة */
.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}

.fa-fade {
  animation-name: fa-fade;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
}

.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-shake {
  animation-name: fa-shake;
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
}

.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
  --fa-animation-direction: reverse;
}

.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8));
}

/* تفضيلات تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-beat-fade,
  .fa-bounce,
  .fa-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}

/* التدوير والقلب */
.fa-rotate-90 { transform: rotate(90deg); }
.fa-rotate-180 { transform: rotate(180deg); }
.fa-rotate-270 { transform: rotate(270deg); }
.fa-flip-horizontal { transform: scaleX(-1); }
.fa-flip-vertical { transform: scaleY(-1); }
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical { transform: scale(-1); }
.fa-rotate-by { transform: rotate(var(--fa-rotate-angle, 0)); }

/* تكديس الأيقونات */
.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto);
}

.fa-stack-1x { line-height: inherit; }
.fa-stack-2x { font-size: 2em; }
.fa-inverse { color: var(--fa-inverse, #fff); }

/* قارئات الشاشة والوصول */
.fa-sr-only,
.fa-sr-only-focusable:not(:focus),
.sr-only,
.sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* استعلامات وسائط للاستجابة على الأجهزة المختلفة */
@media screen and (max-width: 768px) {
  /* تعديل حجم الأيقونات في الشاشات الصغيرة */
  .fa-lg {
    font-size: 1.15em;
  }
  .fa-xl {
    font-size: 1.35em;
  }
  .fa-2xl {
    font-size: 1.75em;
  }
}

@media screen and (max-width: 480px) {
  /* تحسين رؤية الأيقونات الصغيرة على الهواتف */
  .fa-xs, 
  .fa-sm {
    font-size: 0.85em;
  }
  
  /* تصغير الأيقونات الكبيرة على الهواتف */
  .fa-2x {
    font-size: 1.75em;
  }
  .fa-3x {
    font-size: 2.5em;
  }
}

/* دعم RTL للأيقونات */
[dir="rtl"] .fa-pull-left {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
  margin-right: 0;
}

[dir="rtl"] .fa-pull-right {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
  margin-left: 0;
}

[dir="rtl"] .fa-li {
  left: auto;
  right: calc(var(--fa-li-width, 2em) * -1);
}

/* تحسين أداء الطباعة - إزالة التأثيرات الحركية عند الطباعة */
@media print {
  .fa-beat,
  .fa-beat-fade,
  .fa-bounce,
  .fa-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    animation: none !important;
  }
}

/* دعم للرموز الأكثر استخداماً في التطبيق - تم اختيار مجموعة أساسية */
.fa-home,.fa-house{--fa:"\f015"}
.fa-book{--fa:"\f02d"}
.fa-pencil,.fa-pencil-alt{--fa:"\f303"}
.fa-check{--fa:"\f00c"}
.fa-close,.fa-multiply,.fa-remove,.fa-times,.fa-xmark{--fa:"\f00d"}
.fa-plus{--fa:"\2b"}
.fa-minus,.fa-subtract{--fa:"\f068"}
.fa-circle-check,.fa-check-circle{--fa:"\f058"}
.fa-circle-xmark,.fa-times-circle,.fa-xmark-circle{--fa:"\f057"}
.fa-arrow-left{--fa:"\f060"}
.fa-arrow-right{--fa:"\f061"}
.fa-arrow-up{--fa:"\f062"}
.fa-arrow-down{--fa:"\f063"}
.fa-user{--fa:"\f007"}
.fa-user-plus{--fa:"\f234"}
.fa-user-minus{--fa:"\f503"}
.fa-users{--fa:"\f0c0"}
.fa-file{--fa:"\f15b"}
.fa-file-alt,.fa-file-lines,.fa-file-text{--fa:"\f15c"}
.fa-folder,.fa-folder-blank{--fa:"\f07b"}
.fa-folder-open{--fa:"\f07c"}
.fa-calendar{--fa:"\f133"}
.fa-calendar-alt,.fa-calendar-days{--fa:"\f073"}
.fa-bell{--fa:"\f0f3"}
.fa-bell-slash{--fa:"\f1f6"}
.fa-cog,.fa-gear{--fa:"\f013"}
.fa-bars,.fa-navicon{--fa:"\f0c9"}
.fa-magnifying-glass,.fa-search{--fa:"\f002"}
.fa-envelope{--fa:"\f0e0"}
.fa-envelope-open{--fa:"\f2b6"}
.fa-phone{--fa:"\f095"}
.fa-phone-alt,.fa-phone-flip{--fa:"\f879"}
.fa-lock{--fa:"\f023"}
.fa-unlock{--fa:"\f09c"}
.fa-heart{--fa:"\f004"}
.fa-star{--fa:"\f005"}
.fa-star-half{--fa:"\f089"}
.fa-star-half-alt,.fa-star-half-stroke{--fa:"\f5c0"}
.fa-circle{--fa:"\f111"}
.fa-square{--fa:"\f0c8"}
.fa-circle-info,.fa-info-circle{--fa:"\f05a"}
.fa-circle-exclamation,.fa-exclamation-circle{--fa:"\f06a"}
.fa-circle-question,.fa-question-circle{--fa:"\f059"}
.fa-trash{--fa:"\f1f8"}
.fa-trash-alt,.fa-trash-can{--fa:"\f2ed"}
.fa-download{--fa:"\f019"}
.fa-upload{--fa:"\f093"}
.fa-print{--fa:"\f02f"}
.fa-save,.fa-floppy-disk{--fa:"\f0c7"}
.fa-comment{--fa:"\f075"}
.fa-comment-alt,.fa-message{--fa:"\f27a"}
.fa-comments{--fa:"\f086"}
.fa-share{--fa:"\f064"}
.fa-thumbs-up{--fa:"\f164"}
.fa-thumbs-down{--fa:"\f165"}
.fa-graduation-cap,.fa-mortar-board{--fa:"\f19d"}
.fa-book-open{--fa:"\f518"}
.fa-book-reader,.fa-book-open-reader{--fa:"\f5da"}
.fa-school{--fa:"\f549"}
.fa-chalkboard{--fa:"\f51b"}
.fa-chalkboard-teacher,.fa-chalkboard-user{--fa:"\f51c"}
.fa-pen{--fa:"\f304"}
.fa-pencil-square,.fa-square-pen{--fa:"\f14b"}
.fa-circle-play,.fa-play-circle{--fa:"\f144"}
.fa-circle-pause,.fa-pause-circle{--fa:"\f28b"}
.fa-circle-stop,.fa-stop-circle{--fa:"\f28d"}
.fa-volume-high,.fa-volume-up{--fa:"\f028"}
.fa-volume-low,.fa-volume-down{--fa:"\f027"}
.fa-volume-off{--fa:"\f026"}
.fa-volume-xmark,.fa-volume-mute,.fa-volume-times{--fa:"\f6a9"}
.fa-image{--fa:"\f03e"}
.fa-images{--fa:"\f302"}
.fa-video,.fa-video-camera{--fa:"\f03d"}
.fa-camera{--fa:"\f030"}
.fa-list{--fa:"\f03a"}
.fa-list-ul,.fa-list-dots{--fa:"\f0ca"}
.fa-list-ol,.fa-list-numeric,.fa-list-1-2{--fa:"\f0cb"}
.fa-tag{--fa:"\f02b"}
.fa-tags{--fa:"\f02c"}
.fa-flag{--fa:"\f024"}
.fa-chart-bar,.fa-bar-chart{--fa:"\f080"}
.fa-chart-line,.fa-line-chart{--fa:"\f201"}
.fa-chart-pie,.fa-pie-chart{--fa:"\f200"}
.fa-check-square,.fa-square-check{--fa:"\f14a"}
.fa-earth-africa,.fa-globe-africa{--fa:"\f57c"}
.fa-copy{--fa:"\f0c5"}
.fa-lightbulb{--fa:"\f0eb"}
.fa-sun{--fa:"\f185"}
.fa-moon{--fa:"\f186"}
.fa-face-smile,.fa-smile{--fa:"\f118"}
.fa-face-frown,.fa-frown{--fa:"\f119"}
.fa-face-meh,.fa-meh{--fa:"\f11a"}
.fa-face-laugh,.fa-laugh{--fa:"\f599"}
.fa-face-sad-tear,.fa-sad-tear{--fa:"\f5b4"}
.fa-face-surprise,.fa-surprise{--fa:"\f5c2"}
.fa-question{--fa:"\3f"}
.fa-exclamation{--fa:"\21"}
.fa-bolt,.fa-zap{--fa:"\f0e7"}
.fa-trophy{--fa:"\f091"}
.fa-award{--fa:"\f559"}
.fa-medals{--fa:"\f5a2"}
.fa-badge-check{--fa:"\f336"}
.fa-align-left{--fa:"\f036"}
.fa-align-center{--fa:"\f037"}
.fa-align-right{--fa:"\f038"}
.fa-align-justify{--fa:"\f039"}
.fa-language{--fa:"\f1ab"}
.fa-font{--fa:"\f031"}
.fa-text-height{--fa:"\f034"}
.fa-text-width{--fa:"\f035"}
.fa-audio-description{--fa:"\f29e"}
.fa-braille{--fa:"\f2a1"}
.fa-scroll{--fa:"\f70e"}
.fa-torah{--fa:"\f6a0"}
.fa-quran{--fa:"\f687"}
.fa-bible{--fa:"\f647"}
.fa-puzzle-piece{--fa:"\f12e"}
.fa-atom{--fa:"\f5d2"}
.fa-rocket{--fa:"\f135"}
.fa-plane{--fa:"\f072"}
.fa-truck{--fa:"\f0d1"}
.fa-car{--fa:"\f1b9"}
.fa-train{--fa:"\f238"}

/* إضافة دعم للرموز الأكثر استخداماً في واجهة بنك أسئلة اللغة الإنجليزية */
.fa-spelling,.fa-spell-check{--fa:"\f891"}
.fa-grammar{--fa:"\f6d9"}
.fa-dictionary,.fa-book-atlas,.fa-atlas{--fa:"\f558"}
.fa-translate{--fa:"\f1ab"}
.fa-paragraph{--fa:"\f1dd"}
.fa-heading,.fa-header{--fa:"\f1dc"}
.fa-italic{--fa:"\f033"}
.fa-bold{--fa:"\f032"}
.fa-underline{--fa:"\f0cd"}
.fa-audio,.fa-headphones{--fa:"\f025"}
.fa-mic,.fa-microphone{--fa:"\f130"}
.fa-speaking{--fa:"\f4ad"}
.fa-listening{--fa:"\f4a6"}
.fa-reading{--fa:"\f518"}
.fa-writing{--fa:"\f303"}
.fa-vocabulary{--fa:"\f6d9"}
.fa-quiz,.fa-clipboard-list{--fa:"\f46d"}
.fa-test,.fa-file-signature{--fa:"\f573"}
.fa-exam,.fa-clipboard-check{--fa:"\f46c"}
.fa-explanation{--fa:"\f05a"}
.fa-help{--fa:"\f128"}
.fa-answer{--fa:"\f058"}
.fa-hint{--fa:"\f0eb"}
.fa-restart{--fa:"\f01e"}
.fa-progress{--fa:"\f64e"}
.fa-achievement{--fa:"\f559"}
.fa-mascot{--fa:"\f118"}
.fa-correct{--fa:"\f058"}
.fa-incorrect{--fa:"\f057"}
.fa-score{--fa:"\f091"}
.fa-timer,.fa-clock{--fa:"\f017"}
.fa-level{--fa:"\f3ed"}
.fa-star-score{--fa:"\f005"}
.fa-feedback{--fa:"\f4ad"}
.fa-challenge{--fa:"\f552"}
.fa-theme{--fa:"\f53f"}
.fa-accessibility{--fa:"\f29a"}
.fa-settings{--fa:"\f013"}
.fa-student{--fa:"\f501"}
.fa-teacher{--fa:"\f51c"}
.fa-difficulty{--fa:"\f0eb"}