/* BidLira V667.54 — professional responsive public header navigation.
   Goal: remove the horizontal scrollbar created by the legacy V298 <=1120px
   rule without deleting/reordering menu items or changing admin-managed links.
   Desktop >1120px stays exactly in the existing horizontal layout. */

.header-reference-v298 .header-ref-menu-toggle-v66754{
  display:none;
}

@media (max-width:1120px){
  .header-reference-v298 .header-ref-wrap-v298{
    min-height:0!important;
  }
  .header-reference-v298 .header-ref-main-v298{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px 14px!important;
    min-height:52px!important;
  }
  .header-reference-v298 .header-ref-brand-v298{
    min-width:0!important;
  }
  .header-reference-v298 .header-ref-menu-toggle-v66754{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:9px;
    justify-self:end;
    min-height:42px;
    padding:0 14px;
    border:1px solid #cdbb97;
    border-radius:13px;
    background:linear-gradient(180deg,#fffaf0,#f4ead7);
    color:#211d18;
    box-shadow:0 5px 13px rgba(75,54,24,.08),inset 0 1px 0 rgba(255,255,255,.75);
    font:inherit;
    font-size:16px;
    font-weight:700;
    cursor:pointer;
  }
  .header-reference-v298 .header-ref-menu-toggle-v66754:hover,
  .header-reference-v298 .header-ref-menu-toggle-v66754:focus-visible{
    background:#fffdf7;
    border-color:#bda779;
    outline:none;
  }
  .header-reference-v298 .header-ref-menu-icon-v66754{
    display:grid;
    gap:3px;
    width:17px;
  }
  .header-reference-v298 .header-ref-menu-icon-v66754 i{
    display:block;
    width:17px;
    height:2px;
    border-radius:99px;
    background:#df6a34;
    transition:transform .18s ease,opacity .18s ease;
  }
  .header-reference-v298.is-menu-open-v66754 .header-ref-menu-icon-v66754 i:nth-child(1){transform:translateY(5px) rotate(45deg)}
  .header-reference-v298.is-menu-open-v66754 .header-ref-menu-icon-v66754 i:nth-child(2){opacity:0}
  .header-reference-v298.is-menu-open-v66754 .header-ref-menu-icon-v66754 i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}

  /* Collapse instead of horizontal scroll. */
  .header-reference-v298 .header-ref-nav-v298{
    display:none!important;
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    scrollbar-width:none!important;
    white-space:normal!important;
    padding:8px!important;
    margin:0!important;
    border:1px solid #d7c7a7;
    border-radius:16px;
    background:rgba(255,250,240,.96);
    box-shadow:0 14px 30px rgba(67,48,22,.10);
  }
  .header-reference-v298.is-menu-open-v66754 .header-ref-nav-v298{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .header-reference-v298 .header-ref-nav-v298::-webkit-scrollbar{display:none!important}
  .header-reference-v298 .header-ref-nav-item-v298{
    min-width:0!important;
    width:100%!important;
  }
  .header-reference-v298 .header-ref-link-v298{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    padding:0 11px!important;
    border-radius:12px!important;
    font-size:13px!important;
    line-height:1.15!important;
    white-space:normal!important;
    text-align:center!important;
  }
  .header-reference-v298 .header-ref-submenu-v298{
    z-index:180!important;
  }

  /* The search/account row stays below the compact header, never causes nav scroll. */
  .header-reference-v298 .header-ref-subrow-v298{
    margin-top:9px!important;
  }
}

@media (max-width:860px){
  .header-reference-v298.is-menu-open-v66754 .header-ref-nav-v298{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media (max-width:640px){
  .header-reference-v298 .header-ref-wrap-v298{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .header-reference-v298 .header-ref-menu-toggle-v66754{
    min-height:40px;
    padding:0 12px;
  }
  .header-reference-v298.is-menu-open-v66754 .header-ref-nav-v298{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .header-reference-v298 .header-ref-link-v298{
    font-size:12.5px!important;
    padding:0 8px!important;
  }
}