/* Nidoo CSS architecture bundle.
 * Extracted from legacy source: 13-nidoo-google-sso.php.
 * Loaded only in contexts where this component is rendered.
 */
/* Mobile menu: polished drawer with clear hierarchy. */
@media (max-width: 768px) {
  .main-header-menu-toggle {
    min-width: 44px !important;
    min-height: 44px !important;
  }
  .ast-mobile-popup-drawer {
    z-index: 99999 !important;
  }
  .ast-mobile-popup-drawer .ast-mobile-popup-overlay {
    background: rgba(45, 42, 36, 0.42) !important;
    backdrop-filter: blur(3px) !important;
  }
  .ast-mobile-popup-drawer .ast-mobile-popup-inner {
    width: min(88vw, 380px) !important;
    max-width: 380px !important;
    background: var(--nidoo-surface-warm) !important;
    box-shadow: 8px 0 32px rgba(45, 42, 36, 0.18) !important;
  }
  .ast-mobile-popup-drawer .ast-mobile-popup-header {
    min-height: 76px !important;
    padding: 16px 20px !important;
    border-bottom: 1px solid var(--nidoo-border) !important;
    background: var(--nidoo-surface-warm) !important;
  }
  .ast-mobile-popup-drawer .menu-toggle-close {
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border: 1px solid var(--nidoo-border) !important;
    border-radius: 50% !important;
    background: var(--nidoo-white) !important;
    color: var(--nidoo-text) !important;
  }
  .ast-mobile-popup-drawer .main-header-bar-navigation,
  .ast-mobile-popup-drawer .main-navigation,
  .ast-mobile-popup-drawer .main-header-menu {
    width: 100% !important;
  }
  .ast-mobile-popup-drawer .main-header-menu {
    padding: 8px 0 !important;
  }
  .ast-mobile-popup-drawer .main-header-menu .menu-item {
    border-bottom: 1px solid rgba(232, 228, 221, 0.7) !important;
  }
  .ast-mobile-popup-drawer .main-header-menu .menu-link {
    display: flex !important;
    align-items: center !important;
    min-height: 64px !important;
    padding: 0 24px !important;
    color: var(--nidoo-text) !important;
    font-size: 17px !important;
    font-weight: 500 !important;
  }
  .ast-mobile-popup-drawer .main-header-menu .current-menu-item .menu-link {
    color: var(--nidoo-primary) !important;
    font-weight: 600 !important;
  }
}
/* Premium mobile drawer finishing pass. */
@media (max-width: 768px) {
  .ast-mobile-popup-drawer .ast-mobile-popup-inner {
    background: var(--nidoo-surface-warm) !important;
  }
  .ast-mobile-popup-drawer .ast-mobile-popup-header {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    position: relative !important;
  }
  .ast-mobile-popup-drawer .ast-mobile-popup-header::before {
    content: "Nidoo";
    position: absolute;
    left: 24px;
    top: 20px;
    color: var(--nidoo-primary);
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.06em;
  }
  .ast-mobile-popup-drawer .ast-header-account {
    display: none !important;
  }
  .ast-mobile-popup-drawer .main-header-bar-navigation {
    margin-top: 0 !important;
  }
  .ast-mobile-popup-drawer .main-header-menu {
    background: var(--nidoo-surface-warm) !important;
  }
  .ast-mobile-popup-drawer .main-header-menu .menu-link {
    letter-spacing: -0.01em !important;
  }
}
