/* Shared header: keep the existing search, category, catalog and cart controls. */
#header { box-shadow: none; border-bottom: 0; }
/* Header labels must not intercept clicks on the account panel or its close button. */
.tooltip { pointer-events: none; }
body:has(#sidebarContent:not(.u-unfold--hidden)) .tooltip { visibility: hidden; }
#sidebarContent { width: min(340px, 100vw); }
#header .carioca-topline { background: #213545; color: #e7edf1; }
#header .carioca-topline-inner { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: 16px; min-height: 36px; }
#header .carioca-topline-tagline { font-size: 11px; white-space: nowrap; }
#header .carioca-topline-rates { justify-self: end; font-size: 11px; white-space: nowrap; color: #d1dce3; }
#header .carioca-topline-rates b { color: #fff; font-weight: 700; margin-left: 9px; }
#header .shipping-announcement { min-height: 36px; padding: 0 10px; background: transparent; color: #fff !important; font-size: 11px; white-space: nowrap; }
#header .shipping-announcement i { font-size: 14px; }
#header .bg-primary-down-lg { padding-top: 13px !important; padding-bottom: 13px !important; }
#header .bg-primary-down-lg .u-header__navbar { justify-content: flex-start !important; gap: 15px; }
#header #sidebarHeaderInvokerMenu { order: 0; margin: 0 !important; padding: 8px; flex: 0 0 auto; }
#header .u-header__navbar-brand { order: 1; margin: 0 !important; }
#header .u-header__navbar-brand img { width:150px; max-height:50px; height:auto; }
#header .carioca-desktop-search { min-width: 0; max-width: 780px; }
#header .carioca-desktop-search .input-group { width: 100%; }
#header #WebAramaForm { width: 100%; border: 1px solid #e5eaed !important; border-radius: 9px !important; background: #f5f7f8 !important; }
#header #WebAramaForm #TxAra { min-width: 0; background: transparent !important; }
#header #WebAramaForm #BtnAra { background: #213545 !important; border-radius: 0 7px 7px 0 !important; }
#header .carioca-desktop-actions .list-unstyled { gap: 17px; }
#header .carioca-desktop-actions .list-unstyled > li { padding: 0; }
#header .carioca-desktop-actions .header-icon-hit { color: #213545 !important; }
#header .d-none.d-xl-block.bg-primary,
#header .u-header .bg-primary { background: #fff !important; }
#header .d-none.d-xl-block.bg-primary { border-top: 1px solid #edf0f2; }
#header .d-none.d-xl-block.bg-primary .min-height-50 { min-height: 51px !important; }
#header #basicsHeadingOne { padding: 0 !important; background: transparent !important; }
#header #basicsHeadingOne button { min-height: 51px; padding: 0 18px !important; border-radius: 0 !important; background: #213545 !important; color: #fff !important; }
#header .carioca-secondary-nav { min-width: 0; }
#header .carioca-secondary-nav .u-header__navbar { padding-top: 0 !important; padding-bottom: 0 !important; }
#header .carioca-secondary-nav .u-header__nav-link { color: #213545 !important; font-size: 12px !important; }
#header .carioca-secondary-nav .u-header__nav-link:hover { color: #3a6078 !important; }
#header .carioca-secondary-help { align-items: center; gap: 9px; margin-left: auto; white-space: nowrap; color: #657783; font-size: 11px; text-decoration: none; }
#header .carioca-secondary-help:hover { color: #213545; }
#header .carioca-secondary-help i { font-size: 15px; }
#header #basicsCollapseOne .u-header__sub-menu { border-top-color: #213545 !important; }
@media(max-width:1199.98px) {
  #header .bg-primary-down-lg { padding-top: 9px !important; padding-bottom: 9px !important; }
  #header .bg-primary-down-lg .col-auto { max-width: calc(100% - 128px); }
  #header .bg-primary-down-lg .u-header__navbar { gap: 9px; }
  #header .bg-primary-down-lg #sidebarHeaderInvokerMenu { padding: 6px !important; }
  #header .u-header__navbar-brand img { width:110px; }
}
@media(max-width:767.98px) {
  #header .carioca-topline-inner { display: flex; justify-content: center; }
  #header .carioca-topline-tagline, #header .carioca-topline-rates { display: none; }
  #header .shipping-announcement { font-size: 10px; min-height: 32px; }
  #header .bg-primary-down-lg .col-auto { max-width: calc(100% - 140px); }
  #header .bg-primary-down-lg .u-header__navbar-brand img { max-height: 34px; }
  #header .d-xl-none .list-unstyled > .col { padding-left: .3rem !important; padding-right: .3rem !important; }
}
@media(max-width:390px) {
  #header .bg-primary-down-lg .col-auto { max-width: calc(100% - 184px); }
  #header .bg-primary-down-lg .u-header__navbar-brand img { max-height: 30px; width:88px; }
  #header .d-xl-none .list-unstyled > .col { padding-left: .17rem !important; padding-right: .17rem !important; }
}

/* Compact secondary navigation: align the trigger and its panel to the content edge. */
#header .d-none.d-xl-block.bg-primary { background:linear-gradient(105deg,#31546a 0%,#213545 48%,#142a3b 100%) !important; }
#header .d-none.d-xl-block.bg-primary .container > .row { min-height:48px !important; align-items:center !important; }
#header .d-none.d-xl-block.bg-primary .row > .col-md-auto { padding-left:15px; padding-right:0; }
#header .d-none.d-xl-block.bg-primary .min-height-50 { min-height:48px !important; }
#header #basicsHeadingOne button { min-height:48px; height:48px; display:flex; align-items:center; justify-content:space-between; padding:0 17px !important; background:#ffffff18 !important; font-size:14px; line-height:1.2; }
#header #basicsHeadingOne button:hover { background:#ffffff2e !important; }
#header #basicsHeadingOne button .pl-1 { padding-left:0 !important; }
#header #basicsHeadingOne button .ml-3 { margin-left:12px !important; }
#header #basicsCollapseOne { position:absolute; top:100%; left:0; width:270px; z-index:1100; background:#fff; box-shadow:0 16px 36px #10243829; }
#header #basicsAccordion, #header #basicsAccordion > div { position:relative; }
#header .carioca-secondary-nav .u-header__navbar { min-height:48px; align-items:center; }
#header .carioca-secondary-nav .u-header__nav-link { color:#f2f6fb !important; font-size:13px !important; padding-top:0 !important; padding-bottom:0 !important; line-height:48px; }
#header .carioca-secondary-nav .u-header__nav-link:hover { color:#fff !important; }
#header .carioca-secondary-help { color:#e6edf4; font-size:12px; }
#header .carioca-secondary-help:hover { color:#fff; }
#header .carioca-secondary-nav .navbar-nav { align-items:center; }
#header .carioca-secondary-nav .u-header__nav-item { display:flex; align-items:center; min-height:48px; }

/* Desktop strip is a single compact row; the mobile department strip must not reserve space here. */
@media(min-width:1200px) {
  #header .d-none.d-xl-block.bg-primary .container > .row { min-height:42px !important; height:42px; }
  #header .d-none.d-xl-block.bg-primary .min-height-50 { min-height:42px !important; }
  #header .d-none.d-xl-block.bg-primary .carioca-secondary-nav,
  #header .d-none.d-xl-block.bg-primary .carioca-secondary-nav nav,
  #header .d-none.d-xl-block.bg-primary .carioca-secondary-nav .navbar-collapse,
  #header .d-none.d-xl-block.bg-primary .carioca-secondary-nav .navbar-nav { height:42px; min-height:42px; padding-top:0 !important; padding-bottom:0 !important; align-items:center; }
  #header .d-none.d-xl-block.bg-primary .carioca-secondary-nav .u-header__nav-item { height:42px; min-height:42px; padding:0 !important; }
  #header .d-none.d-xl-block.bg-primary .carioca-secondary-nav .u-header__nav-link { display:inline-flex; align-items:center; height:42px; line-height:1.2; padding:0 12px !important; }
  #header #basicsHeadingOne button { height:42px; min-height:42px; }
  #header .carioca-secondary-help { display:flex; align-items:center; height:42px; }
  #header #sectionheaderdepartment { display:none !important; height:0 !important; margin:0 !important; padding:0 !important; }
}
#header .carioca-secondary-help i { color:#fff !important; }
