/* Qolama EduTheme v0.12.3 — quick desktop menu + stable all-menu trigger */

/* Keep the brand, quick links and all-menu button in one stable header row. */
.header-quick-menu-enabled .site-header .navbar .site-container{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
}
.header-quick-menu-enabled .site-header .navbar-brand{
  flex:0 1 auto;
  margin-right:clamp(14px,2vw,28px);
}
.header-quick-menu-enabled .qet-full-navigation-suppressed{
  display:none !important;
}
.header-quick-menu-enabled .qet-all-menu-toggle{
  display:grid !important;
  place-items:center;
  flex:0 0 48px;
  width:48px;
  height:48px;
  margin-left:clamp(10px,1.3vw,20px);
  padding:0;
}
.qet-header-quick-nav{
  display:none;
  min-width:0;
  margin-left:auto;
}
.qet-header-quick-list{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:clamp(4px,.55vw,10px);
  min-width:0;
  margin:0;
  padding:0;
  list-style:none;
}
.qet-header-quick-list li{
  min-width:0;
}
.qet-header-quick-list a{
  position:relative;
  display:flex;
  align-items:center;
  min-height:42px;
  padding:9px clamp(8px,.82vw,14px);
  border-radius:10px;
  color:var(--theme-deep,#123d2e);
  font-size:clamp(12px,.96vw,15px);
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  text-decoration:none;
  transition:background-color .15s ease,color .15s ease;
}
.qet-header-quick-list a:hover,
.qet-header-quick-list a:focus,
.qet-header-quick-list .is-current a{
  color:var(--theme-primary,#176b4d);
  background:color-mix(in srgb,var(--theme-primary,#176b4d) 10%,transparent);
}
.header-quick-style-underline .qet-header-quick-list a{
  border-radius:0;
  background:transparent !important;
}
.header-quick-style-underline .qet-header-quick-list a:after{
  content:"";
  position:absolute;
  right:10px;
  bottom:4px;
  left:10px;
  height:2px;
  border-radius:2px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .15s ease;
}
.header-quick-style-underline .qet-header-quick-list a:hover:after,
.header-quick-style-underline .qet-header-quick-list a:focus:after,
.header-quick-style-underline .qet-header-quick-list .is-current a:after{
  transform:scaleX(1);
}
.header-quick-style-pills .qet-header-quick-list a{
  min-height:38px;
  border:1px solid color-mix(in srgb,var(--theme-primary,#176b4d) 18%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,#fff 72%,transparent);
}

/* Transparent homepage header: quick links remain clearly visible. */
.home-page.header-style-transparent.header-quick-menu-enabled .site-header:not(.scrolled) .qet-header-quick-list a{
  color:#fff;
  text-shadow:0 1px 10px rgba(0,0,0,.25);
}
.home-page.header-style-transparent.header-quick-menu-enabled .site-header:not(.scrolled) .qet-header-quick-list a:hover,
.home-page.header-style-transparent.header-quick-menu-enabled .site-header:not(.scrolled) .qet-header-quick-list a:focus,
.home-page.header-style-transparent.header-quick-menu-enabled .site-header:not(.scrolled) .qet-header-quick-list .is-current a{
  color:#fff;
  background:rgba(255,255,255,.14);
}
.home-page.header-style-transparent.header-quick-menu-enabled.header-quick-style-pills .site-header:not(.scrolled) .qet-header-quick-list a{
  border-color:rgba(255,255,255,.22);
  background:rgba(4,30,21,.18);
}

/* Desktop and laptop visibility. The hamburger remains available at every width. */
@media (min-width:992px){
  .header-quick-menu-enabled .qet-header-quick-nav{display:block}
}
@media (min-width:992px) and (max-width:1199.98px){
  .header-quick-menu-enabled .site-header .navbar-brand{max-width:36vw}
  .header-quick-menu-enabled .qet-header-quick-list li:nth-child(n+4){display:none}
  .header-quick-menu-enabled .qet-header-quick-list a{padding-inline:8px;font-size:12px}
}
@media (min-width:1200px) and (max-width:1399.98px){
  .header-quick-menu-enabled .site-header .navbar-brand{max-width:38vw}
  .header-quick-menu-enabled .qet-header-quick-list li:nth-child(n+6){display:none}
}
@media (min-width:1400px){
  .header-quick-menu-enabled .site-header .navbar-brand{max-width:42vw}
}
@media (max-width:991.98px){
  .header-quick-menu-enabled .qet-header-quick-nav{display:none}
  .header-quick-menu-enabled .qet-all-menu-toggle{margin-left:auto}
}
@media (max-width:480px){
  .header-quick-menu-enabled .qet-all-menu-toggle{flex-basis:44px;width:44px;height:44px}
}

/* Remove decorative menu movement when a quiet interface is desired. */
@media (prefers-reduced-motion:reduce){
  .qet-header-quick-list a,
  .qet-header-quick-list a:after{transition:none !important}
}
