/* Qolama EduTheme v0.12.5 — definitive mobile-menu contrast fix.
 * The selectors deliberately outrank legacy .theme-color-skin .offcanvas rules.
 */

/* Safe fallback: an unclassified or white drawer must always use dark text. */
body.theme-color-skin #mobileMenu.qet-mobile-menu,
body #mobileMenu.qet-mobile-menu.qet-mobile-menu-surface-solid,
body #mobileMenu.qet-mobile-menu.qet-mobile-menu-surface-light-glass{
  background:#fff !important;
  color:var(--theme-deep,#123d2e) !important;
}
body.theme-color-skin #mobileMenu.qet-mobile-menu .navbar-brand strong,
body.theme-color-skin #mobileMenu.qet-mobile-menu .navbar-brand small,
body.theme-color-skin #mobileMenu.qet-mobile-menu .mobile-nav-link,
body.theme-color-skin #mobileMenu.qet-mobile-menu .mobile-nav-link i,
body.theme-color-skin #mobileMenu.qet-mobile-menu .language-control-mobile label{
  opacity:1 !important;
  visibility:visible !important;
  color:var(--theme-deep,#123d2e) !important;
  -webkit-text-fill-color:currentColor;
}
body.theme-color-skin #mobileMenu.qet-mobile-menu .mobile-submenu a,
body.theme-color-skin #mobileMenu.qet-mobile-menu .language-control-mobile small{
  opacity:1 !important;
  visibility:visible !important;
  color:var(--theme-muted,#5e6a63) !important;
  -webkit-text-fill-color:currentColor;
}
body.theme-color-skin #mobileMenu.qet-mobile-menu .mobile-nav-link{
  border-bottom-color:rgba(18,61,46,.15) !important;
  background:transparent !important;
  text-shadow:none !important;
}
body.theme-color-skin #mobileMenu.qet-mobile-menu .mobile-nav-link:hover,
body.theme-color-skin #mobileMenu.qet-mobile-menu .mobile-nav-link:focus-visible,
body.theme-color-skin #mobileMenu.qet-mobile-menu .mobile-submenu a:hover,
body.theme-color-skin #mobileMenu.qet-mobile-menu .mobile-submenu a:focus-visible{
  color:var(--theme-primary,#176b4d) !important;
}

/* Dark glass mode: background and foreground are overridden together. */
body.theme-color-skin #mobileMenu.qet-mobile-menu.qet-mobile-menu-surface-glass,
body #mobileMenu.qet-mobile-menu.qet-mobile-menu-surface-glass{
  background:linear-gradient(180deg,rgba(8,38,28,.97),rgba(11,55,40,.94)) !important;
  color:#fff !important;
  border-left-color:rgba(255,255,255,.12) !important;
  box-shadow:-18px 0 50px rgba(2,16,11,.28) !important;
  backdrop-filter:saturate(145%) blur(18px);
  -webkit-backdrop-filter:saturate(145%) blur(18px);
}
body.theme-color-skin #mobileMenu.qet-mobile-menu.qet-mobile-menu-surface-glass .offcanvas-header{
  border-bottom-color:rgba(255,255,255,.14) !important;
}
body.theme-color-skin #mobileMenu.qet-mobile-menu.qet-mobile-menu-surface-glass .navbar-brand strong,
body.theme-color-skin #mobileMenu.qet-mobile-menu.qet-mobile-menu-surface-glass .mobile-nav-link,
body.theme-color-skin #mobileMenu.qet-mobile-menu.qet-mobile-menu-surface-glass .mobile-nav-link i,
body.theme-color-skin #mobileMenu.qet-mobile-menu.qet-mobile-menu-surface-glass .language-control-mobile label{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
body.theme-color-skin #mobileMenu.qet-mobile-menu.qet-mobile-menu-surface-glass .navbar-brand small,
body.theme-color-skin #mobileMenu.qet-mobile-menu.qet-mobile-menu-surface-glass .mobile-submenu a,
body.theme-color-skin #mobileMenu.qet-mobile-menu.qet-mobile-menu-surface-glass .language-control-mobile small{
  color:rgba(255,255,255,.78) !important;
  -webkit-text-fill-color:rgba(255,255,255,.78) !important;
}
body.theme-color-skin #mobileMenu.qet-mobile-menu.qet-mobile-menu-surface-glass .mobile-nav-link{
  border-bottom-color:rgba(255,255,255,.15) !important;
}
body.theme-color-skin #mobileMenu.qet-mobile-menu.qet-mobile-menu-surface-glass .mobile-nav-link:hover,
body.theme-color-skin #mobileMenu.qet-mobile-menu.qet-mobile-menu-surface-glass .mobile-nav-link:focus-visible,
body.theme-color-skin #mobileMenu.qet-mobile-menu.qet-mobile-menu-surface-glass .mobile-submenu a:hover,
body.theme-color-skin #mobileMenu.qet-mobile-menu.qet-mobile-menu-surface-glass .mobile-submenu a:focus-visible{
  color:var(--theme-accent,#c5a24a) !important;
  -webkit-text-fill-color:var(--theme-accent,#c5a24a) !important;
}
body.theme-color-skin #mobileMenu.qet-mobile-menu.qet-mobile-menu-surface-glass .btn-close{
  background-color:rgba(255,255,255,.14) !important;
  filter:invert(1) grayscale(1) brightness(2) !important;
}
body.theme-color-skin #mobileMenu.qet-mobile-menu.qet-mobile-menu-surface-glass .language-control-mobile .form-select{
  border-color:rgba(255,255,255,.18) !important;
  background-color:rgba(255,255,255,.1) !important;
  color:#fff !important;
}

/* Light glass mode stays translucent but guarantees readable dark text. */
body.theme-color-skin #mobileMenu.qet-mobile-menu.qet-mobile-menu-surface-light-glass{
  background:rgba(255,255,255,.94) !important;
  color:var(--theme-deep,#123d2e) !important;
  box-shadow:-16px 0 45px rgba(18,61,46,.15) !important;
  backdrop-filter:saturate(135%) blur(17px);
  -webkit-backdrop-filter:saturate(135%) blur(17px);
}

/* Keep the compact drawer usable at all viewport heights. */
body #mobileMenu.qet-mobile-menu{
  width:min(82vw,330px) !important;
  max-width:calc(100vw - 42px) !important;
}
body.mobile-menu-width-compact #mobileMenu.qet-mobile-menu{width:min(80vw,320px) !important}
body.mobile-menu-width-normal #mobileMenu.qet-mobile-menu{width:min(84vw,360px) !important}
body.mobile-menu-width-wide #mobileMenu.qet-mobile-menu{width:min(88vw,400px) !important}
body #mobileMenu.qet-mobile-menu .offcanvas-body{
  overflow-y:auto !important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
@media(max-width:480px){
  body #mobileMenu.qet-mobile-menu{width:min(86vw,320px) !important;max-width:calc(100vw - 28px) !important}
  body #mobileMenu.qet-mobile-menu .mobile-nav-link{font-size:16px !important;line-height:1.25 !important}
}