/* إخفاء النصوص الإضافية عند تقليص الشاشة */
@media (max-width: 768px) {
    .copyright-text {
        display: none !important;
    }
    .version-text {
        display: none !important;
    }
}

/* إخفاء النصوص عند تصغير القائمة */
body.sidebar-collapse .copyright-text,
body.sidebar-collapse .add-button,
body.sidebar-collapse .version-text,
body.sidebar-collapse .live-chat {
    display: none !important;
}

/* عند تمرير الماوس على الشريط الجانبي */
body.sidebar-collapse .main-sidebar:hover .copyright-text,
body.sidebar-collapse .main-sidebar:hover .add-button,
body.sidebar-collapse .main-sidebar:hover .version-text,
body.sidebar-collapse .main-sidebar:hover .live-chat {
    display: inline !important; /* إظهار النصوص */
}

/* توسيع الشريط الجانبي عند تمرير الماوس */
body.sidebar-collapse .main-sidebar:hover {
    width: 250px !important; /* قم بتعديل القيمة حسب عرض الشريط الكامل */
    transition: width 0.3s ease; /* تأثير التوسيع */
}

/* إزالة الانتقالات عند التمرير */
.main-sidebar {
    transition: width 0.3s ease; /* تأثير عند التبديل بين التوسيع والتصغير */
}

.main-sidebar .nav-item .add-button {
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
}
 
 .select2-container--bootstrap .select2-selection--single, .select2-container--bootstrap .select2-selection--multiple{
    height: calc(2.25rem + 2px); /* ارتفاع مساوي لعناصر الإدخال الافتراضية */
    line-height: 1.5; /* لضمان محاذاة النص */
}

.page-item.active .page-link {
    background-color: #17a2b8; /* لون الزر النشط */
    color: #fff; /* لون النص */
    border-color: #17a2b8; /* لون الحدود */
}

.toast-container {
    position: fixed;
    bottom: 10px; /* نقل التوست إلى الأسفل */
    right: 10px;  /* المحاذاة إلى اليمين */
    z-index: 1050;
}

.toast-header {
    display: flex;
    align-items: center;
}

.toast-title {
    font-weight: bold;
}

.toast-body {
    font-size: 1rem;
}

.toast-body ul{
  list-style:none;
  padding: 0;
}

.language-menu {
    display: none;
}
.language-menu.show {
    display: block;
}

.navbar-nav .profile-dropdown{
  margin-top: -8px;
}

.navbar-nav .profile-dropdown img{
  width: 40px;
  height: 40px;
  object-fit: cover;
   margin-right: 8px;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 1);
}

.toast-container{ display: none; position: fixed; bottom:1rem; right:1rem; z-index:1065; }
/* حجم الصورة */
.avatar-40 {
  width: 40px;
  height: 40px;
  object-fit: cover;
}

/* فراغ بعد العنصر بحسب اتجاه الصفحة (LTR/RTL) */
.gap-inline-end-10 {
  margin-inline-end: 10px;
}

/* نفس الفكرة للأيقونات الصغيرة */
.gap-inline-end-6 {
  margin-inline-end: .375rem; /* حوالي 6px */
}

 /* شريط تقدم جذاب */
.progress-wrapper {
    border-radius: 16px;
    padding: 18px;
    background: #ffffff;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
}
.progress {
    height: 26px;
    border-radius: 999px;
    overflow: hidden;
    box-shadow: inset 0 2px 6px rgba(0,0,0,0.08);
    background: #f3f6fb;
}
.progress-bar {
    font-weight: 600;
    letter-spacing: .3px;
}
.progress-bar.progress-gradient {
    background: linear-gradient(90deg, #28a745, #20c997, #17a2b8);
}
/* ===== Aurora Party Congrats ===== */
.congrats-aurora{
  position:relative; border:0; border-radius:28px; overflow:hidden; color:#0b2e13;
  background: linear-gradient(135deg,#8cfac1 0%,#7ae0ff 50%,#a0c5ff 100%);
  box-shadow: 0 18px 55px rgba(0,0,0,.18);
  isolation:isolate;
}

/* طبقة هالة متحركة (Aurora) */
.congrats-aurora::before{
  content:""; position:absolute; inset:-40% -20%; z-index:0; pointer-events:none;
  background:
    radial-gradient(40% 30% at 20% 30%, rgba(255,255,255,.45), transparent 60%),
    radial-gradient(35% 25% at 80% 70%, rgba(255,255,255,.35), transparent 60%),
    conic-gradient(from 0deg at 50% 50%, rgba(255,255,255,.25), transparent 50%, rgba(255,255,255,.25));
  filter: blur(6px);
  animation: aurora-move 12s linear infinite;
}
@keyframes aurora-move{ to{ transform: rotate(360deg); }}

/* شريط لمعان يمر */
.congrats-aurora::after{
  content:""; position:absolute; inset:-10% -60%; z-index:1; pointer-events:none;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.55) 50%, transparent 100%);
  transform: translateX(-60%);
  animation: sheen 3.4s ease-in-out infinite;
}
@keyframes sheen{ to{ transform: translateX(60%); }}

