/* Default logo size when sidebar is collapsed */
.logo-img {
  max-width: 90px;
  height: auto;
  transition: all 0.3s ease;
}

/* Sidebar expanded (class added to body or html by the layout framework) */
.layout-menu-expanded .logo-img {
  max-width: 20px; /* smaller when sidebar is expanded */
}

/* ستايل التظليل */
.highlight-line {
  position: absolute;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 0, 0.4);
  animation: fadeOut 2s ease-in-out forwards;
  pointer-events: none;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
/* responsive tweaks */
        @media (max-width: 767px) {
      .hero { padding: 2.5rem 0; }
      .feature-icon { width:48px;height:48px;font-size:1.25rem; }
    }

@keyframes floatQuran {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-12px);
  }
}

@media (max-width: 992px) {
  .auth-left {
    display: none;
  }
}
@media (max-width: 576px) {
  .card-title {
    font-size: 1.1rem;
  }
}
@media (max-width: 576px) {
  .card-title {
    font-size: 1.1rem;
  }
}
@font-face {
  font-family: 'Almarai';
  src: url('../fonts/Almarai/Almarai-Regular.woff2') format('woff2'), url('../fonts/Almarai/Almarai-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Almarai';
  src: url('../fonts/Almarai/Almarai-Bold.woff2') format('woff2'), url('../fonts/Almarai/Almarai-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
body, html {
  font-family: 'Almarai', sans-serif !important;
}
  html[lang="ar"] body {
    direction: rtl;
    text-align: right;
    font-family: 'Almarai', sans-serif !important;
  }

  html[lang="en"] body {
    direction: ltr;
    text-align: left;
    font-family: 'Almarai', sans-serif !important;
  }

.animate__animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animate__fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -50px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* اللون الافتراضي في الوضع الفاتح */
[data-bs-theme=light] .login-side {
  background-color: #AF782B !important;
  color: #fff;
  transition: background-color 0.4s ease-in-out;
}

/* اللون في الوضع الداكن */
[data-bs-theme=dark] .login-side {
  background-color: #146A38 !important;
}


/* تأثير دخول لطيف للشعار */
.animate__animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animate__fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -50px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
/* Preloader Style */
#preloader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader-logo img {
  width: 120px;
  height: auto;
  object-fit: contain;
  animation: pulse 1.5s infinite ease-in-out;
}

@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 0.7;
  }

  50% {
    transform: scale(1.05);
    opacity: 1;
  }

  100% {
    transform: scale(0.9);
    opacity: 0.7;
  }
}

.fade-out {
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}
/* ضبط الأعمدة لتظهر بمحاذاة مثالية */
@media (min-width: 576px) {
  .role-item {
    display: flex;
  }

  .custom-role-item {
    width: 100%;
  }
}