/*
 * The STATIC half of the per-site theme stylesheet.
 *
 * These rules used to live in local_assets/css/styles.php, which every layout
 * include_once()s inline into the <head>. They are structural Bootstrap 5 overrides:
 * they contain no setting, no colour arithmetic and no per-user branch, so they are
 * byte-identical for every request of every distributor - and inlining them meant
 * re-shipping them inside the HTML on every navigation, uncacheable, because
 * public/.htaccess only sets the immutable Cache-Control on things actually FETCHED
 * from /local_assets/ (issue #358).
 *
 * WHERE THE LINE IS DRAWN, and why it is the whole safety property of the split: a rule
 * belongs here only if nothing in it can vary. Everything fed by get_settings() stays in
 * styles.php and stays inline - SCSS color() is a compile-time map lookup and a build
 * artefact is shared by every site, so a per-distributor colour that moves into a static
 * file (or into the Vite bundle) silently serves one tenant's palette to all of them.
 * If a rule here ever needs a setting, it moves back to styles.php; it does not grow a
 * PHP tag.
 *
 * Loaded by _common/layout.inc, layout_c.inc and layout_d.inc with the same
 * ?v=<APP_VERSION> cache-buster the other local_assets links carry, immediately before
 * the inline <style>, so the cascade order of these rules relative to the Vite bundle,
 * Font Awesome and the site's custom.min.css is exactly what it was when they were inline.
 *
 * Not build output: local_assets/ is committed (it is where the copy-* npm scripts vendor
 * jQuery and Font Awesome), and no copy-* script touches this directory. Edit it here.
 */

  /* BS5 nav button sizing can clip this pseudo-label */
  #top-navbar #nav-account form #btn-account {
    height: auto !important;
    min-height: 55px;
    line-height: 1.2 !important;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #top-navbar #nav-account form #btn-account::before {
    display: block;
    line-height: 1.2;
  }

  /* BS5: custom hamburger bars need explicit color */
  .navbar-toggler {
    color: #000;
    border-color: transparent;
    background-color: transparent !important;
  }
  .navbar-toggler .icon-bar {
    background-color: #000 !important;
    display: block !important;
    width: 24px !important;
    height: 2px !important;
    opacity: 1;
  }
  .navbar-toggler .icon-bar + .icon-bar {
    margin-top: 6px !important;
  }
  .navbar-light .navbar-toggler {
    color: #000;
  }
  .navbar-light .navbar-toggler .icon-bar {
    background-color: #000 !important;
  }

  /*
   * Secondary nav phone slot must never use the full-height .pri-nav primary strip.
   * (Some deployments still have class pri-nav on #nav-phone; .pri-nav alone is only one class.)
   */
  #bottom-navbar.sec-nav > #nav-phone,
  #bottom-navbar.navbar.sec-nav > #nav-phone,
  #bottom-navbar.sec-nav > #nav-phone.pri-nav {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  /* Bootstrap 5 dropdowns use .show instead of .open */
  #top-navbar .navbar-collapse li.dropdown.show > a:not(.btn):after {
    content: "\f0d7";
  }
