/* ── Mobile Header Override — MidwayUSA-style: hamburger + logo LEFT, actions RIGHT ── */
/* This file is enqueued with filemtime() versioning to bust Batcache on every deploy.  */

@media (max-width: 768px) {

  /* ── CONTAINER ── */
  .ra-header-main { padding: 0 !important; }
  .ra-header-main__inner {
    display:         flex !important;
    flex-wrap:       wrap !important;
    align-items:     center !important;
    justify-content: flex-start !important;
    padding:         10px 14px 0 14px !important;
    gap:             0 !important;
    width:           100% !important;
    box-sizing:      border-box !important;
    position:        relative !important;
  }
  .ra-header-main__inner::before { display: none !important; }

  /* ── HAMBURGER: far left, compact gold pill ── */
  .ra-hamburger {
    display:         flex !important;
    flex-direction:  column !important;
    justify-content: center !important;
    align-items:     center !important;
    gap:             5px !important;
    background:      #c9a84c !important;
    border:          none !important;
    border-radius:   6px !important;
    padding:         0 !important;
    cursor:          pointer !important;
    width:           42px !important;
    height:          42px !important;
    flex-shrink:     0 !important;
    order:           1 !important;
    position:        static !important;
    margin-right:    10px !important;
  }
  .ra-hamburger span {
    display:       block !important;
    width:         20px !important;
    height:        2px !important;
    background:    #1a2744 !important;
    border-radius: 2px !important;
  }

  /* ── LOGO: immediately right of hamburger, natural width only ── */
  .ra-logo {
    display:         flex !important;
    justify-content: flex-start !important;
    align-items:     center !important;
    order:           2 !important;
    flex:            0 0 auto !important;
    position:        static !important;
    transform:       none !important;
    margin:          0 10px 0 0 !important;
    padding:         0 !important;
  }
  .ra-logo img,
  .ra-logo .ra-logo__img,
  .ra-logo > img {
    height:    60px !important;
    width:     auto !important;
    display:   block !important;
  }
  .ra-logo__text,
  .ra-logo .ra-logo__text { display: none !important; }

  /* ── ACTIONS: far right — sign-in + cart ── */
  .ra-header-actions {
    display:         flex !important;
    align-items:     center !important;
    justify-content: flex-end !important;
    gap:             4px !important;
    padding:         0 !important;
    margin-left:     auto !important;
    order:           3 !important;
    flex-shrink:     0 !important;
  }
  .ra-header-actions > *             { display: none !important; }
  .ra-header-actions .ra-cart-btn    { display: flex !important; }
  .ra-header-actions .ra-account-btn { display: flex !important; }
  .ra-header-actions .ra-hamburger   { display: none !important; }

  /* Cart button */
  .ra-cart-btn {
    display:         flex !important;
    align-items:     center !important;
    justify-content: center !important;
    width:           42px !important;
    height:          42px !important;
    padding:         0 !important;
    flex-shrink:     0 !important;
  }
  .ra-cart-btn .ra-header-action__label { display: none !important; }

  /* Account/Sign-in — icon + "Sign In" label stacked */
  .ra-account-btn {
    display:         flex !important;
    flex-direction:  column !important;
    align-items:     center !important;
    justify-content: center !important;
    gap:             2px !important;
    padding:         4px 6px !important;
    height:          42px !important;
    flex-shrink:     0 !important;
    text-decoration: none !important;
  }
  .ra-account-btn svg {
    width:       18px !important;
    height:      18px !important;
    flex-shrink: 0 !important;
  }
  .ra-account-btn .ra-header-action__label {
    display:     block !important;
    font-size:   9px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-align:  center !important;
  }

  /* ── SEARCH: full-width second row ── */
  .ra-search {
    flex:    0 0 100% !important;
    width:   100% !important;
    order:   4 !important;
    margin:  8px 0 0 0 !important;
    padding: 0 0 12px 0 !important;
  }
  .ra-search__form {
    display:       flex !important;
    height:        46px !important;
    border-radius: 8px !important;
    width:         100% !important;
    overflow:      hidden !important;
  }
  .ra-search__category { display: none !important; }
  .ra-search__input {
    flex:      1 !important;
    height:    46px !important;
    font-size: 14px !important;
    padding:   0 14px !important;
  }
  .ra-search__btn {
    width:       52px !important;
    height:      46px !important;
    flex-shrink: 0 !important;
  }

  /* Hide desktop category nav */
  .ra-category-nav        { display: none !important; }
  .ra-category-nav::after { display: none !important; }

}

@media (max-width: 480px) {
  .ra-header-main__inner { padding: 10px 12px 0 12px !important; }
  .ra-logo img,
  .ra-logo .ra-logo__img { height: 52px !important; }
  .ra-hamburger          { width: 40px !important; height: 40px !important; margin-right: 8px !important; }
}