/* إطلاق قصاصات من الزوايا (كانونين) */
.cannon{
  position:absolute; width:180px; height:180px; z-index:1; pointer-events:none; opacity:.7;
  background:
    repeating-linear-gradient(45deg,#ffd166 0 6px, transparent 6px 14px),
    repeating-linear-gradient(-45deg,#06d6a0 0 6px, transparent 6px 14px),
    repeating-linear-gradient(45deg,#118ab2 0 6px, transparent 6px 14px),
    repeating-linear-gradient(-45deg,#ef476f 0 6px, transparent 6px 14px);
  background-size: 100% 50%,100% 50%,100% 50%,100% 50%;
  mix-blend-mode: overlay;
  mask: radial-gradient(circle at 0 100%, black 40%, transparent 60%);
  animation: confetti-shoot 3s ease-out infinite;
}
.cannon.c-left{ left:-40px; bottom:-40px; transform: rotate(-12deg); }
.cannon.c-right{ right:-40px; bottom:-40px; transform: rotate(12deg) scaleX(-1); animation-delay: .8s; }
@keyframes confetti-shoot{
  0%{ transform: translateY(0) scale(1) rotate(var(--r, -12deg)); opacity:.0;}
  12%{ opacity:.9;}
  100%{ transform: translateY(-140px) scale(1.05) rotate(var(--r, -12deg)); opacity:0;}
}

/* نجوم لامعة صغيرة */
.twinkle{ position:absolute; width:12px; height:12px; z-index:2; pointer-events:none;
  background: radial-gradient(#fff, rgba(255,255,255,0));
  border-radius:50%; filter: drop-shadow(0 8px 16px rgba(0,0,0,.2));
  animation: twinkle 2.2s ease-in-out infinite;
}
@keyframes twinkle{
  0%{ transform: scale(.6); opacity:0; }
  40%{ opacity:1; }
  100%{ transform: scale(1.4); opacity:0; }
}
.t1{ left:8%; top:18%;  animation-delay:.2s;}
.t2{ left:28%; top:72%; animation-delay:.6s;}
.t3{ left:56%; top:26%; animation-delay:.9s;}
.t4{ left:78%; top:64%; animation-delay:.3s;}
.t5{ left:88%; top:36%; animation-delay:1.1s;}
.t6{ left:16%; top:84%; animation-delay:.8s;}

/* محتوى داخلي زجاجي + ترتيب مرن للموبايل */
.congrats-inner{
  position:relative; z-index:3; background: rgba(255,255,255,.22);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  border-radius:22px; padding:16px;
}
.cele-head{ display:flex; align-items:flex-start; gap:12px; }
.cele-emoji{
  font-size:2.6rem; line-height:1; filter: drop-shadow(0 10px 18px rgba(0,0,0,.18));
  animation: bounce 1.05s ease-in-out infinite alternate;
}
@keyframes bounce{ from{ transform: translateY(0) rotate(-6deg);} to{ transform: translateY(-4px) rotate(6deg);} }

/* شارة الساعات */
.congrats-badge{
  display:inline-flex; align-items:center; gap:8px;
  background:#fff; color:#0f5132; font-weight:700; white-space:nowrap;
  border-radius:999px; padding:10px 16px; box-shadow:0 12px 28px rgba(0,0,0,.12);
}
.congrats-dot{ width:10px; height:10px; border-radius:50%;
  background: conic-gradient(#2ecc71,#1abc9c,#3498db,#9b59b6,#e67e22,#e74c3c,#2ecc71);
  animation: spin 4s linear infinite;
}
@keyframes spin{ to{ transform: rotate(360deg);} }

/* استجابة */
@media (max-width:576px){
  .cele-emoji{ font-size:2.2rem; }
  .congrats-badge{ font-size:.95rem; margin-top:8px; }
  .cele-head{ flex-direction:row; }
}
@media (prefers-reduced-motion:reduce){
  .congrats-aurora::before,.congrats-aurora::after,.cannon,.twinkle,.cele-emoji,.congrats-dot{ animation:none!important; }
}