/*
Theme Name: Running the Tubs
Author: SixtyOne Celsius
Author URI: https://sixtyonecelsius.com/
Theme URI: https://sixtyonecelsius.com/
Description: SixtyOne Celsius based theme based on the Mighty North
Version: 1.0.0
Template: siteorigin-north
Text Domain: siteorigin-north
Domain Path: /languages/
*/

/* =Theme customization starts here
-------------------------------------------------------------- */

/* ============================
   Header: Split nav + mobile bar
   Truth source: html.rtt-mobile (set by header script)
   ============================ */

/* Mobile bar layout (logo left, hamburger right) */
#masthead .north-mobile-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
}
#masthead .north-mobile-branding{
  display:flex;
  align-items:center;
}
#masthead .north-mobile-toggle{
  display:inline-flex;
  align-items:center;
  margin-left:auto;
}

/* Desktop split layout: 3-column grid keeps logo perfectly centered */
#masthead .north-desktop-split .north-split-nav__row{
  display:grid;
  grid-template-columns: 1fr auto 1fr; /* left | logo | right */
  align-items:center;
  column-gap:24px;
}
#masthead .north-split-nav__side{
  display:flex;
  align-items:center;
  min-width:0;
}
#masthead .north-split-nav__side--left{ justify-content:flex-end; }
#masthead .north-split-nav__side--right{ justify-content:flex-start; }

#masthead .north-split-nav__brand{
  display:flex;
  align-items:center;
  justify-content:center;
  float:none;
  width:auto;
  margin:0;
}

/* Ensure split menu ULs are horizontal */
#masthead #primary-left-menu,
#masthead #primary-right-menu{
  display:flex;
  align-items:center;
  gap:18px;
  list-style:none;
  margin:0;
  padding:0;
}
#masthead #primary-left-menu a,
#masthead #primary-right-menu a{
  white-space:nowrap;
}

/* ============================
   Visibility rules
   ============================ */

/* Default = desktop (no rtt-mobile class) */
html:not(.rtt-mobile) #masthead .north-mobile-bar,
html:not(.rtt-mobile) #masthead .menu-primary-menu-container{
  display:none !important;
}
html:not(.rtt-mobile) #masthead .north-desktop-split{
  display:block !important;
}

/* Mobile */
html.rtt-mobile #masthead .north-desktop-split{
  display:none !important;
}
html.rtt-mobile #masthead .north-mobile-bar{
  display:flex !important;
}
html.rtt-mobile #masthead .menu-primary-menu-container{
  display:block !important;
}

/* Let North control the open/close. Hide menu UL by default, show when toggled. */
html.rtt-mobile #masthead #primary-menu{
  display:none;
}
html.rtt-mobile #masthead #site-navigation.toggled #primary-menu{
  display:block;
}