/*
 * AK Chic Closet v1.2.9 header and hero refinements.
 * Loaded after final-ux.css so saved WordPress templates use the newest header behavior.
 */

body.home .wp-site-blocks {
  padding-top: 0 !important;
}

body.home .ak-site-header {
  background: transparent !important;
  box-shadow: none !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  z-index: 100 !important;
}

body.home .ak-site-header .ak-announcement {
  -webkit-backdrop-filter: blur(2px) saturate(105%) !important;
  backdrop-filter: blur(2px) saturate(105%) !important;
  background: rgba(8, 8, 8, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
  color: #ffffff !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.72) !important;
}

body.home .ak-site-header .ak-site-nav,
body.home .ak-site-header.ak-scrolled .ak-site-nav {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.home .ak-site-header .ak-primary-menu {
  -webkit-backdrop-filter: blur(2px) saturate(105%) !important;
  backdrop-filter: blur(2px) saturate(105%) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08) !important;
}

body.home .ak-site-header .ak-primary-menu .wp-block-navigation-item__content {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.72) !important;
}

body.home .ak-site-header .ak-logo-fallback,
body.home .ak-site-header .wp-block-site-logo,
body.home .ak-site-header .custom-logo-link,
body.home .ak-site-header .ak-mobile-menu-toggle,
body.home .ak-site-header .ak-account-toggle,
body.home .ak-site-header .ak-header-bag,
body.home .ak-site-header .ak-theme-toggle {
  -webkit-backdrop-filter: blur(2px) saturate(105%) !important;
  backdrop-filter: blur(2px) saturate(105%) !important;
  background: rgba(9, 9, 9, 0.18) !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12) !important;
  color: #ffffff !important;
}

body.home .wp-block-cover.ak-hero,
body.home .ak-full-hero,
body.home .ak-hero {
  padding-top: calc(var(--ak-header-height, 124px) + clamp(1rem, 4vw, 3rem)) !important;
}

@media (max-width: 767px) {
  .ak-site-header .ak-header-actions > .ak-header-account,
  .ak-site-header .ak-header-actions > .ak-header-account .ak-account-toggle,
  body.home .ak-site-header .ak-header-actions > .ak-header-account,
  body.home .ak-site-header .ak-header-actions > .ak-header-account .ak-account-toggle {
    display: none !important;
  }

  .ak-site-header .ak-site-nav > .alignwide,
  .ak-site-header .ak-site-nav .alignwide {
    grid-template-columns: minmax(58px, 1fr) 46px 46px 46px !important;
  }

  .ak-site-header .ak-site-nav > .alignwide > .ak-header-actions,
  .ak-site-header .ak-site-nav .alignwide > .ak-header-actions {
    display: contents !important;
  }

  .ak-site-header .ak-site-nav > .alignwide > .ak-header-actions > .ak-header-bag,
  .ak-site-header .ak-site-nav .alignwide > .ak-header-actions > .ak-header-bag {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }

  .ak-site-header .ak-site-nav > .alignwide > .ak-header-actions > .ak-theme-toggle,
  .ak-site-header .ak-site-nav .alignwide > .ak-header-actions > .ak-theme-toggle {
    grid-column: 4 !important;
    grid-row: 1 !important;
  }

  body.home .wp-block-cover.ak-hero,
  body.home .ak-full-hero,
  body.home .ak-hero {
    padding-top: 8.25rem !important;
  }
}