/**
 * Clinicella — mobil hamburger menü (Manrope, krem panel + koyu metin)
 * header-nav-fix.css sonrasında yüklenir.
 */
@media (max-width: 1023px) {
  body.clinicella-nav-open {
    overflow: hidden;
  }

  /* Tema: header:has(.menu-list.active) .popup → tam ekran karartma; menüyü kapatır */
  header > .popup,
  header:has(.menu-list.active) > .popup,
  header:has(.navbar-links:not(:first-child):hover) > .popup {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  header:has(.menu-list.active) {
    position: relative;
    z-index: 10050;
  }

  /* Kapalıyken menü paneli tamamen gizli — header’da koyu yazı taşması olmasın */
  nav .menu-container > .menu-list:not(.active) {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: none !important;
  }

  /* Üst bar (logo + dil + hamburger): şeffaf header üzerinde beyaz metin/ikon */
  nav.light > .menu-container > .navbar-links .dropdown-toggle p,
  nav.light > .menu-container > .navbar-links > a,
  nav.dark > .menu-container > .navbar-links .dropdown-toggle p,
  nav.dark > .menu-container > .navbar-links > a {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
  }

  nav .language-icon,
  nav .menu-btn::before,
  nav .menu-btn::after {
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.35));
  }

  /* Hamburger butonu */
  nav .menu-btn {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 2.75rem;
    min-height: 2.75rem;
    padding: 0 !important;
    border-radius: 0.65rem !important;
    border: 1px solid rgba(255, 255, 255, 0.45) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: transparent !important;
    font-size: 0 !important;
    overflow: hidden;
  }

  nav .menu-btn::before,
  nav .menu-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    width: 1.125rem;
    height: 2px;
    border-radius: 2px;
    background: #fff;
    transform: translateX(-50%);
    transition: transform 0.28s ease, top 0.28s ease, opacity 0.2s ease;
  }

  nav .menu-btn::before {
    top: calc(50% - 5px);
    box-shadow: 0 5px 0 #fff;
  }

  nav .menu-btn::after {
    top: calc(50% + 5px);
  }

  body.clinicella-nav-open nav .menu-btn::before {
    top: 50%;
    transform: translateX(-50%) rotate(45deg);
    box-shadow: none;
  }

  body.clinicella-nav-open nav .menu-btn::after {
    top: 50%;
    transform: translateX(-50%) rotate(-45deg);
  }


  /* Menü açıkken üst bar şeffaf kalır */
  nav.light:has(.menu-list.active),
  nav.dark:has(.menu-list.active) {
    background: transparent !important;
  }

  /* Tam ekran menü paneli — header altından başlar */
  nav .menu-container > .menu-list.active {
    display: flex !important;
    flex-direction: column;
    position: fixed !important;
    top: 3.5rem !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    max-height: none !important;
    transform: none !important;
    z-index: 10051 !important;
    pointer-events: auto !important;
    isolation: isolate;
    margin: 0 !important;
    padding: 0.75rem 1rem 2rem !important;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: linear-gradient(180deg, #fcfaf8 0%, #f6f0ea 48%, #f3ebe3 100%) !important;
    color: #150d30 !important;
    box-shadow: 0 24px 48px rgba(12, 16, 28, 0.18);
    animation: clinicellaNavSlideIn 0.32s cubic-bezier(0.22, 1, 0.36, 1);
  }

  @keyframes clinicellaNavSlideIn {
    from {
      opacity: 0;
      transform: translateY(-12px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  nav .menu-container > .menu-list.active .menu-list-wrapper {
    flex-direction: column;
    align-items: stretch;
    gap: 0.15rem;
    width: 100%;
    padding: 0;
    list-style: none;
  }

  nav .menu-container > .menu-list.active .navbar-links {
    width: 100%;
    border-bottom: 1px solid rgba(21, 13, 48, 0.08);
  }

  nav .menu-container > .menu-list.active .navbar-links > a,
  nav .menu-container > .menu-list.active .navbar-links > .dropdown-toggle,
  nav .menu-container > .menu-list.active .navbar-links > .dropdown-toggle p {
    position: relative;
    z-index: 1;
    pointer-events: auto !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.95rem 0.35rem !important;
    font-family: Manrope, sans-serif !important;
    font-size: 1.0625rem !important;
    font-weight: 600 !important;
    letter-spacing: -0.02em;
    line-height: 1.35 !important;
    color: #150d30 !important;
    -webkit-text-fill-color: #150d30 !important;
  }

  /* Tüm metin sınıflarını panel içinde koyu yap */
  nav .menu-container > .menu-list.active,
  nav .menu-container > .menu-list.active *,
  nav.light .menu-container > .menu-list.active,
  nav.light .menu-container > .menu-list.active *,
  nav.dark .menu-container > .menu-list.active,
  nav.dark .menu-container > .menu-list.active * {
    color: #150d30 !important;
    -webkit-text-fill-color: #150d30 !important;
  }

  nav .menu-container > .menu-list.active .description,
  nav .menu-container > .menu-list.active span.description,
  nav .menu-container > .menu-list.active .dropdown-item .description {
    color: rgba(21, 13, 48, 0.78) !important;
    -webkit-text-fill-color: rgba(21, 13, 48, 0.78) !important;
    opacity: 1 !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
  }

  nav .menu-container > .menu-list.active .dropdown-icon,
  nav .menu-container > .menu-list.active .language-icon {
    stroke: #5f2481 !important;
    flex-shrink: 0;
  }

  nav .menu-container > .menu-list.active .navbar-active-line {
    display: none;
  }

  /* Mobilde alt menüler kapalı — tıklayınca açılır (dentspa gibi) */
  nav .menu-container > .menu-list.active .dropdown-menu,
  nav .menu-container > .menu-list.active .dropdown-menu.inactive,
  nav .menu-container > .menu-list.active .dropdown-menu.active {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  nav .menu-container > .menu-list.active .navbar-links.clinicella-dropdown-open > .dropdown-menu,
  nav .menu-container > .menu-list.active .navbar-links.clinicella-dropdown-open > .dropdown-menu.active,
  nav .menu-container > .menu-list.active .navbar-links.clinicella-dropdown-open > .dropdown-menu.inactive {
    display: flex !important;
    flex-direction: column;
    height: auto !important;
    overflow: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    padding: 0 0 0.75rem 0.5rem !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Karartma kaldırıldı — tema popup'ı menüyü kapatıyordu */
  body.clinicella-nav-open nav {
    position: relative;
    z-index: 10052;
  }

  nav .menu-container > .menu-list.active .dropdown-menu-content {
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
  }

  nav .menu-container > .menu-list.active .dropdown-menu-col {
    width: 100% !important;
    padding: 0 !important;
  }

  nav .menu-container > .menu-list.active .dropdown-menu-heading {
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #8266e4 !important;
    padding: 0.5rem 0.35rem 0.25rem !important;
  }

  nav .menu-container > .menu-list.active .dropdown-item {
    padding: 0.65rem 0.35rem !important;
    border-radius: 0.5rem;
  }

  nav .menu-container > .menu-list.active .dropdown-item:active {
    background: rgba(130, 102, 228, 0.1);
  }

  nav .menu-container > .menu-list.active .dropdown-menu-links {
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
  }

  /* Dil seçici mobil panelde gizli (üst barda kalır) */
  nav .menu-container > .menu-list.active .navbar-links:has(.language-container) {
    display: none !important;
  }

  /* Üst bardaki dil menüsü — hamburger panelinden bağımsız */
  nav .menu-container > .navbar-links:has(.language-container) {
    position: relative;
    z-index: 10053;
    flex-shrink: 0;
  }

  nav .menu-container > .navbar-links:has(.language-container) .language-container {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    cursor: pointer;
  }

  nav .menu-container > .navbar-links:has(.language-container) > .menu-list {
    position: absolute;
    top: calc(100% + 0.35rem);
    right: 0;
    left: auto;
    width: max-content;
    min-width: 12.5rem;
    margin: 0;
    padding: 0;
    z-index: 10054;
    pointer-events: none;
  }

  nav .menu-container > .navbar-links:has(.language-container).clinicella-lang-open > .menu-list {
    pointer-events: auto;
  }

  nav .menu-container > .navbar-links:has(.language-container) .dropdown-menu {
    position: relative;
    display: none !important;
    flex-direction: column;
    gap: 0;
    width: 100%;
    min-width: 12.5rem;
    padding: 0.35rem 0 !important;
    margin: 0 !important;
    background: #fcfaf8 !important;
    border: 1px solid rgba(21, 13, 48, 0.1) !important;
    border-radius: 0.75rem !important;
    box-shadow: 0 14px 36px rgba(12, 16, 28, 0.16) !important;
    max-height: min(70vh, 22rem);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  nav .menu-container > .navbar-links:has(.language-container) .dropdown-menu.active {
    display: flex !important;
    height: auto !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  nav .menu-container > .navbar-links:has(.language-container) .dropdown-menu.inactive:not(.active) {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  nav .menu-container > .navbar-links:has(.language-container) .dropdown-menu-links,
  nav .menu-container > .navbar-links:has(.language-container) .dropdown-menu-links p {
    color: #150d30 !important;
    -webkit-text-fill-color: #150d30 !important;
  }

  nav .menu-container > .navbar-links:has(.language-container) .dropdown-icon-container {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
  }

  nav .menu-container > .navbar-links:has(.language-container) .dropdown-menu-links {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.65rem 0.85rem !important;
    border-radius: 0.5rem;
    text-decoration: none;
    white-space: nowrap;
  }

  nav .menu-container > .navbar-links:has(.language-container) .dropdown-menu-links:active,
  nav .menu-container > .navbar-links:has(.language-container) .dropdown-menu-links:focus {
    background: rgba(130, 102, 228, 0.08);
  }

  nav .menu-container > .navbar-links:has(.language-container) .dropdown-menu-col {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    width: 100%;
    padding: 0.15rem;
  }

  nav .menu-container > .navbar-links:has(.language-container) .language-logo {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    object-fit: contain;
  }

  body.clinicella-nav-open nav .menu-container > .navbar-links:has(.language-container) .language-container .dropdown-toggle p,
  body.clinicella-nav-open nav .menu-container > .navbar-links:has(.language-container) .language-icon {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    stroke: #fff !important;
  }
}