/*
 * Mobile drawer layout (moved from WPCode 60655 on 2026-09-27; printed at wp_head 999, the slot the snippet used).
 * Overrides Kadence's centered 330px drawer and the full-width parent-toggle overlay. The native fix is the
 * Customizer drawer settings (header_popup_content_align, mobile_navigation_parent_toggle); see DESIGN.md §13.1 rule 19.
 */
@media (max-width: 1024px){
  /* Un-cramp the drawer: full usable width, left-aligned, not a 330px center box */
  #mobile-drawer .drawer-content,
  #mobile-drawer .drawer-content.mobile-drawer-content{
    max-width:none !important;
    width:100% !important;
    margin:0 !important;
    padding:0 0 1.5em !important;
    text-align:left !important;
  }
  #mobile-drawer .drawer-content.content-align-center,
  #mobile-drawer .drawer-content.content-align-center .site-header-item{
    text-align:left !important;
    justify-content:flex-start !important;
  }

  /* Each row: full width, comfortable tap target, left-aligned label */
  #mobile-header .mobile-navigation ul#mobile-menu > li.menu-item,
  .mobile-navigation ul#mobile-menu > li.menu-item{
    width:100% !important;
    display:block !important;
  }
  .mobile-navigation ul li a{
    text-align:left !important;
    font-size:16px !important;
    padding:14px 56px 14px 20px !important;  /* right pad reserves space for chevron */
    min-height:50px !important;
    box-sizing:border-box !important;
    line-height:1.3 !important;
  }

  /* Parent rows with a dropdown: label flexes, chevron pinned right & clear of text */
  .mobile-navigation .drawer-nav-drop-wrap{
    display:flex !important;
    align-items:stretch !important;
    position:relative !important;
    width:100% !important;
  }
  .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:14px 16px 14px 20px !important;
    min-height:50px !important;
    box-sizing:border-box !important;
  }
  .mobile-navigation.drawer-navigation-parent-toggle-true .drawer-nav-drop-wrap .drawer-sub-toggle,
  .mobile-navigation .drawer-nav-drop-wrap .drawer-sub-toggle{
    position:static !important;
    flex:0 0 52px !important;
    width:52px !important;
    min-height:50px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-left:1px solid rgba(255,255,255,.15) !important;
    background:transparent !important;
    transform:none !important;
    top:auto !important; right:auto !important; left:auto !important; bottom:auto !important;
    z-index:auto !important;
    padding:0 !important;
  }
  .mobile-navigation .drawer-nav-drop-wrap .drawer-sub-toggle .kadence-svg-icon,
  .mobile-navigation .drawer-nav-drop-wrap .drawer-sub-toggle svg{
    width:18px !important;
    height:18px !important;
  }

  /* Sub-menu items: indented, left-aligned, readable */
  .mobile-navigation ul ul.sub-menu li a{
    text-align:left !important;
    padding-left:36px !important;
    font-size:15px !important;
  }
}