/*
 * Full-screen mobile drawer (moved from Kadence Pro Customizer > Header Scripts on 2026-09-27; printed at
 * wp_head 50, the slot Kadence Pro used). mobile-drawer.css (wp_head 999) layers the row layout on top.
 * The three dark paints state their label colour (#fff, dark-surface law); the drawer text was already white.
 */
/* SA-MOBILE-FULLSCREEN-DRAWER-20260805
   Full-viewport mobile menu + layout repair (replaces thin 20260804 shell).
   Survives WP Rocket via Kadence header_scripts. */
@media (max-width: 1024px) {
  body.showing-popup-drawer-from-full,
  body.showing-popup-drawer-from-right,
  body.showing-popup-drawer-from-left {
    overflow: hidden !important;
  }
  #mobile-drawer.popup-drawer,
  #widget-drawer.popup-drawer,
  .popup-drawer.popup-drawer-layout-fullwidth {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    width: 100dvw !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-width: none !important;
    max-height: none !important;
    background: #071620 !important;
    color: #ffffff !important;
    z-index: 2147483000 !important;
  }
  #mobile-drawer .drawer-overlay,
  .popup-drawer .drawer-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: #071620 !important;
    color: #ffffff !important;
    opacity: 1 !important;
  }
  #mobile-drawer .drawer-inner,
  .popup-drawer .drawer-inner {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    background: linear-gradient(0deg, #000000 0%, #071620 100%) !important;
    color: #ffffff !important;
    padding: 12px 0 32px !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }
  #mobile-drawer .drawer-header,
  .popup-drawer .drawer-header {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    padding: 8px 16px 12px !important;
    min-height: 0 !important;
  }
  #mobile-drawer .drawer-header .menu-toggle-close,
  #mobile-drawer .drawer-header .drawer-toggle,
  .popup-drawer .drawer-header button {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,255,255,0.28) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    line-height: 1 !important;
    font-size: 0 !important;
    position: relative !important;
  }
  #mobile-drawer .drawer-header .menu-toggle-close .toggle-close-bar,
  #mobile-drawer .drawer-header .drawer-toggle .toggle-close-bar {
    display: block !important;
    width: 18px !important;
    height: 2px !important;
    background: #ffffff !important;
    border-radius: 2px !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    margin: 0 !important;
  }
  #mobile-drawer .drawer-header .menu-toggle-close .toggle-close-bar:nth-child(1),
  #mobile-drawer .drawer-header .drawer-toggle .toggle-close-bar:first-child {
    transform: translate(-50%, -50%) rotate(45deg) !important;
  }
  #mobile-drawer .drawer-header .menu-toggle-close .toggle-close-bar:nth-child(2),
  #mobile-drawer .drawer-header .drawer-toggle .toggle-close-bar:last-child {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
  }
  #mobile-drawer .drawer-content,
  #mobile-drawer .drawer-content.mobile-drawer-content,
  .popup-drawer .drawer-content {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 2em !important;
    text-align: left !important;
    height: auto !important;
    background: transparent !important;
  }
  #mobile-drawer .drawer-content.content-align-center,
  #mobile-drawer .drawer-content.content-align-center .site-header-item,
  #mobile-drawer .mobile-navigation,
  #mobile-drawer .mobile-menu-container {
    text-align: left !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: none !important;
  }
  #mobile-drawer .site-header-item-mobile-navigation {
    width: 100% !important;
  }
  #mobile-drawer .mobile-navigation ul#mobile-menu,
  #mobile-drawer .mobile-navigation ul.menu {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 8px !important;
    list-style: none !important;
  }
  #mobile-drawer .mobile-navigation ul#mobile-menu > li.menu-item,
  #mobile-drawer .mobile-navigation ul li.menu-item {
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
    background: transparent !important;
  }
  #mobile-drawer .mobile-navigation ul li > a,
  #mobile-drawer .mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap {
    background: transparent !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255,255,255,0.14) !important;
  }
  #mobile-drawer .mobile-navigation ul li > a {
    text-align: left !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    padding: 16px 56px 16px 20px !important;
    min-height: 56px !important;
    box-sizing: border-box !important;
    line-height: 1.3 !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    color: #ffffff !important;
  }
  #mobile-drawer .mobile-navigation .drawer-nav-drop-wrap {
    display: flex !important;
    align-items: stretch !important;
    position: relative !important;
    width: 100% !important;
  }
  #mobile-drawer .mobile-navigation .drawer-nav-drop-wrap > a {
    flex: 1 1 auto !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    text-align: left !important;
    padding: 16px 16px 16px 20px !important;
    min-height: 56px !important;
    box-sizing: border-box !important;
    border-bottom: 0 !important;
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 500 !important;
  }
  #mobile-drawer .mobile-navigation.drawer-navigation-parent-toggle-true .drawer-nav-drop-wrap .drawer-sub-toggle,
  #mobile-drawer .mobile-navigation .drawer-nav-drop-wrap .drawer-sub-toggle {
    position: static !important;
    flex: 0 0 52px !important;
    width: 52px !important;
    min-height: 56px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-left: 1px solid rgba(255,255,255,0.14) !important;
    background: transparent !important;
    color: #D97706 !important;
    transform: none !important;
    top: auto !important; right: auto !important; left: auto !important; bottom: auto !important;
    z-index: auto !important;
    padding: 0 !important;
  }
  #mobile-drawer .mobile-navigation .drawer-nav-drop-wrap .drawer-sub-toggle .kadence-svg-icon,
  #mobile-drawer .mobile-navigation .drawer-nav-drop-wrap .drawer-sub-toggle svg {
    width: 18px !important;
    height: 18px !important;
    fill: #D97706 !important;
    color: #D97706 !important;
  }
  #mobile-drawer .mobile-navigation ul ul.sub-menu {
    background: rgba(0,0,0,0.25) !important;
    padding: 6px 0 10px !important;
    margin: 0 !important;
  }
  #mobile-drawer .mobile-navigation ul ul.sub-menu li a {
    text-align: left !important;
    padding: 12px 20px 12px 32px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    min-height: 48px !important;
    color: rgba(255,255,255,0.9) !important;
    border-bottom: 0 !important;
  }
  body.showing-popup-drawer-from-full #intaker-chat,
  body.showing-popup-drawer-from-full .intaker-chat,
  body.showing-popup-drawer-from-full iframe[src*="intaker"],
  body.showing-popup-drawer-from-full [class*="intaker"],
  body.showing-popup-drawer-from-full [id*="intaker"],
  body.showing-popup-drawer-from-full .crisp-client,
  body.showing-popup-drawer-from-full #chat-widget-container,
  body.showing-popup-drawer-from-full .sa-sticky-call,
  body.showing-popup-drawer-from-full .sticky-call-button {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}