/*
Theme Name: AURAON Shopmighty Child
Description: Custom child theme for AURAON based on Shopmighty.
Author: AURAON
Template: shopmighty
Version: 1.0.0
*/

/* ================================
AURAON - Shop Color
================================ */

.auraon-shop-color {
font-size: 14px;
margin-top: 4px;
margin-bottom: 4px;
line-height: 1.4;
}

/* ================================
AURAON - Shop Sizes
================================ */

.auraon-shop-sizes {
font-size: 14px;
margin-top: 6px;
margin-bottom: 6px;
line-height: 1.4;
}

.auraon-shop-sizes-label {
font-weight: 500;
display: block;
margin-bottom: 5px;
}

.single-product a.reset_variations {
  display: none !important;
}

/* ========================================
AURAON SHOP SIZE BUTTONS
======================================== */

.auraon-shop-size-options {
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
}

button.auraon-shop-size {
appearance: none !important;
-webkit-appearance: none !important;

min-width: 38px !important;
height: 34px !important;

padding: 0 10px !important;
margin: 0 !important;

border: 1px solid #111 !important;
border-radius: 0 !important;

background-color: #ffffff !important;
color: #111111 !important;

font-family: inherit !important;
font-size: 13px !important;
font-weight: 500 !important;
line-height: 1 !important;

cursor: pointer !important;

display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}

/* SELECTED SIZE */

button.auraon-shop-size.is-selected {
background-color: #000000 !important;
background: #000000 !important;

color: #ffffff !important;

border-color: #000000 !important;
}

/* HOVER */

button.auraon-shop-size:hover {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}

/* SELECTED + HOVER */

button.auraon-shop-size.is-selected {
background-color: #000000 !important;
background: #000000 !important;

color: #ffffff !important;

border-color: #000000 !important;
}

.wc-block-product .wp-block-post-title,
.wc-block-product .wp-block-post-title a {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
}

/**

=========================================================

AURAON WISHLIST - W2

=========================================================
*/

.wc-block-product {
position: relative;
}

.auraon-wishlist-heart {
position: absolute;
top: 10px;
right: 10px;
z-index: 20;

width: 38px;
height: 38px;

padding: 0;
margin: 0;

border: 1px solid #111;
border-radius: 50%;

background: #fff;
color: #111;

display: flex;
align-items: center;
justify-content: center;

cursor: pointer;

font-size: 24px;
line-height: 1;

appearance: none;
-webkit-appearance: none;

transition:
    background 0.15s ease,
    color 0.15s ease,
    transform 0.15s ease;
}

.auraon-wishlist-heart {
transform: scale(1.05);
}

.auraon-wishlist-heart.is-wishlisted {
background: #000;
color: #fff;
border-color: #000;
}

.auraon-wishlist-heart-icon {
display: block;
line-height: 1;
}

.auraon-wishlist-heart.is-loading {
opacity: 0.5;
pointer-events: none;
}

/* ========================================
AURAON MINI CART SUBTOTAL
======================================== */

.auraon-mini-cart-subtotal {

display: flex;

justify-content: space-between;

align-items: center;

padding-top: 5px;

margin-top: 5px;

font-size: 14px;

color: #111;
}

.auraon-mini-cart-subtotal strong {

font-weight: 600;
}

/* ========================================
AURAON — WooCommerce Header Cart Count
======================================== */

.wc-block-mini-cart .wc-block-mini-cart__badge {
transform: none !important;
top: 8px !important;
right: 8px !important;
z-index: 10 !important;
}

/* ========================================
AURAON — Header Cart Icon
======================================== */

.auraon-header-cart-icon {
height: 36px !important;
width: 36px !important;
}

/* ========================================
Sticky Header
======================================== /
header {
position: sticky;
top: 0;
z-index: 9999;
width: 100%;
background-color: #ffffff !important; / Forces white background /
box-shadow: 0 2px 10px rgba(0,0,0,0.1); / Adds a subtle shadow so it stands out */
}

/* ========================================
HEADER - Align 3 Icons
======================================== */

