/* V15.3 | Eğitim platformu mobil hamburger -> X + akici cam menu. */
@media (max-width: 991.98px) {
  body > nav.navbar.fixed-top .edu-mobile-menu-toggle {
    position: relative !important;
    width: 46px !important;
    height: 44px !important;
    min-width: 46px !important;
    padding: 0 !important;
    overflow: visible;
    color: #21463e !important;
    background: rgba(255,255,255,.69) !important;
    border: 1px solid rgba(74,121,109,.22) !important;
    border-radius: 14px !important;
    -webkit-backdrop-filter: blur(18px) saturate(165%);
    backdrop-filter: blur(18px) saturate(165%);
    box-shadow: 0 4px 16px rgba(24,65,56,.075), inset 0 1px 0 rgba(255,255,255,.65) !important;
    transition: background .25s ease, border-color .25s ease, box-shadow .25s ease !important;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }
  body > nav.navbar.fixed-top .edu-mobile-menu-toggle:hover,
  body > nav.navbar.fixed-top .edu-mobile-menu-toggle[aria-expanded="true"] {
    background: rgba(224,247,239,.90) !important;
    border-color: rgba(34,142,111,.38) !important;
    box-shadow: 0 5px 17px rgba(19,108,88,.115), inset 0 1px 0 rgba(255,255,255,.74) !important;
  }
  body > nav.navbar.fixed-top .edu-mobile-menu-toggle:focus-visible {
    outline: 3px solid #28a384 !important;
    outline-offset: 3px;
  }
  body > nav.navbar.fixed-top .edu-menu-lines {
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
    flex: none;
    pointer-events: none;
  }
  body > nav.navbar.fixed-top .edu-menu-lines > span {
    display: block;
    position: absolute;
    top: 11px;
    left: 2px;
    width: 20px;
    height: 2px;
    border-radius: 5px;
    background: currentColor;
    transform-origin: 50% 50%;
    transition: transform .34s cubic-bezier(.22,1,.36,1), opacity .18s ease, background .22s ease;
    will-change: transform;
  }
  body > nav.navbar.fixed-top .edu-menu-lines > span:nth-child(1) { transform: translateY(-6px); }
  body > nav.navbar.fixed-top .edu-menu-lines > span:nth-child(2) { transform: scaleX(1); }
  body > nav.navbar.fixed-top .edu-menu-lines > span:nth-child(3) { transform: translateY(6px); }
  body > nav.navbar.fixed-top .edu-mobile-menu-toggle[aria-expanded="true"] .edu-menu-lines > span:nth-child(1) { transform: rotate(45deg); }
  body > nav.navbar.fixed-top .edu-mobile-menu-toggle[aria-expanded="true"] .edu-menu-lines > span:nth-child(2) { transform: scaleX(.2); opacity: 0; }
  body > nav.navbar.fixed-top .edu-mobile-menu-toggle[aria-expanded="true"] .edu-menu-lines > span:nth-child(3) { transform: rotate(-45deg); }

  /* Bootstrap'un acilir/kapanir yukseklik hareketi korunur; cam panel yumusakca belirir. */
  body > nav.navbar.navbar-expand-lg.fixed-top > .container > #navbarNav {
    transform-origin: top center;
    opacity: 1;
    transform: translate3d(0,0,0) scale(1);
    background: var(--mobile-menu-panel-bg, rgba(245,249,247,.88)) !important;
    -webkit-backdrop-filter: var(--mobile-menu-panel-blur, blur(30px) saturate(170%)) !important;
    backdrop-filter: var(--mobile-menu-panel-blur, blur(30px) saturate(170%)) !important;
    box-shadow: 0 20px 54px rgba(18,49,50,.19), inset 0 1px rgba(255,255,255,.86) !important;
  }
  body > nav.navbar.navbar-expand-lg.fixed-top > .container > #navbarNav.collapsing {
    overflow: hidden !important;
    transition: height .36s cubic-bezier(.22,1,.36,1) !important;
  }
  body > nav.navbar.navbar-expand-lg.fixed-top > .container > .edu-mobile-menu-toggle[aria-expanded="true"] + #navbarNav.collapsing {
    animation: edu-menu-open .36s cubic-bezier(.22,1,.36,1) both;
  }
  body > nav.navbar.navbar-expand-lg.fixed-top > .container > .edu-mobile-menu-toggle[aria-expanded="false"] + #navbarNav.collapsing {
    animation: edu-menu-close .34s ease-in-out both;
  }
}
@keyframes edu-menu-open {
  from { opacity: 0; transform: translate3d(0,-12px,0) scale(.985); }
  to { opacity: 1; transform: translate3d(0,0,0) scale(1); }
}
@keyframes edu-menu-close {
  from { opacity: 1; transform: translate3d(0,0,0) scale(1); }
  to { opacity: 0; transform: translate3d(0,-10px,0) scale(.987); }
}
@media (prefers-reduced-motion: reduce) {
  body > nav.navbar.fixed-top .edu-menu-lines > span,
  body > nav.navbar.fixed-top .edu-mobile-menu-toggle { transition: none !important; }
  body > nav.navbar.navbar-expand-lg.fixed-top > .container > #navbarNav.collapsing {
    animation: none !important;
    transition: none !important;
  }
}
@media (prefers-reduced-transparency: reduce) {
  body > nav.navbar.navbar-expand-lg.fixed-top > .container > #navbarNav {
    background: #f5f9f7 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}
