/* APPARELLY BLANK — V64 Compact Header + Static Nav */

/* ----------------------------------------------------------
   1. COMPACT HEADER BAR
---------------------------------------------------------- */

#header,
.ct-header,
.site-header {
  --ablk-header-height-v64: 56px;
  position: relative;
  z-index: 50;
}

/* Blocksy header rows */
#header [data-row],
.ct-header [data-row],
.site-header [data-row] {
  min-height: var(--ablk-header-height-v64) !important;
}

#header [data-row] > div,
.ct-header [data-row] > div,
#header [data-row] .ct-container,
#header [data-row] .ct-container-fluid,
.ct-header [data-row] .ct-container,
.ct-header [data-row] .ct-container-fluid {
  min-height: var(--ablk-header-height-v64) !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* Reduce logo visual height */
#header .site-logo-container,
#header .site-branding,
.ct-header .site-logo-container,
.ct-header .site-branding {
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
}

#header .site-logo-container img,
#header .site-branding img,
#header .custom-logo,
.ct-header .site-logo-container img,
.ct-header .site-branding img,
.ct-header .custom-logo {
  max-height: 34px !important;
  width: auto !important;
}

/* Compact icon buttons in header */
#header .ct-header-trigger,
#header .ct-cart-item,
#header .ct-account-item,
#header button,
.ct-header .ct-header-trigger,
.ct-header .ct-cart-item,
.ct-header .ct-account-item {
  min-height: 38px !important;
  min-width: 38px !important;
  border-radius: 8px !important;
}

/* ----------------------------------------------------------
   2. PRIMARY NAV: REMOVE PILLS, ADD STATIC STATE
---------------------------------------------------------- */

#header nav,
.ct-header nav,
.site-header nav {
  isolation: isolate;
}

/* Normal nav links */
#header .menu > li > a,
#header [data-menu] > ul > li > a,
#header .ct-menu-link,
.ct-header .menu > li > a,
.ct-header [data-menu] > ul > li > a,
.ct-header .ct-menu-link,
.site-header .menu > li > a,
.site-header .ct-menu-link {
  position: relative !important;
  min-height: 38px !important;
  padding: .32rem .58rem !important;
  border-radius: 6px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(239,232,216,.74) !important;
  font-size: .72rem !important;
  font-weight: 850 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  overflow: visible !important;
  transition: color .18s ease !important;
}

/* Kill active/current pill backgrounds from theme or old CSS */
#header .current-menu-item > a,
#header .current_page_item > a,
#header .current-menu-ancestor > a,
#header .current_page_ancestor > a,
#header a[aria-current="page"],
.ct-header .current-menu-item > a,
.ct-header .current_page_item > a,
.ct-header .current-menu-ancestor > a,
.ct-header .current_page_ancestor > a,
.ct-header a[aria-current="page"],
.site-header .current-menu-item > a,
.site-header .current_page_item > a,
.site-header a[aria-current="page"] {
  background: transparent !important;
  background-color: transparent !important;
  color: #f3c400 !important;
  -webkit-text-fill-color: #f3c400 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Static underline */
#header .menu > li > a::after,
#header [data-menu] > ul > li > a::after,
#header .ct-menu-link::after,
.ct-header .menu > li > a::after,
.ct-header [data-menu] > ul > li > a::after,
.ct-header .ct-menu-link::after,
.site-header .menu > li > a::after,
.site-header .ct-menu-link::after {
  content: "" !important;
  position: absolute !important;
  left: .58rem !important;
  right: .58rem !important;
  bottom: 4px !important;
  height: 1px !important;
  border-radius: 0 !important;
  background: #f3c400 !important;
  box-shadow: none !important;
  transform: none !important;
  transform-origin: center !important;
  opacity: 0 !important;
  transition: opacity .18s ease !important;
}

/* Active and hover underline */
#header .menu > li > a:hover,
#header [data-menu] > ul > li > a:hover,
#header .ct-menu-link:hover,
.ct-header .menu > li > a:hover,
.ct-header [data-menu] > ul > li > a:hover,
.ct-header .ct-menu-link:hover,
.site-header .menu > li > a:hover,
.site-header .ct-menu-link:hover {
  color: #f3c400 !important;
  -webkit-text-fill-color: #f3c400 !important;
  transform: none !important;
  text-shadow: none !important;
}

#header .menu > li > a:hover::after,
#header [data-menu] > ul > li > a:hover::after,
#header .ct-menu-link:hover::after,
#header .current-menu-item > a::after,
#header .current_page_item > a::after,
#header .current-menu-ancestor > a::after,
#header .current_page_ancestor > a::after,
#header a[aria-current="page"]::after,
.ct-header .menu > li > a:hover::after,
.ct-header [data-menu] > ul > li > a:hover::after,
.ct-header .ct-menu-link:hover::after,
.ct-header .current-menu-item > a::after,
.ct-header .current_page_item > a::after,
.ct-header a[aria-current="page"]::after,
.site-header .menu > li > a:hover::after,
.site-header .ct-menu-link:hover::after,
.site-header .current-menu-item > a::after,
.site-header .current_page_item > a::after,
.site-header a[aria-current="page"]::after {
  transform: none !important;
  opacity: 1 !important;
}

/* Keyboard focus stays visible */
#header a:focus-visible,
.ct-header a:focus-visible,
.site-header a:focus-visible {
  outline: 2px solid rgba(243,196,0,.70) !important;
  outline-offset: 4px !important;
  border-radius: 6px !important;
}

/* ----------------------------------------------------------
   3. MOBILE QUICK NAV: REMOVE ACTIVE PILL
---------------------------------------------------------- */

.ablk-mobile-quicknav {
  border-radius: 10px !important;
  overflow: hidden !important;
}

.ablk-mobile-quicknav a {
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(239,232,216,.66) !important;
  box-shadow: none !important;
}

.ablk-mobile-quicknav a[aria-current="page"],
.ablk-mobile-quicknav a:hover,
.ablk-mobile-quicknav a:first-child {
  background: transparent !important;
  color: #f3c400 !important;
  -webkit-text-fill-color: #f3c400 !important;
  box-shadow: inset 0 -2px 0 rgba(243,196,0,.95) !important;
  text-shadow: none !important;
}

/* ----------------------------------------------------------
   4. SHARPER GLOBAL BUTTONS
---------------------------------------------------------- */

:root {
  --ablk-v63-radius: 7px;
  --ablk-v64-button-radius: 7px;
}

.wp-block-button .wp-block-button__link,
.wp-block-button .wp-element-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button,
.add_to_cart_button,
.single_add_to_cart_button,
.checkout-button,
#place_order,
button[type="submit"],
input[type="submit"],
.ct-button {
  min-height: 44px !important;
  border-radius: var(--ablk-v64-button-radius) !important;
  padding: .58rem .92rem !important;
  border-width: 1px !important;
  font-size: .72rem !important;
  letter-spacing: .12em !important;
}

/* Slightly less bulky button shadow */
.wp-block-button .wp-block-button__link,
.wp-block-button .wp-element-button,
.woocommerce .button,
.add_to_cart_button,
.single_add_to_cart_button,
.checkout-button,
#place_order,
button[type="submit"],
input[type="submit"] {
  box-shadow:
    0 8px 22px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

/* ----------------------------------------------------------
   5. SMALL SCREEN HEADER
---------------------------------------------------------- */

@media (max-width: 900px) {
  #header,
  .ct-header,
  .site-header {
    --ablk-header-height-v64: 52px;
  }

  #header [data-row],
  .ct-header [data-row],
  .site-header [data-row] {
    min-height: 52px !important;
  }

  #header [data-row] > div,
  .ct-header [data-row] > div,
  #header [data-row] .ct-container,
  #header [data-row] .ct-container-fluid,
  .ct-header [data-row] .ct-container,
  .ct-header [data-row] .ct-container-fluid {
    min-height: 52px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  #header .site-logo-container img,
  #header .site-branding img,
  #header .custom-logo,
  .ct-header .site-logo-container img,
  .ct-header .site-branding img,
  .ct-header .custom-logo {
    max-height: 30px !important;
  }

  #header .ct-header-trigger,
  #header .ct-cart-item,
  #header .ct-account-item,
  .ct-header .ct-header-trigger,
  .ct-header .ct-cart-item,
  .ct-header .ct-account-item {
    min-height: 36px !important;
    min-width: 36px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #header .menu > li > a,
  #header [data-menu] > ul > li > a,
  #header .ct-menu-link,
  .ct-header .menu > li > a,
  .ct-header [data-menu] > ul > li > a,
  .ct-header .ct-menu-link,
  .wp-block-button .wp-block-button__link,
  .wp-block-button .wp-element-button,
  .woocommerce .button,
  .add_to_cart_button,
  .single_add_to_cart_button,
  .checkout-button,
  #place_order,
  button[type="submit"],
  input[type="submit"] {
    transition: none !important;
    transform: none !important;
  }
}