/* ==========================================================================
   14 DTC Storefront Mobile Layout & Brand Parity Enhancements
   ========================================================================== */

/* 1. Global Mobile Product Page Layout (PDP) */
@media (max-width: 768px) {
  /* Suppress intrusive bottom sticky bar on mobile */
  .codex-sticky-bar {
    display: none !important;
  }

  /* Simple product purchase action row */
  .woocommerce div.product form.cart:not(.variations_form) {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 10px !important;
    margin-top: 16px !important;
    margin-bottom: 24px !important;
  }

  /* Variable product layout: full width variations above, action row below */
  .woocommerce div.product form.cart.variations_form {
    display: block !important;
    width: 100% !important;
    margin-top: 16px !important;
    margin-bottom: 24px !important;
  }

  .woocommerce div.product form.cart.variations_form table.variations,
  .woocommerce div.product form.cart.variations_form table.variations tbody,
  .woocommerce div.product form.cart.variations_form table.variations tr,
  .woocommerce div.product form.cart.variations_form table.variations td,
  .woocommerce div.product form.cart.variations_form table.variations th {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    box-sizing: border-box !important;
    padding: 4px 0 !important;
  }

  .woocommerce div.product form.cart.variations_form table.variations td.label {
    padding-top: 8px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #111827 !important;
  }

  .woocommerce div.product form.cart.variations_form table.variations td.value {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
  }

  /* Variable product purchase action row */
  .woocommerce div.product form.cart .woocommerce-variation-add-to-cart {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 10px !important;
    margin-top: 16px !important;
    width: 100% !important;
  }

  /* Compact quantity selector pill / box */
  .woocommerce div.product form.cart .quantity,
  .woocommerce div.product form.cart .woocommerce-variation-add-to-cart .quantity {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    flex: 0 0 96px !important;
    height: 48px !important;
  }

  .woocommerce div.product form.cart .quantity .qty,
  .woocommerce div.product form.cart .woocommerce-variation-add-to-cart .quantity .qty {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    line-height: 46px !important;
    text-align: center !important;
    border: 1px solid #d1d5db !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #111827 !important;
    background: #ffffff !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* Add to Cart button: fill remaining row width */
  .woocommerce div.product form.cart .button.single_add_to_cart_button,
  .woocommerce div.product form.cart .woocommerce-variation-add-to-cart .button.single_add_to_cart_button {
    flex: 1 1 auto !important;
    min-height: 48px !important;
    height: 48px !important;
    line-height: 48px !important;
    padding: 0 16px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
}

/* 2. Catalog loop: Eliminate double sale badges (hide native .onsale, retain clean ribbon) */
.woocommerce ul.products li.product span.onsale {
  display: none !important;
}

/* 3. Header: Hide empty cart '0' badge across all 14 storefronts */
.cart-contents .count:empty,
.cart-contents .count[data-count="0"],
.cart-contents span:empty,
[class*="-cart-count"]:empty,
[class*="-cart-count"][data-count="0"],
.cart-count-zero {
  display: none !important;
}

/* 4. Brand-Specific Primary CTA Button Styling */

/* Anker (#00a9e0, pill) */
body.anker-store div.product form.cart .button.single_add_to_cart_button,
body[class*="anker"] div.product form.cart .button.single_add_to_cart_button,
.woocommerce.anker-store div.product form.cart .button.single_add_to_cart_button {
  background: #00a9e0 !important;
  border-color: #00a9e0 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(0, 169, 224, 0.28) !important;
}
body.anker-store div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled),
body[class*="anker"] div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled) {
  background: #0090c2 !important;
  border-color: #0090c2 !important;
}

/* LEKI USA (#d00000, 2px rectangular) */
body.leki-store div.product form.cart .button.single_add_to_cart_button,
body[class*="leki"] div.product form.cart .button.single_add_to_cart_button,
.woocommerce.leki-store div.product form.cart .button.single_add_to_cart_button {
  background: #d00000 !important;
  border-color: #d00000 !important;
  color: #ffffff !important;
  border-radius: 2px !important;
  box-shadow: 0 4px 14px rgba(208, 0, 0, 0.25) !important;
}
body.leki-store div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled),
body[class*="leki"] div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled) {
  background: #b00000 !important;
  border-color: #b00000 !important;
}

/* Nadula (#e60044, pill) */
body.nadula-store div.product form.cart .button.single_add_to_cart_button,
body[class*="nadula"] div.product form.cart .button.single_add_to_cart_button,
.woocommerce.nadula-store div.product form.cart .button.single_add_to_cart_button {
  background: #e60044 !important;
  border-color: #e60044 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(230, 0, 68, 0.3) !important;
}
body.nadula-store div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled),
body[class*="nadula"] div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled) {
  background: #c40039 !important;
  border-color: #c40039 !important;
}

/* Columbia (#002f6c, 2px rectangular) */
body.columbia-store div.product form.cart .button.single_add_to_cart_button,
body[class*="columbia"] div.product form.cart .button.single_add_to_cart_button,
.woocommerce.columbia-store div.product form.cart .button.single_add_to_cart_button {
  background: #002f6c !important;
  border-color: #002f6c !important;
  color: #ffffff !important;
  border-radius: 2px !important;
  box-shadow: 0 4px 14px rgba(0, 47, 108, 0.25) !important;
}
body.columbia-store div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled),
body[class*="columbia"] div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled) {
  background: #001f48 !important;
  border-color: #001f48 !important;
}