/* Bottom-align the three header icons */
.auraon-header-controls {
align-items: flex-end !important;
}

/* Match heart size to the cart/account icons */
.auraon-header-wishlist-icon {
font-size: 24px !important;
line-height: 1 !important;
width: 24px !important;
height: 24px !important;
}

/* Make the account block bottom-align within the header flex row */
.wp-block-group.is-layout-flex > .wp-block-woocommerce-customer-account {
align-self: flex-end !important;
display: flex !important;
align-items: flex-end !important;
}

/* Bring count circles down */
.auraon-header-wishlist-count,
.auraon-header-cart-count {
top: 2px !important;
}
.auraon-header-cart-count {
right: 2px !important;
}
.auraon-header-wishlist-count {
right: 0px !important;
}

/* shrink the search box height without breaking its width/layout */
.wp-block-search__button-inside .wp-block-search__inside-wrapper {
min-height: 36px !important;
align-items: center !important;
padding: 0 8px !important;
}
.wp-block-search__button-inside .wp-block-search__input {
min-height: 0 !important;
height: 34px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.wp-block-search__button-inside .wp-block-search__button {
min-height: 0 !important;
height: 34px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}

/zoom control of VAR images/
/* =========================================================
   AURAON — WPC VARIATION IMAGE ZOOM
   ---------------------------------------------------------
   Normal state:
   Original variation image is visible.

   Hover:
   WooCommerce/WPC zoom image becomes visible.

   Mouse leaves:
   Zoom image disappears and original image returns.
   ========================================================= */

/* Zoom layer is hidden by default */
.woocommerce-product-gallery .zoomImg {
    opacity: 0 !important;
    transition: opacity 0.15s ease !important;
}

/* Show zoom ONLY while hovering the actual gallery image */
.woocommerce-product-gallery
.woocommerce-product-gallery__image:hover
.zoomImg {
    opacity: 1 !important;
}

/* Do not animate the original variation image */
.woocommerce-product-gallery
.woocommerce-product-gallery__image
img {
    transition: none !important;
}


/* =========================================================
   CUSTOMER ACCOUNT ICON
   ========================================================= */

.wc-block-customer-account__link svg {
    width: 20px !important;
    height: 20px !important;
}

/* ===================== DESKTOP (min-width: 769px) ===================== */
@media (min-width: 769px) {
.shopmighty-header-search .wp-block-search__inside-wrapper {
width: auto !important;
background: #f6f0f2 !important;
border-radius: 8px !important;
padding: 4px 8px !important;
}
.shopmighty-header-search .wp-block-search__input {
display: block !important;
width: 220px !important;
min-width: 180px !important;
background: transparent !important;
border: none !important;
}
}

/* Bottom nav hidden by default (desktop) */
.mobile-bottom-nav {
display: none;
}

.auraon-mobile-header {
    display: none !important;
}

/* =========================================================
 * AURAON MOBILE HEADER — INDEPENDENT OVERLAY
 *
 * Mobile does NOT try to reconfigure the Shopmighty desktop header.
 * The original header is collapsed out of the visual layout and this
 * dedicated AURAON header sits above it as the only visible mobile header.
 *
 * PHP creates:
 * .auraon-mobile-header
 * .auraon-mobile-header-logo
 * .auraon-mobile-header-row
 * .auraon-mobile-menu-toggle
 * .auraon-mobile-header-search
 * .auraon-mobile-header-controls
 * ========================================================= */

@media (max-width: 768px) {

/* ---------- MOBILE PROMO BAR ---------- */

.auraon-mobile-header-promo {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 12px !important;
    background: #090004 !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    z-index: 2 !important;
}

/* ---------- ORIGINAL DESKTOP HEADER: COLLAPSE ---------- */

.shopmighty-header {
    position: relative !important;
    width: 100% !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: visible !important;
    background: transparent !important;
}

.shopmighty-header > * {
    display: none !important;
}

/* ---------- AURAON MOBILE HEADER ---------- */

.auraon-mobile-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 154px !important;
    min-height: 154px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
    display: block !important;
    background: #fff !important;
    border-bottom: 1px solid #ededed !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.04) !important;
    z-index: 100001 !important;
    overflow: visible !important;
}

body.admin-bar .auraon-mobile-header {
    top: 46px !important;
}

/* Reserve exactly the header's space because the header itself is fixed. */
body {
    padding-top: 154px !important;
}

body.admin-bar {
    padding-top: 200px !important;
}

/* ---------- ROW 1: CENTERED LOGO ---------- */

.auraon-mobile-header-logo {
    position: absolute !important;
    top: 47px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 43px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.auraon-mobile-header-logo .custom-logo-link,
.auraon-mobile-header-logo .wp-block-site-logo,
.auraon-mobile-header-logo .auraon-mobile-logo-clone {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 112px !important;
    max-width: 112px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    position: static !important;
}

.auraon-mobile-header-logo img {
    display: block !important;
    width: 112px !important;
    max-width: 112px !important;
    height: auto !important;
    max-height: 42px !important;
    object-fit: contain !important;
    margin: 0 !important;
}

.auraon-mobile-header-logo .auraon-mobile-logo-text {
    display: block !important;
    font-size: 22px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    letter-spacing: .12em !important;
    color: #111 !important;
    text-decoration: none !important;
}

/* ---------- ROW 2 ---------- */

.auraon-mobile-header-row {
    position: absolute !important;
    top: 104px !important;
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
    height: 42px !important;
    min-height: 42px !important;
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) 88px !important;
    align-items: center !important;
    column-gap: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* ---------- MENU ---------- */

.auraon-mobile-menu-toggle {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #111 !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

.auraon-mobile-menu-toggle svg {
    display: block !important;
    width: 25px !important;
    height: 25px !important;
}

.auraon-mobile-menu-toggle:focus-visible {
    outline: 2px solid #111 !important;
    outline-offset: 2px !important;
}

/* ---------- SEARCH ---------- */

.auraon-mobile-header-search {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.auraon-mobile-header-search .shopmighty-header-search,
.auraon-mobile-header-search .auraon-mobile-search-clone {
    display: block !important;
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.auraon-mobile-header-search .wp-block-search__inside-wrapper {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 5px 0 13px !important;
    box-sizing: border-box !important;
    border: 1px solid #d5d5d5 !important;
    border-radius: 21px !important;
    background: #fff !important;
    box-shadow: none !important;
    gap: 3px !important;
}

.auraon-mobile-header-search .wp-block-search__input,
.auraon-mobile-header-search input.wp-block-search__input {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 14px !important;
    line-height: 38px !important;
}

.auraon-mobile-header-search .wp-block-search__input:focus {
    outline: 0 !important;
    box-shadow: none !important;
}

.auraon-mobile-header-search .wp-block-search__input::placeholder {
    opacity: .65 !important;
}

.auraon-mobile-header-search .wp-block-search__button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.auraon-mobile-header-search .wp-block-search__button svg {
    display: block !important;
    width: 21px !important;
    height: 21px !important;
    transform: none !important;
}

/* ---------- WISHLIST + CART ---------- */

.auraon-mobile-header-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 88px !important;
    min-width: 88px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.auraon-mobile-header-controls .auraon-header-controls {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 1px !important;
    width: auto !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.auraon-mobile-header-controls .auraon-header-wishlist,
.auraon-mobile-header-controls .auraon-header-cart {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.auraon-mobile-header-controls .auraon-header-wishlist-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 24px !important;
    line-height: 1 !important;
}

.auraon-mobile-header-controls .auraon-header-cart-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 27px !important;
    height: 27px !important;
}

.auraon-mobile-header-controls .auraon-header-wishlist-count,
.auraon-mobile-header-controls .auraon-header-cart-count {
    top: -1px !important;
    right: -2px !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 4px !important;
    font-size: 10px !important;
    line-height: 18px !important;
}

/* ---------- OLD SEARCH OVERLAY IS NOT USED ---------- */

.search-backdrop {
    display: none !important;
}

/* ---------- RELOCATED WORDPRESS MOBILE MENU ---------- */

.wp-block-navigation__responsive-container.auraon-mobile-nav-relocated.is-menu-open {
    position: fixed !important;
    top: 154px !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: calc(100dvh - 154px) !important;
    max-height: calc(100dvh - 154px) !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    z-index: 100000 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

body.admin-bar .wp-block-navigation__responsive-container.auraon-mobile-nav-relocated.is-menu-open {
    top: 200px !important;
    height: calc(100dvh - 200px) !important;
    max-height: calc(100dvh - 200px) !important;
}

.wp-block-navigation__responsive-container.auraon-mobile-nav-relocated.is-menu-open
.wp-block-navigation__responsive-container-content {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    padding: 22px 20px 80px !important;
    align-items: flex-start !important;
    box-sizing: border-box !important;
}

.wp-block-navigation__responsive-container.auraon-mobile-nav-relocated.is-menu-open
.wp-block-navigation__container {
    width: 100% !important;
    align-items: flex-start !important;
    text-align: left !important;
}

.wp-block-navigation__responsive-container.auraon-mobile-nav-relocated.is-menu-open
.wp-block-navigation-item {
    width: 100% !important;
    text-align: left !important;
    justify-content: flex-start !important;
}

.wp-block-navigation__responsive-container.auraon-mobile-nav-relocated.is-menu-open
.wp-block-navigation__responsive-container-close {
    display: none !important;
}

/* Keep the original hidden menu trigger functional for the AURAON button. */
.shopmighty-header
.wp-block-navigation__responsive-container-open {
    display: inline-flex !important;
}

/* ---------- BOTTOM NAV ---------- */

.mobile-bottom-nav {
    display: flex !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 99998 !important;
    height: 60px !important;
    background: #fff !important;
    border-top: 1px solid #e2e2e2 !important;
    box-shadow: 0 -2px 8px rgba(0,0,0,.06) !important;
}

.mobile-bottom-nav .mbn-item {
    flex: 1 1 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    color: #444 !important;
    text-decoration: none !important;
    font-size: 12px !important;
}

.mobile-bottom-nav .mbn-item.active {
    color: #1467ec !important;
}

body {
    padding-bottom: 60px !important;
}

html,
body {
    overflow-x: clip !important;
    max-width: 100% !important;
}

/* ---------- FOOTER ACCORDION ---------- */

.shopmighty-footer .footer-acc-heading,
.shopmighty-footer .shopmighty-footer-list > h3 {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #fffffe !important;
    margin: 4px 0 !important;
}

.shopmighty-footer .footer-acc-toggle {
    cursor: pointer !important;
    position: relative !important;
    padding-right: 28px !important;
}

/* ---------- DROPDOWN FOR MOBILE FOOTER ------------ */
.shopmighty-footer .footer-acc-toggle::after {
  content: "\25BE";
  position: absolute !important;
  right: 4px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  transition: transform .2s !important;
  font-size: 20px !important;
}
.shopmighty-footer .acc-open .footer-acc-toggle::after {
  transform: translateY(-50%) rotate(180deg) !important;
}

.shopmighty-footer .footer-acc-content {
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    transition: max-height .3s ease !important;
}

.shopmighty-footer .acc-open .footer-acc-content {
    max-height: 2000px !important;
}

.shopmighty-footer .wp-block-column .footer-acc-content p {
    font-size: 12px !important;
    line-height: 1.6 !important;
    text-align: left !important;
    margin: 0 0 4px !important;
    color: #cfcfcf !important;
}

.shopmighty-footer .wp-block-column .footer-acc-content p strong {
    font-size: 13px !important;
    letter-spacing: .5px !important;
    color: #fff !important;
}

.shopmighty-footer .wp-block-column .footer-acc-content p:has(strong) {
    margin-top: 18px !important;
    margin-bottom: 2px !important;
}

.shopmighty-footer .wp-block-column .footer-acc-content p:has(strong):first-child {
    margin-top: 10px !important;
}

.shopmighty-footer .footer-get-in-touch,
.shopmighty-footer .footer-get-in-touch + .wp-block-social-links {
    width: 100% !important;
    flex-basis: 100% !important;
}

.shopmighty-footer .footer-get-in-touch + .wp-block-social-links {
    justify-content: flex-start !important;
    margin-top: 6px !important;
}

.shopmighty-footer .wp-block-columns {
    gap: 10px !important;
    row-gap: 10px !important;
    column-gap: 10px !important;
}

.shopmighty-footer .wp-block-column > .wp-block-group {
    padding-bottom: 0 !important;
}

.shopmighty-footer .wp-block-column > .wp-block-group.acc-open {
    padding-bottom: 20px !important;
}

.shopmighty-footer a.wp-block-button__link[class*="has-foregound-alt-color"],
a.wp-block-button__link.has-foregound-alt-color {
    bottom: 75px !important;
}

.shopmighty-footer .wp-block-column .footer-acc-heading:first-of-type {
    margin-top: 20px !important;
}

.wp-site-blocks {
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
}

.wp-site-blocks > footer,
.wp-site-blocks .shopmighty-footer,
.wp-site-blocks > footer.wp-block-template-part {
    margin-top: auto !important;
}

.shopmighty-footer {
    padding-bottom: 0 !important;
}

.wp-site-blocks > footer.wp-block-template-part
> .wp-block-group.is-layout-constrained {
    padding-bottom: 0 !important;
}
}

/* --------- SCROLL TO TOP BUTTON BELOW FOOTER ---------- */
.shopmighty-scrollto-top .wp-block-button__link {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  font-size: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

.shopmighty-scrollto-top .wp-block-button__link::after {
  content: "↑";
  font-size: 22px;
  line-height: 1;
  display: block;
}

.wp-block-buttons:has(.shopmighty-scrollto-top) {
  justify-content: flex-end !important;
}

/* ---- Hide OUR VALUES text -------- */
.shopmighty-footer .wp-block-column .footer-acc-content > h3:first-child,
.shopmighty-footer h3.wp-block-heading:has-text("Our Values") {
  display: none !important;
}

/* 
 **************** MOBILE MODE ******************************
*/
@media (max-width: 768px) {
  /* Force the open mobile menu to a visible full-screen panel */
  .wp-block-navigation__responsive-container.is-menu-open {
    position: fixed !important;
    top: 154px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: calc(100dvh - 154px) !important;
    background: #fff !important;
    z-index: 100002 !important;
    overflow-y: auto !important;
    display: flex !important;
  }

  body.admin-bar .wp-block-navigation__responsive-container.is-menu-open {
    top: 200px !important;
    height: calc(100dvh - 200px) !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    width: 100% !important;
    height: auto !important;
    padding: 24px 20px 80px !important;
    align-items: flex-start !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
    width: 100% !important;
    text-align: left !important;
    justify-content: flex-start !important;
  }
	
  /* Left-align mobile menu items with separators */
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
    width: 100% !important;
    justify-content: flex-start !important;
    text-align: left !important;
    border-bottom: 1px solid #e5e5e5 !important;
    margin: 0 !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:last-child {
    border-bottom: 0 !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    padding: 16px 20px !important;
  }
	
  /* Shorter product images so cards aren't so tall */
  .wc-block-components-product-image img,
  .wc-block-product .wp-block-woocommerce-product-image img {
    height: 220px !important;
    object-fit: cover !important;
  }

  /* Size options on one line */
  .auraon-shop-size-options {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 4px !important;
    -webkit-overflow-scrolling: touch !important;
  }

  button.auraon-shop-size {
    min-width: 30px !important;
    height: 30px !important;
    padding: 0 5px !important;
    font-size: 12px !important;
    flex: 0 0 auto !important;
  }
	
  /* Higher specificity to override the base flex-wrap: wrap */
  .wc-block-product .auraon-shop-size-options {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 4px !important;
  }
  .wc-block-product button.auraon-shop-size {
    flex: 0 0 auto !important;
    min-width: 22px !important;
    height: 24px !important;
    padding: 0 3px !important;
    font-size: 10px !important;
  }
	
  .wc-block-product .auraon-shop-color, 
  .wc-block-product .auraon-shop-sizes {
  	font-size: 11px !important;
  }
	
  .wc-block-product .wp-block-post-title {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }
  .wc-block-product .wp-block-post-title a {
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* Smaller gap between title and colour */
  .wc-block-product .auraon-shop-color {
    margin-top: 6px !important;
  }
	
  /* Shrink the archive cover (Men/Women/Shop title area) */
  .wp-block-cover.is-light:has(.wp-block-query-title) {
    min-height: 0 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  /* Cut the large top padding on the content group below the title */
  main > .wp-block-group.is-layout-constrained {
    padding-top: 16px !important;
  }
	
  /* Make Featured Products display 2 in a row */
  ul.wp-block-post-template.is-layout-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
  }
  ul.wp-block-post-template.is-layout-grid > li {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
  ul.wp-block-post-template.is-layout-grid .wp-block-post-title {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }
	
  /* Mini Cart for Mobile */
  .auraon-mini-cart {
    z-index: 100002 !important;
  }
  .auraon-mini-cart-overlay {
    z-index: 100001 !important;
  }
	
    .auraon-mobile-header-row {
        display: grid !important;
        grid-template-columns: auto 1fr auto !important;
        align-items: center !important;
    }

    .auraon-mobile-header-search {
        width: auto !important;
        justify-self: end !important;
        margin-right: 15px !important;
    }

    .auraon-mobile-search-icon {
        position: static !important;
        transform: none !important;
        right: auto !important;
    }
  
    /* Hide the duplicate strong ONLY in the Values column, not Important Links */
    .shopmighty-footer .is-vertically-aligned-bottom .wp-block-heading.has-background-color > strong {
      display: none !important;
    }

    /* Keep the Values heading and toggle visible */
    .shopmighty-footer .is-vertically-aligned-bottom .wp-block-heading.has-background-color,
    .shopmighty-footer .footer-acc-toggle {
      display: block !important;
    }

    /* Ensure collapsed content is truly hidden */
    .shopmighty-footer .footer-acc-content {
      max-height: 0 !important;
      overflow: hidden !important;
      transition: max-height .3s ease !important;
    }
    .shopmighty-footer .acc-open .footer-acc-content {
      max-height: 2000px !important;
    }
	
	/* Collapse the AURAON Values content group (sibling of the heading) */
    .shopmighty-footer .is-vertically-aligned-bottom > .wp-block-heading.has-background-color + .wp-block-group.has-background-color {
      max-height: 0 !important;
      overflow: hidden !important;
      transition: max-height .3s ease !important;
    }
	
    /* Expand when the heading has acc-open */
    .shopmighty-footer .is-vertically-aligned-bottom > .wp-block-heading.acc-open + .wp-block-group.has-background-color {
      max-height: 2000px !important;
    }
	
	.shopmighty-footer .wp-block-column.is-layout-flow > h3 {
      font-size: 15px !important;
      font-weight: 500 !important;
      margin: 4px 0 !important;
  }
}

/* 
 **************** DESKTOP MODE ******************************
*/
@media (min-width: 769px) {
  .auraon-search-overlay,
  .auraon-mobile-search-icon {
    display: none !important;
  }
	
  .shopmighty-footer .wp-block-columns {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 100px !important;
    align-items: start !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .shopmighty-footer .wp-block-column {
    width: auto !important;
    flex-basis: auto !important;
    margin: 0 !important;
    min-width: 0 !important;
  }

  /* Prevent Important Links from breaking */
  .shopmighty-footer-list h3 {
    white-space: nowrap !important;
  }
	
  /* Align copyright with the first footer column */
  .shopmighty-footer .wp-block-columns + .wp-block-group {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .shopmighty-footer .wp-block-columns + .wp-block-group p {
    margin-left: 0 !important;
  }
}