/* Ahan123 V15: focused regression fix for the native WordPress header and price tabs.
   Preserve the slate/blue header design. Do not alter branding, menu markup or theme files. */
@media screen {
  html.ahan-header-ui.ahan-header-pillow-ui #ahan-page-top.ahan-app-header,
  html.ahan-header-ui.ahan-header-pillow-ui header#ahan-page-top.page-header {
    background: #30384a !important;
    background-color: #30384a !important;
    color: #edf2fa !important;
    border-bottom-color: #434c60 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: 0 7px 23px rgba(15,22,34,.19) !important;
  }
  /* Keep dropdowns readable and unaltered: the parent remains the native theme header. */
  html.ahan-header-ui.ahan-header-pillow-ui #ahan-page-top .main-navigation {
    color: #edf2fa;
  }
  /* Avoid the decorative header shoulder covering the breadcrumb at the top. */
  body:has(.ahan-catalog-v8) .ahan-catalog-v8 .breadcrumb {
    margin-top: 13px;
  }
}
@media (max-width:900px) {
  /* The 31px descending island is decorative, but it currently overlaps the fixed
     price contact/filter strip. On phones, retain the logo and hide only the island. */
  html.ahan-header-ui.ahan-header-pillow-ui #ahan-page-top.page-header::after {
    content: none !important;
    display: none !important;
    background: none !important;
    filter: none !important;
  }
}
@media (max-width:900px) {
  :root { --ahan-catalog-header-gap: 14px; }
  .ahan-catalog-v8 .mobile-price-sticky-tools {
    top: calc(var(--ahan-sticky-header-height,89px) + var(--ahan-catalog-header-gap)) !important;
    margin-top: 12px !important;
    margin-bottom: 14px !important;
    scroll-margin-top: calc(var(--ahan-sticky-header-height,89px) + 100px);
  }
  /* Make sure scroll targets and tabs stay clear of both the header and sticky tools. */
  .ahan-catalog-v8 .category-nav--v3,
  .ahan-catalog-v8 .mobile-sort,
  .ahan-catalog-v8 .results-toolbar {
    scroll-margin-top: calc(var(--ahan-sticky-header-height,89px) + 160px);
  }
}
@media (min-width:801px) and (max-width:900px) {
  /* Theme switches to its two-row desktop header over 800px, while the price
     controls remain in their compact layout up to 900px. */
  :root { --ahan-sticky-header-height: 145px !important; }
  /* Medium tablets still use the mobile action strip below the two-row, 145px header.
     Use a higher-specificity exact offset even if WordPress reorders cached CSS. */
  html.ahan-header-ui body .ahan-catalog-v8 .mobile-price-sticky-tools {
    top: 159px !important;
  }
}
@media print {
  html.ahan-header-ui.ahan-header-pillow-ui #ahan-page-top.ahan-app-header {
    background: #fff !important;
    color: #222 !important;
    box-shadow: none !important;
  }
}