/* Parachute (#1b242c, 2px clean slate) */
body.parachute-store div.product form.cart .button.single_add_to_cart_button,
body[class*="parachute"] div.product form.cart .button.single_add_to_cart_button,
.woocommerce.parachute-store div.product form.cart .button.single_add_to_cart_button {
  background: #1b242c !important;
  border-color: #1b242c !important;
  color: #ffffff !important;
  border-radius: 2px !important;
  box-shadow: 0 4px 12px rgba(27, 36, 44, 0.2) !important;
}
body.parachute-store div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled),
body[class*="parachute"] div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled) {
  background: #334155 !important;
  border-color: #334155 !important;
}

/* Paula's Choice (#0c2340, pill) */
body.paulaschoice-store div.product form.cart .button.single_add_to_cart_button,
body[class*="paulaschoice"] div.product form.cart .button.single_add_to_cart_button,
.woocommerce.paulaschoice-store div.product form.cart .button.single_add_to_cart_button {
  background: #0c2340 !important;
  border-color: #0c2340 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(12, 35, 64, 0.28) !important;
}
body.paulaschoice-store div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled),
body[class*="paulaschoice"] div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled) {
  background: #1a3c68 !important;
  border-color: #1a3c68 !important;
}

/* Soundcore (#00a8e1, pill) */
body.soundcore-store div.product form.cart .button.single_add_to_cart_button,
body[class*="soundcore"] div.product form.cart .button.single_add_to_cart_button,
.woocommerce.soundcore-store div.product form.cart .button.single_add_to_cart_button {
  background: #00a8e1 !important;
  border-color: #00a8e1 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(0, 168, 225, 0.3) !important;
}
body.soundcore-store div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled),
body[class*="soundcore"] div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled) {
  background: #008ec0 !important;
  border-color: #008ec0 !important;
}

/* Chemical Guys (#ffff00 yellow, black text, 0px sharp) */
body.chemicalguys-store div.product form.cart .button.single_add_to_cart_button,
body[class*="chemicalguys"] div.product form.cart .button.single_add_to_cart_button,
.woocommerce.chemicalguys-store div.product form.cart .button.single_add_to_cart_button {
  background: #ffff00 !important;
  border-color: #ffff00 !important;
  color: #111111 !important;
  font-weight: 800 !important;
  border-radius: 0px !important;
  box-shadow: 0 4px 14px rgba(255, 255, 0, 0.35) !important;
}
body.chemicalguys-store div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled),
body[class*="chemicalguys"] div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled) {
  background: #f5e000 !important;
  border-color: #f5e000 !important;
}

/* Levoit (#0072ce, pill) */
body.levoit-store div.product form.cart .button.single_add_to_cart_button,
body[class*="levoit"] div.product form.cart .button.single_add_to_cart_button,
.woocommerce.levoit-store div.product form.cart .button.single_add_to_cart_button {
  background: #0072ce !important;
  border-color: #0072ce !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(0, 114, 206, 0.28) !important;
}
body.levoit-store div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled),
body[class*="levoit"] div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled) {
  background: #005bb0 !important;
  border-color: #005bb0 !important;
}

/* HyperX (#e11d48, 2px rectangular) */
body.hyperx-store div.product form.cart .button.single_add_to_cart_button,
body[class*="hyperx"] div.product form.cart .button.single_add_to_cart_button,
.woocommerce.hyperx-store div.product form.cart .button.single_add_to_cart_button {
  background: #e11d48 !important;
  border-color: #e11d48 !important;
  color: #ffffff !important;
  border-radius: 2px !important;
  box-shadow: 0 4px 14px rgba(225, 29, 72, 0.35) !important;
}
body.hyperx-store div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled),
body[class*="hyperx"] div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled) {
  background: #be123c !important;
  border-color: #be123c !important;
}

/* Ruggable (#0b2545, 4px rounded) */
body.ruggable-store div.product form.cart .button.single_add_to_cart_button,
body[class*="ruggable"] div.product form.cart .button.single_add_to_cart_button,
.woocommerce.ruggable-store div.product form.cart .button.single_add_to_cart_button {
  background: #0b2545 !important;
  border-color: #0b2545 !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 14px rgba(11, 37, 69, 0.28) !important;
}
body.ruggable-store div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled),
body[class*="ruggable"] div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled) {
  background: #133863 !important;
  border-color: #133863 !important;
}

/* Aquasana (#0077c8, pill) */
body.aquasana-store div.product form.cart .button.single_add_to_cart_button,
body[class*="aquasana"] div.product form.cart .button.single_add_to_cart_button,
.woocommerce.aquasana-store div.product form.cart .button.single_add_to_cart_button {
  background: #0077c8 !important;
  border-color: #0077c8 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(0, 119, 200, 0.28) !important;
}
body.aquasana-store div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled),
body[class*="aquasana"] div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled) {
  background: #005f9e !important;
  border-color: #005f9e !important;
}

/* Dreo (#f58220, pill) */
body.dreo-store div.product form.cart .button.single_add_to_cart_button,
body[class*="dreo"] div.product form.cart .button.single_add_to_cart_button,
.woocommerce.dreo-store div.product form.cart .button.single_add_to_cart_button {
  background: #f58220 !important;
  border-color: #f58220 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(245, 130, 32, 0.35) !important;
}
body.dreo-store div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled),
body[class*="dreo"] div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled) {
  background: #d96e14 !important;
  border-color: #d96e14 !important;
}

/* Decathlon (#0082c3, 4px rounded) */
body.decathlon-store div.product form.cart .button.single_add_to_cart_button,
body[class*="decathlon"] div.product form.cart .button.single_add_to_cart_button,
.woocommerce.decathlon-store div.product form.cart .button.single_add_to_cart_button {
  background: #0082c3 !important;
  border-color: #0082c3 !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 14px rgba(0, 130, 195, 0.3) !important;
}
body.decathlon-store div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled),
body[class*="decathlon"] div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled) {
  background: #006aa0 !important;
  border-color: #006aa0 !important;
}