/* Qolama EduTheme v0.12.1 — header, offcanvas, testimonial and responsive hotfixes */

/* ===== Header refinement ===== */
.site-header .navbar{padding-block:10px;background:rgba(255,255,255,.96);backdrop-filter:saturate(140%) blur(10px)}
.header-style-transparent.home .site-header .navbar{background:rgba(255,255,255,.9)}
.site-header .navbar .site-container{gap:16px}
.site-header .navbar-brand{display:flex;align-items:center;gap:14px;max-width:min(480px,42vw);margin-right:14px;min-width:0}
.site-header .navbar-brand span{min-width:0}
.site-header .navbar-brand strong{display:block;font-size:clamp(20px,1.75vw,32px);line-height:1.05;color:var(--theme-deep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-header .navbar-brand small{display:block;margin-top:2px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--theme-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-header .navbar-nav{gap:2px;flex-wrap:nowrap}
.site-header .navbar-nav .nav-link{display:flex;align-items:center;gap:6px;padding:16px 14px;font-size:15px;font-weight:800;white-space:nowrap}
.site-header .dropdown-menu{margin-top:12px;border:1px solid var(--theme-border);border-radius:14px;box-shadow:0 18px 44px rgba(19,40,32,.12)}
.site-header .dropdown-item{padding:11px 16px;font-weight:700}
.site-header .header-actions{align-items:center;flex-shrink:0}
.site-header .language-control{min-width:152px}
.site-header .language-selector{height:48px;padding:0 14px;border:1px solid var(--theme-border);border-radius:12px;background:#fff;color:var(--theme-deep);font-weight:700}
.site-header .btn-gold{min-height:48px;padding-inline:18px;font-weight:800;white-space:nowrap}

/* Optional inline navigation layout */
.header-nav-layout-inline .topbar{display:none !important}
.header-nav-layout-inline .site-header .navbar{padding-block:12px;background:linear-gradient(90deg,rgba(18,61,46,.95),rgba(18,61,46,.88));backdrop-filter:blur(12px)}
.header-nav-layout-inline .site-header .navbar-brand strong,
.header-nav-layout-inline .site-header .navbar-brand small,
.header-nav-layout-inline .site-header .navbar-nav .nav-link,
.header-nav-layout-inline .site-header .navbar-nav .nav-link:hover,
.header-nav-layout-inline .site-header .navbar-nav .nav-link:focus{color:#fff}
.header-nav-layout-inline .site-header .navbar-brand small{color:rgba(255,255,255,.76)}
.header-nav-layout-inline .site-header .navbar-brand img{box-shadow:0 10px 30px rgba(0,0,0,.16);border-radius:50%}
.header-nav-layout-inline .site-header .dropdown-menu{margin-top:10px}
.header-nav-layout-inline .site-header .language-selector{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.12);color:#fff}
.header-nav-layout-inline .site-header .language-control small{color:rgba(255,255,255,.66)}
.header-nav-layout-inline .site-header .btn-gold{border-radius:999px;padding-inline:22px}

/* ===== Mobile menu / offcanvas ===== */
.qet-mobile-menu{--qet-mobile-menu-max:380px;width:min(86vw,var(--qet-mobile-menu-max));border-left:1px solid rgba(23,61,47,.08)}
.mobile-menu-width-compact .qet-mobile-menu,.qet-mobile-menu-compact{--qet-mobile-menu-max:380px}
.mobile-menu-width-normal .qet-mobile-menu,.qet-mobile-menu-normal{--qet-mobile-menu-max:430px}
.mobile-menu-width-wide .qet-mobile-menu,.qet-mobile-menu-wide{--qet-mobile-menu-max:480px}
.qet-mobile-menu .offcanvas-header{padding:16px 18px 12px;align-items:flex-start;border-bottom:1px solid rgba(18,61,46,.08)}
.qet-mobile-menu .offcanvas-body{display:flex;flex-direction:column;gap:18px;padding:12px 18px 18px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.qet-mobile-menu .navbar-brand{max-width:none;padding-right:8px}
.qet-mobile-menu .navbar-brand strong{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qet-mobile-menu .navbar-brand small{display:block;max-width:210px;font-size:11px;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qet-mobile-menu .btn-close{padding:8px;margin:0;border-radius:12px;background-color:rgba(18,61,46,.06)}
.qet-mobile-menu .btn-close:hover{background-color:rgba(18,61,46,.1)}
.qet-mobile-menu .mobile-nav-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 0;border:0;border-bottom:1px solid rgba(18,61,46,.12);background:transparent;color:var(--theme-deep);font-size:18px;font-weight:800;line-height:1.25;text-decoration:none}
.qet-mobile-menu.qet-mobile-menu-compact .mobile-nav-link,
.mobile-menu-compact .qet-mobile-menu .mobile-nav-link{padding-block:14px;font-size:17px}
.qet-mobile-menu .mobile-nav-link:hover,.qet-mobile-menu .mobile-nav-link:focus{color:var(--theme-primary)}
.qet-mobile-menu .mobile-nav-link i{font-size:20px;transition:transform .18s ease}
.qet-mobile-menu .mobile-nav-link[aria-expanded="true"] i{transform:rotate(180deg)}
.qet-mobile-menu .mobile-submenu{padding:6px 0 10px}
.qet-mobile-menu .mobile-submenu a{display:block;padding:11px 0 11px 10px;color:var(--theme-muted);font-weight:700;text-decoration:none}
.qet-mobile-menu .mobile-submenu a:hover,.qet-mobile-menu .mobile-submenu a:focus{color:var(--theme-primary)}
.qet-mobile-menu .language-control-mobile .form-select{height:46px;border-radius:12px;font-weight:700}
.qet-mobile-menu-surface-glass{background:rgba(255,255,255,.84);backdrop-filter:saturate(145%) blur(20px)}
.qet-mobile-menu-surface-light-glass{background:rgba(255,255,255,.92);backdrop-filter:saturate(130%) blur(16px)}
.qet-mobile-menu-surface-solid{background:#fff}
.offcanvas-backdrop.show{opacity:.38;background:#0d1a15}

/* prevent huge hidden panel and keep bottom items reachable */
@supports(height:100dvh){.qet-mobile-menu{height:100dvh}}

/* ===== Responsive header ===== */
@media (min-width:1400px){
  .site-header .navbar-brand{max-width:min(520px,38vw)}
}
@media (max-width:1399.98px){
  .site-header .navbar-nav .nav-link{padding-inline:10px;font-size:14px}
  .site-header .navbar-brand strong{font-size:clamp(18px,1.6vw,28px)}
  .site-header .navbar-brand small{font-size:11px;letter-spacing:.12em}
}
@media (max-width:1199.98px){
  .site-header .navbar{padding-block:8px}
  .site-header .navbar-brand{max-width:calc(100% - 72px);margin-right:auto}
  .site-header .navbar-brand strong{font-size:clamp(18px,3.2vw,24px)}
  .site-header .navbar-brand small{max-width:100%}
  .header-nav-layout-inline .site-header .navbar{background:rgba(255,255,255,.96)}
  .header-nav-layout-inline .site-header .navbar-brand strong,
  .header-nav-layout-inline .site-header .navbar-brand small{color:var(--theme-deep)}
}
@media (max-width:767.98px){
  .site-header .navbar{min-height:64px}
  .site-header .navbar-brand{gap:10px;max-width:calc(100% - 66px)}
  .site-header .navbar-brand strong{font-size:16px}
  .site-header .navbar-brand small{font-size:10px;letter-spacing:.08em}
  .site-header .navbar-toggler{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid var(--theme-border);border-radius:12px;background:rgba(255,255,255,.9);color:var(--theme-deep)}
}
@media (max-width:480px){
  .site-header .navbar-brand strong{font-size:15px}
  .site-header .navbar-brand small{display:block;max-width:180px}
  .qet-mobile-menu{width:min(92vw,var(--qet-mobile-menu-max))}
  .qet-mobile-menu .offcanvas-header{padding-inline:14px}
  .qet-mobile-menu .offcanvas-body{padding-inline:14px}
  .qet-mobile-menu .navbar-brand small{max-width:170px}
}

/* ===== Testimonial editorial split fix ===== */
.qet-testimonials-editorial{display:grid !important;grid-template-columns:minmax(280px,.9fr) minmax(0,1.45fr) !important;align-items:start !important;gap:clamp(24px,4vw,52px) !important}
.qet-testimonials-intro{align-self:center;max-width:440px}
.qet-testimonial-cards{display:grid !important;grid-template-columns:repeat(2,minmax(260px,1fr)) !important;align-items:stretch;gap:22px !important}
.qet-testimonial-card{width:100%;min-width:0;height:100%}
.qet-testimonial-card > p{min-height:unset}
.qet-testimonial-person{margin-bottom:20px}
.qet-testimonials-editorial .qet-section-button{border-radius:14px;padding-inline:22px}
@media (max-width:1100px){
  .qet-testimonials-editorial{grid-template-columns:1fr !important}
  .qet-testimonials-intro{max-width:720px}
}
@media (max-width:767.98px){
  .qet-testimonial-cards{grid-template-columns:1fr !important}
  .qet-testimonials-intro .section-title{font-size:clamp(30px,9vw,42px)}
}

/* ===== Latest news editorial stability ===== */
.qet-news-editorial-grid{grid-template-columns:minmax(290px,.92fr) minmax(0,1.55fr) !important;align-items:stretch}
.qet-news-compact-list,.qet-news-card{height:100%}
.qet-news-feature-cards{align-items:stretch}
@media (max-width:1100px){
  .qet-news-editorial-grid{grid-template-columns:1fr !important}
}

/* ===== Reduced motion: keep interface calm ===== */
body.reduce-motion .qet-mobile-menu *,
body.reduce-motion .site-header *,
body.reduce-motion .qet-testimonials *{transition:none !important;animation:none !important}

/* v0.12.2 — exact header/mobile-menu corrections requested from visual review */
.home-page.header-style-transparent .site-header:not(.scrolled),
.home-page.header-style-transparent .site-header:not(.scrolled) .navbar,
.home-page.header-style-transparent.header-nav-layout-inline .site-header:not(.scrolled) .navbar{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
.home-page.header-style-transparent .site-header:not(.scrolled) .navbar-brand strong,
.home-page.header-style-transparent .site-header:not(.scrolled) .navbar-brand small,
.home-page.header-style-transparent .site-header:not(.scrolled) .navbar-nav .nav-link,
.home-page.header-style-transparent .site-header:not(.scrolled) .navbar-toggler{
  color:#fff !important;
}
.home-page.header-style-transparent .site-header:not(.scrolled) .navbar-toggler{
  background:rgba(8,34,25,.22) !important;
  border-color:rgba(212,175,55,.88) !important;
  box-shadow:0 6px 22px rgba(0,0,0,.12);
  backdrop-filter:blur(8px);
}
.home-page.header-style-transparent .site-header:not(.scrolled) .navbar-toggler:hover,
.home-page.header-style-transparent .site-header:not(.scrolled) .navbar-toggler:focus{
  background:rgba(8,34,25,.38) !important;
}

.qet-mobile-menu{
  --qet-mobile-menu-max:330px;
  width:min(82vw,var(--qet-mobile-menu-max)) !important;
}
.mobile-menu-width-compact .qet-mobile-menu,.qet-mobile-menu-compact{--qet-mobile-menu-max:320px}
.mobile-menu-width-normal .qet-mobile-menu,.qet-mobile-menu-normal{--qet-mobile-menu-max:360px}
.mobile-menu-width-wide .qet-mobile-menu,.qet-mobile-menu-wide{--qet-mobile-menu-max:400px}
.qet-mobile-menu-surface-glass{
  background:linear-gradient(180deg,rgba(10,43,32,.94),rgba(11,52,38,.88)) !important;
  color:#fff;
  border-left-color:rgba(255,255,255,.11);
  backdrop-filter:saturate(135%) blur(18px);
}
.qet-mobile-menu-surface-glass .offcanvas-header{
  border-bottom-color:rgba(255,255,255,.12);
}
.qet-mobile-menu-surface-glass .navbar-brand strong,
.qet-mobile-menu-surface-glass .navbar-brand small,
.qet-mobile-menu-surface-glass .mobile-nav-link,
.qet-mobile-menu-surface-glass .mobile-submenu a,
.qet-mobile-menu-surface-glass .language-control-mobile label,
.qet-mobile-menu-surface-glass .language-control-mobile small{
  color:#fff !important;
}
.qet-mobile-menu-surface-glass .navbar-brand small,
.qet-mobile-menu-surface-glass .mobile-submenu a,
.qet-mobile-menu-surface-glass .language-control-mobile small{
  color:rgba(255,255,255,.76) !important;
}
.qet-mobile-menu-surface-glass .mobile-nav-link{
  border-bottom-color:rgba(255,255,255,.15);
}
.qet-mobile-menu-surface-glass .mobile-nav-link:hover,
.qet-mobile-menu-surface-glass .mobile-nav-link:focus,
.qet-mobile-menu-surface-glass .mobile-submenu a:hover,
.qet-mobile-menu-surface-glass .mobile-submenu a:focus{
  color:var(--theme-accent,#d4af37) !important;
}
.qet-mobile-menu-surface-glass .btn-close{
  background-color:rgba(255,255,255,.12);
  filter:invert(1) grayscale(1) brightness(2);
}
.qet-mobile-menu-surface-glass .language-control-mobile .form-select{
  border-color:rgba(255,255,255,.16);
  background-color:rgba(255,255,255,.1);
  color:#fff;
}
.qet-mobile-menu-surface-glass .language-control-mobile .form-select option{color:#17221d;background:#fff}
.qet-mobile-menu-surface-glass .btn-outline-green{border-color:rgba(255,255,255,.55);color:#fff}
.qet-mobile-menu-surface-glass .btn-outline-green:hover{background:#fff;color:var(--theme-deep)}
.offcanvas-backdrop.show{opacity:.46;background:#06140f}

@media(max-width:480px){
  .qet-mobile-menu{width:min(84vw,var(--qet-mobile-menu-max)) !important}
  .qet-mobile-menu .mobile-nav-link{font-size:16px;padding-block:13px}
  .qet-mobile-menu .offcanvas-header{padding:13px 13px 10px}
  .qet-mobile-menu .offcanvas-body{padding:8px 13px 16px}
}