/* ============================================================
   MGX Bright — WooCommerce overrides (Phase 3)
   CSS-only. No template overrides. Targets Flatsome's product /
   cart / checkout / account markup and restyles it with the
   bright design tokens. Functionality untouched.
   ============================================================ */

/* ============================================================
   General WC body
   ============================================================ */
body.bright-active.woocommerce,
body.bright-active.woocommerce-page,
body.bright-active.woocommerce-cart,
body.bright-active.woocommerce-checkout,
body.bright-active.woocommerce-account,
body.bright-active.archive.tax-product_cat,
body.bright-active.post-type-archive-product,
body.bright-active.single-product{
  background:var(--cream) !important;
}

/* Page wrapper padding so content sits below the sticky bright nav */
body.bright-active.woocommerce #content,
body.bright-active.woocommerce-page #content{
  padding-top:32px !important;
}

/* ============================================================
   SHOP ARCHIVE — title + intro
   ============================================================ */
body.bright-active .shop-page-title h1,
body.bright-active.woocommerce-shop .shop-page-title h1,
body.bright-active .archive-page-title h1,
body.bright-active .woocommerce-products-header__title{
  font-family:var(--bright-sans) !important;
  font-weight:700 !important;
  color:var(--navy) !important;
  font-size:clamp(40px,7.5vw,84px) !important;
  line-height:.98 !important;
  letter-spacing:-.035em !important;
  text-transform:none !important;
  margin:0 0 18px !important;
}

/* WC top toolbar / sort / filter */
body.bright-active .woocommerce-result-count,
body.bright-active .woocommerce-ordering select,
body.bright-active .woocommerce-ordering{
  font-family:var(--bright-sans) !important;
  color:var(--ink);
  font-size:13.5px;
}
body.bright-active .woocommerce-ordering select{
  background:#fff;border:1px solid var(--hairline);border-radius:999px;padding:10px 18px;
}

/* ============================================================
   PRODUCT CARDS (shop / category / related)
   ============================================================ */
body.bright-active .products .product,
body.bright-active .product-small.col{
  background:#fff;
  border-radius:var(--bright-r);
  overflow:hidden;
  border:1px solid var(--hairline);
  padding:0 !important;
  transition:transform 200ms ease;
}
body.bright-active .products .product:hover,
body.bright-active .product-small.col:hover{transform:translateY(-3px)}

body.bright-active .product-small .box-image,
body.bright-active .products .product .box-image{
  border-radius:0 !important;
  background:var(--paper);
}
body.bright-active .product-small .box-text,
body.bright-active .products .product .box-text{
  padding:14px 18px 18px !important;
  text-align:left !important;
}
body.bright-active .product-small .name,
body.bright-active .products .product .name,
body.bright-active .product-small .name a{
  font-family:var(--bright-display) !important;
  font-style:italic !important;
  font-weight:600 !important;
  color:var(--navy) !important;
  font-size:18px !important;
  line-height:1.1 !important;
  letter-spacing:-.005em !important;
  text-transform:none !important;
}
body.bright-active .product-small .category,
body.bright-active .products .product .category,
body.bright-active .product-small .category a{
  font-family:var(--bright-sans) !important;
  font-size:11px !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  color:var(--muted) !important;
  font-weight:600 !important;
}
body.bright-active .price,
body.bright-active .price ins,
body.bright-active .price .woocommerce-Price-amount{
  font-family:var(--bright-display) !important;
  font-style:italic !important;
  font-weight:600 !important;
  color:var(--navy) !important;
  font-size:20px !important;
  text-decoration:none !important;
}
body.bright-active .price del,
body.bright-active .price del .woocommerce-Price-amount{
  color:var(--muted) !important;
  font-size:14px !important;
  opacity:.7;
}
body.bright-active .price .woocommerce-Price-currencySymbol{font-size:.85em}

/* Product card add-to-cart button (Flatsome's tiny one) */
body.bright-active .product-small .button.add_to_cart_button,
body.bright-active .products .product .button{
  background:var(--navy) !important;
  color:#fff !important;
  border:1.5px solid var(--navy) !important;
  border-radius:999px !important;
  padding:11px 22px !important;
  font-family:var(--bright-sans) !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  box-shadow:none !important;
}
body.bright-active .product-small .button.add_to_cart_button:hover,
body.bright-active .products .product .button:hover{
  background:var(--navy-dark) !important;
  transform:translateY(-1px);
}

/* Sale badge */
body.bright-active .onsale,
body.bright-active span.onsale{
  background:var(--navy) !important;
  color:#fff !important;
  font-family:var(--bright-sans) !important;
  font-size:10.5px !important;
  font-weight:700 !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  border-radius:999px !important;
  padding:6px 12px !important;
  border:0 !important;
}

/* Variable/Simple selector chip */
body.bright-active .product-small .button.product_type_variable,
body.bright-active .product-small .button.product_type_simple{
  background:var(--navy) !important;
  color:#fff !important;
}

/* ============================================================
   SINGLE PRODUCT PAGE
   ============================================================ */
body.bright-active.single-product .product-title,
body.bright-active.single-product .product_title.entry-title,
body.bright-active.single-product h1.product_title{
  font-family:var(--bright-sans) !important;
  font-weight:700 !important;
  color:var(--navy) !important;
  font-size:clamp(34px,5.5vw,56px) !important;
  line-height:1.02 !important;
  letter-spacing:-.025em !important;
  text-transform:none !important;
  margin:0 0 14px !important;
}
body.bright-active.single-product .product-info .price,
body.bright-active.single-product .product-info .price .woocommerce-Price-amount{
  font-size:28px !important;
}
body.bright-active.single-product .product-short-description,
body.bright-active.single-product .product-info .description{
  font-family:var(--bright-sans);
  font-size:15.5px;
  line-height:1.6;
  color:var(--ink);
}

/* Variation rows / labels */
body.bright-active.single-product table.variations,
body.bright-active.single-product .variations_form table.variations{
  border:0;background:transparent;
}
body.bright-active.single-product .variations label{
  font-family:var(--bright-sans) !important;
  font-weight:700 !important;
  font-size:11px !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:var(--navy) !important;
}
body.bright-active.single-product .variations select{
  background:#fff !important;
  border:1px solid var(--hairline) !important;
  border-radius:14px !important;
  padding:12px 18px !important;
  font-family:var(--bright-sans) !important;
  font-size:14.5px !important;
  color:var(--ink) !important;
}

/* Main add-to-cart button */
body.bright-active.single-product .single_add_to_cart_button,
body.bright-active.single-product .cart .button{
  background:var(--navy) !important;
  color:#fff !important;
  border:1.5px solid var(--navy) !important;
  border-radius:999px !important;
  padding:16px 32px !important;
  font-family:var(--bright-sans) !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  box-shadow:none !important;
}
body.bright-active.single-product .single_add_to_cart_button:hover{
  background:var(--navy-dark) !important;
}

/* Quantity input */
body.bright-active .quantity input.qty{
  background:#fff !important;
  border:1px solid var(--hairline) !important;
  border-radius:999px !important;
  padding:14px 12px !important;
  font-family:var(--bright-sans) !important;
  font-weight:700 !important;
  color:var(--navy) !important;
}

/* Tabs (description / additional info / reviews) */
body.bright-active.single-product .woocommerce-tabs .tab-titles,
body.bright-active.single-product .woocommerce-tabs ul.tabs{
  border-bottom:1px solid var(--hairline) !important;
}
body.bright-active.single-product .woocommerce-tabs ul.tabs li a,
body.bright-active.single-product .woocommerce-tabs .tab-titles a{
  font-family:var(--bright-sans) !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:var(--muted) !important;
  border:0 !important;
  background:transparent !important;
  padding:14px 4px !important;
  margin-right:28px;
}
body.bright-active.single-product .woocommerce-tabs ul.tabs li.active a,
body.bright-active.single-product .woocommerce-tabs .tab-titles a.active{
  color:var(--navy) !important;
  border-bottom:2px solid var(--navy) !important;
}

/* Product gallery */
body.bright-active.single-product .product-gallery,
body.bright-active.single-product .product-images{
  background:transparent;
}
body.bright-active.single-product .product-gallery .image-tools,
body.bright-active.single-product .product-thumbnails img{
  border-radius:14px !important;
}

/* ============================================================
   CART
   ============================================================ */
body.bright-active.woocommerce-cart .shop_table,
body.bright-active.woocommerce-cart table.cart{
  background:#fff;
  border:1px solid var(--hairline);
  border-radius:var(--bright-r);
  overflow:hidden;
}
body.bright-active.woocommerce-cart table.cart th,
body.bright-active.woocommerce-cart table.cart td{
  border-color:var(--hairline) !important;
  padding:18px !important;
}
body.bright-active.woocommerce-cart table.cart th{
  font-family:var(--bright-sans) !important;
  font-size:11px !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  color:var(--muted) !important;
  font-weight:700 !important;
}
body.bright-active.woocommerce-cart .product-name a{
  font-family:var(--bright-display) !important;
  font-style:italic !important;
  font-weight:600 !important;
  color:var(--navy) !important;
  font-size:18px !important;
}
body.bright-active.woocommerce-cart .product-subtotal,
body.bright-active.woocommerce-cart .product-price{
  font-family:var(--bright-display) !important;
  font-style:italic !important;
  font-weight:600 !important;
  color:var(--navy) !important;
}
body.bright-active.woocommerce-cart .cart_totals h2,
body.bright-active.woocommerce-cart .cross-sells h2{
  font-family:var(--bright-sans) !important;
  font-weight:700 !important;
  color:var(--navy) !important;
  font-size:24px !important;
  text-transform:none !important;
  letter-spacing:-.015em !important;
}
body.bright-active.woocommerce-cart .cart_totals .checkout-button,
body.bright-active.woocommerce-cart .checkout-button.button,
body.bright-active.woocommerce-cart .button{
  background:var(--navy) !important;
  color:#fff !important;
  border-radius:999px !important;
  border:1.5px solid var(--navy) !important;
  font-family:var(--bright-sans) !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  padding:16px 28px !important;
  box-shadow:none !important;
}
body.bright-active.woocommerce-cart .cart-collaterals,
body.bright-active.woocommerce-cart .cart_totals{
  background:#fff;
  border:1px solid var(--hairline);
  border-radius:var(--bright-r);
  padding:24px !important;
}

/* Coupon form */
body.bright-active.woocommerce-cart .coupon input[type="text"],
body.bright-active .woocommerce-form-coupon input[type="text"]{
  background:#fff !important;
  border:1px solid var(--hairline) !important;
  border-radius:999px !important;
  padding:13px 22px !important;
  font-family:var(--bright-sans) !important;
}

/* ============================================================
   CHECKOUT
   ============================================================ */
body.bright-active.woocommerce-checkout h3,
body.bright-active.woocommerce-checkout .woocommerce-billing-fields h3,
body.bright-active.woocommerce-checkout #order_review_heading{
  font-family:var(--bright-sans) !important;
  font-weight:700 !important;
  color:var(--navy) !important;
  font-size:22px !important;
  text-transform:none !important;
  letter-spacing:-.015em !important;
}
body.bright-active.woocommerce-checkout label,
body.bright-active.woocommerce-checkout .form-row label{
  font-family:var(--bright-sans) !important;
  font-weight:700 !important;
  font-size:11px !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:var(--navy) !important;
}
body.bright-active.woocommerce-checkout input[type="text"],
body.bright-active.woocommerce-checkout input[type="email"],
body.bright-active.woocommerce-checkout input[type="tel"],
body.bright-active.woocommerce-checkout input[type="password"],
body.bright-active.woocommerce-checkout select,
body.bright-active.woocommerce-checkout textarea,
body.bright-active.woocommerce-checkout .select2-selection{
  background:#fff !important;
  border:1px solid var(--hairline) !important;
  border-radius:14px !important;
  padding:13px 16px !important;
  font-family:var(--bright-sans) !important;
  font-size:15px !important;
  color:var(--ink) !important;
  height:auto !important;
}
body.bright-active.woocommerce-checkout .select2-selection__rendered{padding:0 !important;line-height:1.4 !important}
body.bright-active.woocommerce-checkout .woocommerce-checkout-review-order{
  background:#fff;
  border:1px solid var(--hairline);
  border-radius:var(--bright-r);
  padding:24px;
}
body.bright-active.woocommerce-checkout #place_order,
body.bright-active.woocommerce-checkout .place-order .button{
  background:var(--navy) !important;
  color:#fff !important;
  border-radius:999px !important;
  border:1.5px solid var(--navy) !important;
  font-family:var(--bright-sans) !important;
  font-size:14px !important;
  font-weight:700 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  padding:18px 32px !important;
  box-shadow:none !important;
  width:100% !important;
}
body.bright-active.woocommerce-checkout #place_order:hover{
  background:var(--navy-dark) !important;
}

/* Payment methods list */
body.bright-active.woocommerce-checkout #payment{
  background:transparent !important;
}
body.bright-active.woocommerce-checkout #payment ul.payment_methods{
  background:#fff;
  border:1px solid var(--hairline);
  border-radius:var(--bright-r);
  padding:8px;
}
body.bright-active.woocommerce-checkout #payment ul.payment_methods li{
  padding:14px 16px !important;
  border-bottom:1px solid var(--hairline);
}
body.bright-active.woocommerce-checkout #payment ul.payment_methods li:last-child{border-bottom:0}
body.bright-active.woocommerce-checkout #payment ul.payment_methods li label{
  color:var(--navy) !important;
  font-family:var(--bright-sans) !important;
}

/* ============================================================
   MY ACCOUNT
   ============================================================ */
body.bright-active.woocommerce-account .woocommerce-MyAccount-navigation{
  background:#fff;
  border:1px solid var(--hairline);
  border-radius:var(--bright-r);
  padding:18px;
}
body.bright-active.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style:none;
  padding:0;
  margin:0;
}
body.bright-active.woocommerce-account .woocommerce-MyAccount-navigation li{
  border:0 !important;
}
body.bright-active.woocommerce-account .woocommerce-MyAccount-navigation li a{
  font-family:var(--bright-sans) !important;
  font-weight:700 !important;
  font-size:13px !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  color:var(--navy) !important;
  padding:10px 16px !important;
  border-radius:999px !important;
  display:block;
}
body.bright-active.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
body.bright-active.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{
  background:var(--blush) !important;
}
body.bright-active.woocommerce-account .woocommerce-MyAccount-content h2,
body.bright-active.woocommerce-account .woocommerce-MyAccount-content h3{
  font-family:var(--bright-sans) !important;
  font-weight:700 !important;
  color:var(--navy) !important;
  letter-spacing:-.015em !important;
}

/* My-account orders table */
body.bright-active.woocommerce-account .woocommerce-orders-table{
  background:#fff;
  border:1px solid var(--hairline);
  border-radius:var(--bright-r);
  overflow:hidden;
}
body.bright-active.woocommerce-account .woocommerce-orders-table th{
  background:var(--paper);
  font-family:var(--bright-sans) !important;
  font-size:11px !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:var(--muted) !important;
  font-weight:700 !important;
}

/* Login + register forms */
body.bright-active .woocommerce-form-login,
body.bright-active .woocommerce-form-register{
  background:#fff !important;
  border:1px solid var(--hairline) !important;
  border-radius:var(--bright-r) !important;
  padding:32px !important;
}
body.bright-active .woocommerce-form-login input[type="text"],
body.bright-active .woocommerce-form-login input[type="email"],
body.bright-active .woocommerce-form-login input[type="password"],
body.bright-active .woocommerce-form-register input[type="text"],
body.bright-active .woocommerce-form-register input[type="email"],
body.bright-active .woocommerce-form-register input[type="password"]{
  background:#fff !important;
  border:1px solid var(--hairline) !important;
  border-radius:14px !important;
  padding:13px 18px !important;
  font-family:var(--bright-sans) !important;
}
body.bright-active .woocommerce-form-login .button,
body.bright-active .woocommerce-form-register .button{
  background:var(--navy) !important;
  color:#fff !important;
  border:1.5px solid var(--navy) !important;
  border-radius:999px !important;
  padding:14px 28px !important;
  font-family:var(--bright-sans) !important;
  font-weight:700 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  font-size:13px !important;
}

/* ============================================================
   WC messages / alerts
   ============================================================ */
body.bright-active .woocommerce-message,
body.bright-active .woocommerce-info{
  background:var(--blush) !important;
  border-top:0 !important;
  color:var(--navy) !important;
  border-radius:14px !important;
  padding:14px 22px !important;
}
body.bright-active .woocommerce-error{
  background:var(--rose) !important;
  border-top:0 !important;
  color:#5A2A33 !important;
  border-radius:14px !important;
}
body.bright-active .woocommerce-message::before,
body.bright-active .woocommerce-info::before,
body.bright-active .woocommerce-error::before{
  color:var(--navy);
}

/* ============================================================
   PHASE 4 — Plugin-driven pages (quiz, quiz-ad, fungi-fortune)
   Keep all plugin JS / shortcode markup untouched. Just wrap and
   apply bright typography to surrounding chrome.
   ============================================================ */

/* Quiz pages — uses .mq-wrap from mgx-quiz-v9.js */
body.bright-active.page-id-57789,
body.bright-active.page-id-58128,
body.bright-active.page-id-58163{
  background:var(--cream) !important;
}
body.bright-active.page-id-57789 .mq-wrap,
body.bright-active.page-id-58128 .mq-wrap{
  background:var(--blush) !important;
  padding:48px var(--bright-pad) 64px !important;
  border-radius:0 !important;
  margin:0 !important;
  max-width:none !important;
}
body.bright-active.page-id-57789 .mq-hero,
body.bright-active.page-id-58128 .mq-hero{
  max-width:var(--bright-maxw);
  margin:0 auto 32px;
  text-align:center;
}
body.bright-active.page-id-57789 .mq-hero h1,
body.bright-active.page-id-58128 .mq-hero h1{
  font-family:var(--bright-sans) !important;
  font-weight:700 !important;
  color:var(--navy) !important;
  font-size:clamp(40px,7.5vw,84px) !important;
  line-height:.98 !important;
  letter-spacing:-.035em !important;
  margin:0 0 18px !important;
}
body.bright-active.page-id-57789 .mq-hero p,
body.bright-active.page-id-58128 .mq-hero p{
  font-size:18px !important;
  color:#3C2A22 !important;
  max-width:50ch;
  margin:0 auto !important;
}
body.bright-active.page-id-57789 .mq-body,
body.bright-active.page-id-58128 .mq-body{
  max-width:760px;
  margin:0 auto;
  background:#fff !important;
  border-radius:var(--bright-r-lg) !important;
  padding:48px 32px !important;
  box-shadow:0 24px 56px -32px rgba(28,31,43,.18) !important;
}
body.bright-active.page-id-57789 .mq-step h2,
body.bright-active.page-id-58128 .mq-step h2{
  font-family:var(--bright-sans) !important;
  font-weight:700 !important;
  color:var(--navy) !important;
  font-size:32px !important;
  letter-spacing:-.022em !important;
}
body.bright-active.page-id-57789 .mq-step-label,
body.bright-active.page-id-58128 .mq-step-label{
  font-family:var(--bright-sans) !important;
  font-size:11px !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  color:var(--muted) !important;
  font-weight:700 !important;
}
body.bright-active.page-id-57789 .mq-opt,
body.bright-active.page-id-58128 .mq-opt{
  background:var(--cream) !important;
  border-radius:18px !important;
  padding:22px !important;
  border:1.5px solid transparent !important;
  transition:border-color 200ms ease,transform 200ms ease !important;
}
body.bright-active.page-id-57789 .mq-opt:hover,
body.bright-active.page-id-58128 .mq-opt:hover{
  border-color:var(--navy) !important;
}
body.bright-active.page-id-57789 .mq-opt.picked,
body.bright-active.page-id-58128 .mq-opt.picked{
  border-color:var(--navy) !important;
  background:#fff !important;
}
body.bright-active.page-id-57789 .mq-lbl-t,
body.bright-active.page-id-58128 .mq-lbl-t{
  font-family:var(--bright-sans) !important;
  font-weight:700 !important;
  color:var(--navy) !important;
  font-size:17px !important;
}
body.bright-active.page-id-57789 .mq-lbl-d,
body.bright-active.page-id-58128 .mq-lbl-d{
  color:var(--muted) !important;
  font-size:13.5px !important;
}
body.bright-active.page-id-57789 .mq-cta-btn,
body.bright-active.page-id-58128 .mq-cta-btn{
  background:var(--navy) !important;
  color:#fff !important;
  border-radius:999px !important;
  border:1.5px solid var(--navy) !important;
  font-family:var(--bright-sans) !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  padding:14px 28px !important;
}
body.bright-active.page-id-57789 .mq-email-wrap input,
body.bright-active.page-id-58128 .mq-email-wrap input{
  background:#fff !important;
  border:1px solid var(--hairline) !important;
  border-radius:14px !important;
  padding:13px 18px !important;
  font-family:var(--bright-sans) !important;
}
body.bright-active.page-id-57789 .mq-coupon,
body.bright-active.page-id-58128 .mq-coupon{
  background:var(--sage) !important;
  border-radius:18px !important;
  padding:24px !important;
}
body.bright-active.page-id-57789 .mq-coupon-code,
body.bright-active.page-id-58128 .mq-coupon-code{
  font-family:var(--bright-display) !important;
  font-style:italic !important;
  font-weight:600 !important;
  color:var(--navy) !important;
}

/* Fungi Fortune page — keeps mgx-fungi-fortune plugin markup */
body.bright-active.page-id-58163{background:var(--cream) !important}
body.bright-active.page-id-58163 .entry-content{padding:0 !important}

/* ============================================================
   v3 CART POLISH — quantity buttons sized normally, cart totals
   row heights compact, coupon button typography normalized,
   shop archive product gaps fixed.
   ============================================================ */

/* --- QUANTITY BUTTONS: were rendering as huge 64px circles ---- */
body.bright-active .quantity,
body.bright-active .ux-quantity{
  display:inline-flex !important;align-items:center !important;gap:0 !important;
  background:#fff;border:1px solid var(--hairline);border-radius:999px;padding:4px;
  width:auto !important;max-width:160px;
}
body.bright-active .ux-quantity__button,
body.bright-active input.button.minus,
body.bright-active input.button.plus,
body.bright-active button.minus,
body.bright-active button.plus,
body.bright-active .quantity .minus,
body.bright-active .quantity .plus{
  width:32px !important;height:32px !important;
  min-width:32px !important;min-height:32px !important;
  border-radius:50% !important;
  background:var(--navy) !important;color:#fff !important;
  border:none !important;
  font-size:16px !important;line-height:1 !important;
  font-weight:700 !important;
  padding:0 !important;margin:0 !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  cursor:pointer;
  -webkit-appearance:none;appearance:none;
}
body.bright-active .ux-quantity__button:hover,
body.bright-active .quantity .minus:hover,
body.bright-active .quantity .plus:hover{background:var(--navy-dark) !important}
body.bright-active .quantity input.qty,
body.bright-active .ux-quantity input.qty{
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  padding:0 8px !important;
  width:36px !important;min-width:36px !important;height:32px !important;
  font-family:var(--bright-sans) !important;
  font-weight:700 !important;
  font-size:14px !important;
  color:var(--navy) !important;
  text-align:center !important;
  box-shadow:none !important;
}

/* --- CART TABLE ROWS: trim padding so rows aren't 90px tall --- */
body.bright-active.woocommerce-cart table.cart th,
body.bright-active.woocommerce-cart table.cart td{
  padding:14px 16px !important;vertical-align:middle !important;
}
body.bright-active.woocommerce-cart table.cart .product-remove{width:40px !important;padding-left:8px !important;padding-right:0 !important}
body.bright-active.woocommerce-cart table.cart .product-thumbnail{width:80px !important;padding-right:0 !important}
body.bright-active.woocommerce-cart table.cart .product-thumbnail img{width:64px !important;height:64px !important;border-radius:10px !important;object-fit:cover}
body.bright-active.woocommerce-cart table.cart .product-quantity{width:140px !important;text-align:center !important}

/* --- CART TOTALS: tighten row padding + match Flatsome's table cells --- */
body.bright-active.woocommerce-cart .cart_totals table th,
body.bright-active.woocommerce-cart .cart_totals table td,
body.bright-active.woocommerce-cart .cart_totals .shop_table th,
body.bright-active.woocommerce-cart .cart_totals .shop_table td{
  padding:12px 0 !important;border-color:var(--hairline) !important;vertical-align:middle !important;
}
body.bright-active.woocommerce-cart .cart_totals table tr.shipping td,
body.bright-active.woocommerce-cart .cart_totals .shipping td{padding:12px 0 !important;line-height:1.5 !important}
body.bright-active.woocommerce-cart .cart_totals .shipping-calculator-button{display:inline-block;margin-top:4px;font-size:12px}
body.bright-active.woocommerce-cart .cart_totals h2{margin:0 0 12px !important}

/* --- COUPON FORM: button was using Flatsome's ux-search-submit with broken font --- */
body.bright-active.woocommerce-cart .coupon .button,
body.bright-active.woocommerce-cart button[name="apply_coupon"],
body.bright-active.woocommerce-cart .ux-search-submit.submit-button{
  background:var(--navy) !important;color:#fff !important;
  border:1.5px solid var(--navy) !important;border-radius:999px !important;
  padding:14px 28px !important;
  font-family:var(--bright-sans) !important;font-size:13px !important;font-weight:700 !important;
  letter-spacing:.06em !important;text-transform:uppercase !important;
  text-shadow:none !important;
  -webkit-font-smoothing:antialiased !important;-moz-osx-font-smoothing:grayscale !important;
  box-shadow:none !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  width:auto !important;
  line-height:1.1 !important;
}
body.bright-active.woocommerce-cart .coupon .button:hover,
body.bright-active.woocommerce-cart button[name="apply_coupon"]:hover{background:var(--navy-dark) !important}
body.bright-active.woocommerce-cart .coupon{display:flex !important;gap:8px !important;align-items:center !important}
body.bright-active.woocommerce-cart .coupon input[type="text"]{flex:1 1 auto !important;margin:0 !important}

/* --- CROSS-SELLS: enforce 3-4 col grid with spacing --- */
body.bright-active.woocommerce-cart .cross-sells .products{
  display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:24px !important;
}
@media (min-width:760px){
  body.bright-active.woocommerce-cart .cross-sells .products{grid-template-columns:repeat(3,1fr) !important;gap:28px !important}
}

/* ============================================================
   v3 SHOP ARCHIVE — add explicit gaps between product cards
   ============================================================ */
body.bright-active.woocommerce-shop ul.products,
body.bright-active.archive ul.products,
body.bright-active.tax-product_cat ul.products,
body.bright-active.post-type-archive-product ul.products{
  display:grid !important;
  grid-template-columns:repeat(2,1fr) !important;
  gap:20px !important;
  margin:0 0 40px !important;padding:0 !important;list-style:none !important;
}
@media (min-width:760px){
  body.bright-active.woocommerce-shop ul.products,
  body.bright-active.archive ul.products,
  body.bright-active.tax-product_cat ul.products,
  body.bright-active.post-type-archive-product ul.products{grid-template-columns:repeat(3,1fr) !important;gap:24px !important}
}
@media (min-width:1024px){
  body.bright-active.woocommerce-shop ul.products,
  body.bright-active.archive ul.products,
  body.bright-active.tax-product_cat ul.products,
  body.bright-active.post-type-archive-product ul.products{grid-template-columns:repeat(4,1fr) !important;gap:28px !important}
}
body.bright-active.woocommerce-shop ul.products .product,
body.bright-active.archive ul.products .product,
body.bright-active.tax-product_cat ul.products .product,
body.bright-active.post-type-archive-product ul.products .product{
  width:auto !important;margin:0 !important;float:none !important;
  background:#fff;border:1px solid var(--hairline);border-radius:var(--bright-r);overflow:hidden;
  padding:0 !important;
}
body.bright-active ul.products .product .box-image,
body.bright-active ul.products .product .product-image-wrapper{
  border-radius:0 !important;
}
body.bright-active ul.products .product .box-text{padding:14px !important}

/* ============================================================
   v3 FORM CONTAINER WIDTH — wholesale/contact forms were full-bleed
   ============================================================ */
body.bright-active .bright-section form,
body.bright-active .bright-cta-strip form,
body.bright-active section[class*="bright-"] form{
  max-width:640px;margin:0 auto;
}
/* On wholesale specifically, the form sits in a sage section and went edge-to-edge */
body.bright-active form.wholesale-form,
body.bright-active .bright-section .bright-info form,
body.bright-active .bright-section > form,
body.bright-active .bright-form{
  max-width:640px;width:100%;margin:0 auto;
}
body.bright-active form input[type="text"],
body.bright-active form input[type="email"],
body.bright-active form input[type="tel"],
body.bright-active form input[type="number"],
body.bright-active form select,
body.bright-active form textarea{
  border:1px solid var(--hairline);background:#fff;border-radius:10px;
  padding:12px 14px;font-family:var(--bright-sans);font-size:14px;color:var(--ink);
  width:100%;box-sizing:border-box;
}
body.bright-active form label{
  font-family:var(--bright-sans);font-weight:700;font-size:13px;color:var(--navy);
  display:block;margin-bottom:6px;
}
body.bright-active form > p,
body.bright-active form .form-row,
body.bright-active form .field{margin-bottom:14px}

/* ============================================================
   v3 SPARKLE Z-INDEX — was being clipped by the rounded image card
   ============================================================ */
body.bright-active .bright-hero .bright-sparkle{z-index:5 !important}
body.bright-active .bright-hero{overflow:visible !important}
body.bright-active .bright-hero-art{overflow:hidden}

/* ============================================================
   v3 CTA-STRIP WHITE BUTTON — text was invisible (white on white)
   ============================================================ */
body.bright-active .bright-cta-strip{
  background:var(--navy);color:#fff;
  padding:48px var(--bright-pad);text-align:center;
}
body.bright-active .bright-cta-strip h2,
body.bright-active .bright-cta-strip h3{color:#fff !important;margin:0 0 12px}
body.bright-active .bright-cta-strip p{color:rgba(255,255,255,.85);margin:0 0 24px;max-width:560px;margin-left:auto;margin-right:auto}
body.bright-active .bright-cta-strip .bright-btn,
body.bright-active .bright-cta-strip a.bright-btn{
  background:#fff !important;color:var(--navy) !important;border-color:#fff !important;
}
body.bright-active .bright-cta-strip .bright-btn:hover,
body.bright-active .bright-cta-strip a.bright-btn:hover{
  background:rgba(255,255,255,.92) !important;color:var(--navy) !important;
}

/* ============================================================
   v3 NEWSLETTER FORM — trim awkward whitespace below button
   ============================================================ */
body.bright-active .bright-newsletter{padding:56px var(--bright-pad);text-align:center}
body.bright-active .bright-nl-inner{max-width:560px;margin:0 auto}
body.bright-active .bright-nl-form{
  display:flex;gap:0;align-items:center;
  background:#fff;border:1px solid var(--hairline);
  border-radius:999px;padding:6px;margin-top:18px;
  max-width:520px;margin-left:auto;margin-right:auto;
}
body.bright-active .bright-nl-form input[type="email"]{
  flex:1 1 auto;border:none !important;background:transparent !important;
  padding:0 18px !important;font-family:var(--bright-sans);font-size:14px;
  color:var(--ink);height:44px;
}
body.bright-active .bright-nl-form input[type="email"]:focus{outline:none;box-shadow:none}
body.bright-active .bright-nl-form .bright-btn{margin:0;padding:12px 22px;font-size:12px}

/* ============================================================
   v3 BUNDLES ROW HEAD — match Most Reordered's bright-row-head
   layout so the bundles header has the same eyebrow+title /
   blurb / link tri-column structure on desktop.
   ============================================================ */
body.bright-active .bright-picks .bright-row-head{
  display:grid;grid-template-columns:1fr;gap:14px;
  align-items:end;margin:0 0 32px;
}
@media (min-width:900px){
  body.bright-active .bright-picks .bright-row-head{
    grid-template-columns:1.1fr 1.1fr auto;gap:32px;
  }
  body.bright-active .bright-picks .bright-row-head > a.bright-more{justify-self:end}
}
body.bright-active .bright-picks .bright-row-head p{margin:0;color:#3C2A22;max-width:46ch}
body.bright-active .bright-picks .bright-row-head a.bright-more{
  font-family:var(--bright-sans);font-size:13px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:var(--navy);
  white-space:nowrap;align-self:center;
}
body.bright-active .bright-picks .bright-row-head a.bright-more:hover{text-decoration:underline}

/* ============================================================
   v11 SHOP ARCHIVE GAP — visible breathing room between cards
   ============================================================ */
html body.bright-active.woocommerce-shop ul.products,
html body.bright-active.archive ul.products,
html body.bright-active.tax-product_cat ul.products,
html body.bright-active.post-type-archive-product ul.products{
  gap:28px !important;
  padding:0 var(--bright-pad) !important;
}
@media (min-width:760px){
  html body.bright-active.woocommerce-shop ul.products,
  html body.bright-active.archive ul.products,
  html body.bright-active.tax-product_cat ul.products,
  html body.bright-active.post-type-archive-product ul.products{
    gap:36px !important;
  }
}
@media (min-width:1024px){
  html body.bright-active.woocommerce-shop ul.products,
  html body.bright-active.archive ul.products,
  html body.bright-active.tax-product_cat ul.products,
  html body.bright-active.post-type-archive-product ul.products{
    gap:40px !important;
  }
}

/* ============================================================
   v12 PRODUCT TITLES — Neue Haas (sans) not Meno Banner (italic).
   Override site-wide for shop archive + single product + cart.
   ============================================================ */
html body.bright-active .woocommerce-loop-product__title,
html body.bright-active .product-title,
html body.bright-active .products .product .name a,
html body.bright-active .products .product .product-title,
html body.bright-active .products .product h2,
html body.bright-active .products .product h3,
html body.bright-active .products .product .name,
html body.bright-active.single-product .product_title,
html body.bright-active.single-product h1.product_title,
html body.bright-active.woocommerce-cart .product-name a,
html body.bright-active .cross-sells .product .product-title,
html body.bright-active .cross-sells .product .name a{
  font-family:var(--bright-sans), "Neue Haas Unica", -apple-system, sans-serif !important;
  font-style:normal !important;
  font-weight:600 !important;
  letter-spacing:-.01em !important;
  font-size:16px !important;
  line-height:1.25 !important;
}
@media (min-width:760px){
  html body.bright-active .woocommerce-loop-product__title,
  html body.bright-active .product-title,
  html body.bright-active .products .product h2,
  html body.bright-active .products .product h3,
  html body.bright-active .products .product .name a{
    font-size:17px !important;
  }
}

/* ============================================================
   v13 PRODUCT BADGES — modernize Flatsome's callout/badge pills
   to match bright design system: navy pill on white, Neue Haas,
   uppercase, letter-spaced. Applies site-wide on all products.
   ============================================================ */
html body.bright-active .badge,
html body.bright-active .callout,
html body.bright-active .badge-container,
html body.bright-active .product .badge-container,
html body.bright-active .product .callout,
html body.bright-active .product-badges .callout,
html body.bright-active .product .badge-container .badge{
  border:0 !important;background:transparent !important;
  box-shadow:none !important;border-radius:0 !important;
  padding:0 !important;margin:0 !important;
  width:auto !important;height:auto !important;
  font-family:var(--bright-sans), "Neue Haas Unica", -apple-system, sans-serif !important;
  font-style:normal !important;
}
html body.bright-active .badge-inner,
html body.bright-active .product .badge-inner,
html body.bright-active .callout .badge-inner,
html body.bright-active .product .callout .badge-inner,
html body.bright-active .product .badge-container .badge-inner,
html body.bright-active .badge-container .badge-inner{
  display:inline-flex !important;align-items:center !important;
  background:rgba(255,255,255,.94) !important;
  color:var(--navy) !important;
  font-family:var(--bright-sans), "Neue Haas Unica", -apple-system, sans-serif !important;
  font-style:normal !important;
  font-weight:700 !important;
  font-size:10.5px !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(28,31,43,.08) !important;
  box-shadow:0 2px 8px -2px rgba(16,19,31,.12) !important;
  line-height:1.1 !important;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  white-space:nowrap;
}
/* Hover variant: slight emphasis */
html body.bright-active .product:hover .badge-inner{
  background:var(--navy) !important;color:#fff !important;
  border-color:var(--navy) !important;
}
/* Position offset */
html body.bright-active .product .badge-container{
  position:absolute !important;
  top:14px !important;left:14px !important;
  right:auto !important;bottom:auto !important;
  z-index:3 !important;
}
/* Sale-style badge (red/orange) → use navy instead */
html body.bright-active .product .onsale,
html body.bright-active .product .sale-percentage{
  background:var(--navy) !important;color:#fff !important;
  border-radius:999px !important;padding:6px 11px !important;
  font-family:var(--bright-sans) !important;font-size:10px !important;
  font-weight:700 !important;letter-spacing:.14em !important;
  text-transform:uppercase !important;font-style:normal !important;
  border:none !important;box-shadow:none !important;
  line-height:1.1 !important;
}
/* OUT OF STOCK overlay */
html body.bright-active .product .out-of-stock-label,
html body.bright-active .product .outofstock-label{
  font-family:var(--bright-sans) !important;
  font-weight:700 !important;font-style:normal !important;
  font-size:11px !important;letter-spacing:.18em !important;
  text-transform:uppercase !important;
  background:rgba(255,255,255,.94) !important;
  color:var(--navy) !important;
  padding:10px 16px !important;border-radius:999px !important;
  border:1px solid rgba(28,31,43,.08) !important;
  box-shadow:0 4px 12px -4px rgba(16,19,31,.18) !important;
}

/* ============================================================
   v14 MGX-BADGE — the actual product callout class is `.mgx-badge`
   not Flatsome's badge-inner. Override it directly.
   ============================================================ */
html body.bright-active .mgx-badge,
html body.bright-active .badge-container .mgx-badge,
html body.bright-active .product .mgx-badge{
  display:inline-flex !important;align-items:center !important;
  background:rgba(255,255,255,.94) !important;
  color:var(--navy) !important;
  font-family:var(--bright-sans), "Neue Haas Unica", -apple-system, sans-serif !important;
  font-style:normal !important;
  font-weight:700 !important;
  font-size:10.5px !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(28,31,43,.08) !important;
  box-shadow:0 2px 8px -2px rgba(16,19,31,.12) !important;
  line-height:1.1 !important;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  white-space:nowrap;
  margin:0 !important;
}
html body.bright-active .product:hover .mgx-badge{
  background:var(--navy) !important;color:#fff !important;
  border-color:var(--navy) !important;
}
html body.bright-active .product .badge-container{
  position:absolute !important;
  top:14px !important;left:14px !important;
  right:auto !important;bottom:auto !important;
  z-index:3 !important;
  background:transparent !important;border:0 !important;
}

/* ============================================================
   v15 SHOP GAP — match the breathing room from the existing site
   ============================================================ */
html body.bright-active.woocommerce-shop ul.products,
html body.bright-active.archive ul.products,
html body.bright-active.tax-product_cat ul.products,
html body.bright-active.post-type-archive-product ul.products{
  gap:32px 32px !important;
  padding:0 24px !important;
}
@media (min-width:760px){
  html body.bright-active.woocommerce-shop ul.products,
  html body.bright-active.archive ul.products,
  html body.bright-active.tax-product_cat ul.products,
  html body.bright-active.post-type-archive-product ul.products{
    gap:48px 32px !important;
  }
}
@media (min-width:1024px){
  html body.bright-active.woocommerce-shop ul.products,
  html body.bright-active.archive ul.products,
  html body.bright-active.tax-product_cat ul.products,
  html body.bright-active.post-type-archive-product ul.products{
    gap:56px 36px !important;
    padding:0 32px !important;
  }
}
/* Soften card border so the gap reads as breathing room, not a wall */
html body.bright-active.woocommerce-shop ul.products .product,
html body.bright-active.archive ul.products .product,
html body.bright-active.tax-product_cat ul.products .product,
html body.bright-active.post-type-archive-product ul.products .product{
  border:none !important;background:transparent !important;
  box-shadow:none !important;
}

/* ============================================================
   v16 SHOP MOBILE PADDING + QUICK ADD + CENTERING
   ============================================================ */

/* Mobile + tablet padding, center the shop container */
html body.bright-active.woocommerce-shop .shop-container,
html body.bright-active.archive .shop-container,
html body.bright-active.tax-product_cat .shop-container{
  max-width:1280px !important;margin:0 auto !important;
}
@media (max-width:760px){
  html body.bright-active.woocommerce-shop ul.products,
  html body.bright-active.archive ul.products,
  html body.bright-active.tax-product_cat ul.products,
  html body.bright-active.post-type-archive-product ul.products{
    padding:0 18px !important;
    gap:24px 16px !important;
    grid-template-columns:repeat(2,1fr) !important;
  }
}

/* Quick add / "Select options" button on each product card */
html body.bright-active ul.products .product .add-to-cart-button,
html body.bright-active ul.products .product .add_to_cart_button,
html body.bright-active ul.products .product .button.ajax_add_to_cart{
  position:absolute !important;
  bottom:14px !important;right:14px !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  background:var(--navy) !important;color:#fff !important;
  border:none !important;border-radius:999px !important;
  padding:9px 16px !important;
  font-family:var(--bright-sans), "Neue Haas Unica", -apple-system, sans-serif !important;
  font-style:normal !important;font-weight:700 !important;
  font-size:11px !important;letter-spacing:.1em !important;
  text-transform:uppercase !important;line-height:1.1 !important;
  white-space:nowrap !important;
  box-shadow:0 6px 16px -6px rgba(16,19,31,.4) !important;
  z-index:5 !important;opacity:0;transform:translateY(4px);
  transition:opacity 200ms ease, transform 200ms ease, background 200ms ease !important;
  width:auto !important;height:auto !important;min-height:0 !important;text-shadow:none !important;
}
/* Hover reveal on desktop, always visible on mobile/touch */
html body.bright-active ul.products .product:hover .add-to-cart-button,
html body.bright-active ul.products .product .add-to-cart-button:focus{
  opacity:1;transform:translateY(0);
}
@media (max-width:760px), (hover:none){
  html body.bright-active ul.products .product .add-to-cart-button{
    opacity:1 !important;transform:none !important;
    position:static !important;
    margin-top:8px !important;
    width:auto !important;align-self:flex-start !important;
  }
}
html body.bright-active ul.products .product .add-to-cart-button:hover{
  background:var(--navy-dark) !important;color:#fff !important;
}
html body.bright-active ul.products .product .add-to-cart-button a,
html body.bright-active ul.products .product .add-to-cart-button button{
  color:#fff !important;font-family:inherit !important;font-style:normal !important;
  background:transparent !important;border:none !important;padding:0 !important;
  font-size:inherit !important;letter-spacing:inherit !important;
  text-transform:inherit !important;font-weight:inherit !important;
}

/* Hide Flatsome's quick-view bar — too noisy with bright styling */
html body.bright-active ul.products .product .quick-view-added,
html body.bright-active ul.products .product .quick-view{display:none !important}

/* Ensure card has position relative so the floating button anchors */
html body.bright-active ul.products .product .col-inner,
html body.bright-active ul.products .product .product-small{
  position:relative !important;
}

/* Tighten product card text spacing on mobile */
@media (max-width:760px){
  html body.bright-active ul.products .product .product-title,
  html body.bright-active ul.products .product h2,
  html body.bright-active ul.products .product h3{
    font-size:14px !important;
    margin:8px 0 4px !important;
  }
  html body.bright-active ul.products .product .price{
    font-size:13px !important;
  }
  html body.bright-active ul.products .product .star-rating{
    font-size:10px !important;
  }
}

/* ============================================================
   v18 ACCOUNT PAGE BUTTONS — Register + Login as bright navy pills
   ============================================================ */
html body.bright-active.woocommerce-account button[name="register"],
html body.bright-active.woocommerce-account button[name="login"],
html body.bright-active.woocommerce-account .woocommerce-form-register__submit,
html body.bright-active.woocommerce-account .woocommerce-form-login__submit,
html body.bright-active.woocommerce-account form.register button[type="submit"],
html body.bright-active.woocommerce-account form.login button[type="submit"],
html body.bright-active.woocommerce-account .woocommerce-form button[type="submit"],
html body.bright-active.woocommerce-account input[type="submit"].button{
  background:var(--navy) !important;
  background-image:none !important;
  color:#fff !important;
  border:1.5px solid var(--navy) !important;
  border-radius:999px !important;
  padding:13px 26px !important;
  font-family:var(--bright-sans), "Neue Haas Unica", -apple-system, sans-serif !important;
  font-style:normal !important;
  font-weight:700 !important;
  font-size:12.5px !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  line-height:1.1 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  cursor:pointer;
  transition:background 200ms ease, transform 200ms ease !important;
}
html body.bright-active.woocommerce-account button[name="register"]:hover,
html body.bright-active.woocommerce-account button[name="login"]:hover,
html body.bright-active.woocommerce-account .woocommerce-form-register__submit:hover,
html body.bright-active.woocommerce-account .woocommerce-form-login__submit:hover,
html body.bright-active.woocommerce-account form.register button[type="submit"]:hover,
html body.bright-active.woocommerce-account form.login button[type="submit"]:hover,
html body.bright-active.woocommerce-account .woocommerce-form button[type="submit"]:hover{
  background:var(--navy-dark) !important;
  color:#fff !important;
  transform:translateY(-1px);
}
/* Account form labels + inputs polish */
html body.bright-active.woocommerce-account form .form-row label,
html body.bright-active.woocommerce-account form label{
  font-family:var(--bright-sans) !important;font-weight:700 !important;
  font-size:13px !important;color:var(--navy) !important;
}
html body.bright-active.woocommerce-account form input[type="text"],
html body.bright-active.woocommerce-account form input[type="email"],
html body.bright-active.woocommerce-account form input[type="password"]{
  border:1px solid var(--hairline) !important;
  border-radius:999px !important;
  padding:12px 18px !important;
  font-family:var(--bright-sans) !important;font-size:14px !important;
  background:#fff !important;
}
html body.bright-active.woocommerce-account h2,
html body.bright-active.woocommerce-account h3{
  font-family:var(--bright-sans) !important;
  font-weight:700 !important;font-style:normal !important;
  color:var(--navy) !important;
  letter-spacing:-.015em !important;
}

/* ============================================================
   v20 PRODUCT PAGE + SHOP FIXES
   ============================================================ */

/* Quick view button text — was dark navy on navy bg, force white */
html body.bright-active .quick-view,
html body.bright-active .quick-view-added,
html body.bright-active .quick-view-button,
html body.bright-active .product .quick-view,
html body.bright-active a.button.quick-view,
html body.bright-active ul.products .product .quick-view-added{
  background:var(--navy) !important;color:#fff !important;
  font-family:var(--bright-sans), "Neue Haas Unica", -apple-system, sans-serif !important;
  font-style:normal !important;font-weight:700 !important;
  font-size:11px !important;letter-spacing:.16em !important;text-transform:uppercase !important;
  text-shadow:none !important;
  border:none !important;
  padding:11px 16px !important;
}
html body.bright-active .quick-view *,
html body.bright-active .quick-view-added *,
html body.bright-active .quick-view-button *{color:#fff !important}

/* Single product variation pill rows — text was clipping out the top */
html body.bright-active.single-product .variations select,
html body.bright-active.single-product .variations .variation-radios label,
html body.bright-active.single-product .variations-wrapper,
html body.bright-active.single-product .variations .pills,
html body.bright-active.single-product .variations .pill,
html body.bright-active.single-product .pills a,
html body.bright-active.single-product .ux-swatch,
html body.bright-active.single-product .reset_variations{
  display:flex !important;align-items:center !important;justify-content:flex-start !important;
  line-height:1.3 !important;height:auto !important;min-height:48px !important;
  padding:12px 20px !important;
  font-family:var(--bright-sans), "Neue Haas Unica", -apple-system, sans-serif !important;
  font-style:normal !important;font-size:14px !important;
  color:var(--ink) !important;
  background:#fff !important;border:1px solid var(--hairline) !important;
  border-radius:999px !important;
  white-space:nowrap !important;overflow:visible !important;
  margin:6px 0 !important;
}
html body.bright-active.single-product .variations .pill.selected,
html body.bright-active.single-product .pills a.selected{
  background:var(--navy) !important;color:#fff !important;border-color:var(--navy) !important;
}
/* Make the pill list itself have breathing room */
html body.bright-active.single-product .variations,
html body.bright-active.single-product .variations table,
html body.bright-active.single-product .variations-wrapper{
  display:block !important;
}
html body.bright-active.single-product .variations table tr{
  display:block !important;margin-bottom:14px !important;
}
html body.bright-active.single-product .variations table th{
  display:block !important;padding:0 0 6px !important;
  font-family:var(--bright-sans) !important;font-weight:700 !important;font-size:13px !important;
  color:var(--navy) !important;text-transform:uppercase !important;letter-spacing:.1em !important;
}

/* Product page price */
html body.bright-active.single-product .price,
html body.bright-active.single-product .product .price{
  font-family:var(--bright-display), Georgia, serif !important;
  font-style:italic !important;font-weight:600 !important;
  color:var(--navy) !important;font-size:36px !important;
  line-height:1.1 !important;margin:14px 0 18px !important;
}

/* ============================================================
   SHOP ARCHIVE GAP — force visible breathing room
   The previous grid override was being overridden by Flatsome's .col widths.
   Use margin-based approach that respects Flatsome's flex+col layout.
   ============================================================ */
html body.bright-active.woocommerce-shop ul.products,
html body.bright-active.archive ul.products,
html body.bright-active.tax-product_cat ul.products{
  display:flex !important;flex-wrap:wrap !important;
  margin:0 -12px !important;padding:0 !important;
  gap:24px 0 !important;
}
html body.bright-active.woocommerce-shop ul.products .product,
html body.bright-active.archive ul.products .product,
html body.bright-active.tax-product_cat ul.products .product{
  padding:0 12px !important;margin:0 !important;
  box-sizing:border-box !important;
}
@media (min-width:1024px){
  html body.bright-active.woocommerce-shop ul.products .product,
  html body.bright-active.archive ul.products .product,
  html body.bright-active.tax-product_cat ul.products .product{
    padding:0 18px !important;
  }
  html body.bright-active.woocommerce-shop ul.products,
  html body.bright-active.archive ul.products,
  html body.bright-active.tax-product_cat ul.products{
    margin:0 -18px !important;gap:48px 0 !important;
  }
}

/* ============================================================
   v21 BATCH FIXES — shop gap (real), flag (forced), qty pills,
   "Find your product" CTA in category nav, etc.
   ============================================================ */

/* SHOP ARCHIVE GAP — match Flatsome's `.col` width with extra margin */
@media (min-width:850px){
  html body.bright-active.woocommerce-shop .row.large-columns-4 > .product,
  html body.bright-active.archive .row.large-columns-4 > .product,
  html body.bright-active.tax-product_cat .row.large-columns-4 > .product{
    flex-basis:calc(25% - 24px) !important;
    max-width:calc(25% - 24px) !important;
    margin:0 12px 32px !important;
    padding:0 !important;
  }
  html body.bright-active.woocommerce-shop .row.large-columns-4,
  html body.bright-active.archive .row.large-columns-4,
  html body.bright-active.tax-product_cat .row.large-columns-4{
    margin:0 -12px !important;
  }
}
@media (min-width:550px) and (max-width:849px){
  html body.bright-active.woocommerce-shop .row > .product{
    flex-basis:calc(50% - 18px) !important;
    max-width:calc(50% - 18px) !important;
    margin:0 9px 24px !important;
    padding:0 !important;
  }
}

/* FLAG SPRITE — force exact CBR position with maximum specificity */
html body.bright-active .bright-topbar .bright-topbar-country .cbr-country-shortcode .flag,
html body.bright-active .bright-topbar-country .flag{
  display:inline-block !important;
  background-size:auto !important;
  background-repeat:no-repeat !important;
  background-image:url('https://microgenix.net/wp-content/plugins/country-base-restrictions-pro-addon/assets/images/flags@2x.png') !important;
  background-position:initial !important;
  width:20px !important;height:10px !important;
  vertical-align:middle !important;
  box-shadow:none !important;border-radius:0 !important;
}
html body.bright-active .bright-topbar .bright-topbar-country .flag.ca,
html body.bright-active .bright-topbar-country .flag.ca{
  background-position:-834px 0 !important;
  width:20px !important;height:10px !important;
}
html body.bright-active .bright-topbar .bright-topbar-country .flag.us,
html body.bright-active .bright-topbar-country .flag.us{
  background-position:-5219px 0 !important;
  width:20px !important;height:11px !important;
}
/* The flag sprite is sized for 1x (width 5652px). At 2x retina, browsers
   correctly use flags@2x.png at half-positions. Force background-size to
   the natural 1x grid so positions align. */
html body.bright-active .bright-topbar-country .flag{
  background-size:5652px 15px !important;
}

/* SINGLE PRODUCT QTY BUTTONS — big navy pills with proper text */
html body.bright-active.single-product .quantity,
html body.bright-active.single-product .ux-quantity{
  display:inline-flex !important;align-items:center !important;gap:6px !important;
  background:transparent !important;border:none !important;border-radius:0 !important;
  padding:0 !important;
  width:auto !important;max-width:none !important;
}
html body.bright-active.single-product .ux-quantity__button,
html body.bright-active.single-product input.button.minus,
html body.bright-active.single-product input.button.plus,
html body.bright-active.single-product button.minus,
html body.bright-active.single-product button.plus,
html body.bright-active.single-product .quantity .minus,
html body.bright-active.single-product .quantity .plus{
  width:44px !important;height:44px !important;
  min-width:44px !important;min-height:44px !important;
  border-radius:50% !important;
  background:var(--navy) !important;color:#fff !important;
  border:none !important;
  font-family:var(--bright-sans), sans-serif !important;
  font-style:normal !important;
  font-size:22px !important;font-weight:400 !important;
  line-height:1 !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  padding:0 !important;margin:0 !important;
  -webkit-appearance:none;appearance:none;
  cursor:pointer;
  text-indent:0 !important;
}
html body.bright-active.single-product .quantity input.qty,
html body.bright-active.single-product .ux-quantity input.qty{
  width:60px !important;height:44px !important;
  text-align:center !important;
  font-family:var(--bright-sans) !important;font-weight:700 !important;font-size:16px !important;
  background:transparent !important;border:none !important;border-radius:0 !important;
  color:var(--navy) !important;padding:0 !important;
  box-shadow:none !important;
}

/* CATEGORY FILTER NAV — add space + style for "Find your product" injected pill */
html body.bright-active .bright-find-product{
  display:inline-flex !important;align-items:center !important;
  margin-left:auto !important;
  background:#F4D9CB !important; /* peach accent */
  color:var(--navy) !important;
  font-family:var(--bright-sans), "Neue Haas Unica", -apple-system, sans-serif !important;
  font-weight:700 !important;font-size:13px !important;
  letter-spacing:.08em !important;text-transform:uppercase !important;
  padding:11px 22px !important;border-radius:999px !important;
  border:1.5px solid #F4D9CB !important;
  text-decoration:none !important;
  transition:all 200ms ease;
}
html body.bright-active .bright-find-product:hover{
  background:var(--navy) !important;color:#fff !important;border-color:var(--navy) !important;
}

/* ============================================================
   v22 CRITICAL FIXES
   ============================================================ */

/* SAVE 20% badge variant — same as other product badges */
html body.bright-active .mgx-badge.save,
html body.bright-active .badge.onsale,
html body.bright-active .onsale,
html body.bright-active .badge-container .save,
html body.bright-active .badge-container [class*="save"]{
  display:inline-flex !important;align-items:center !important;
  background:#F4D9CB !important;color:var(--navy) !important;
  font-family:var(--bright-sans), "Neue Haas Unica", -apple-system, sans-serif !important;
  font-style:normal !important;font-weight:700 !important;
  font-size:10.5px !important;letter-spacing:.16em !important;text-transform:uppercase !important;
  padding:7px 12px !important;border-radius:999px !important;
  border:1px solid rgba(28,31,43,.08) !important;
  box-shadow:0 2px 8px -2px rgba(16,19,31,.12) !important;
  line-height:1.1 !important;text-shadow:none !important;
}

/* VIEW CART + CHECKOUT mini cart buttons → white text */
html body.bright-active .widget_shopping_cart .buttons .button,
html body.bright-active .widget_shopping_cart .buttons a,
html body.bright-active .cart-sidebar .button,
html body.bright-active .cart-sidebar a.button,
html body.bright-active .cart-sidebar .buttons a,
html body.bright-active .header-cart-checkout,
html body.bright-active a.wc-forward,
html body.bright-active .button.wc-forward,
html body.bright-active .cart-sidebar .wc-forward{
  background:var(--navy) !important;color:#fff !important;
  border:none !important;border-radius:999px !important;
  font-family:var(--bright-sans), sans-serif !important;
  font-style:normal !important;font-weight:700 !important;
  font-size:13px !important;letter-spacing:.06em !important;text-transform:uppercase !important;
  padding:14px 24px !important;text-shadow:none !important;
  box-shadow:none !important;
}
html body.bright-active .widget_shopping_cart .buttons .button:hover,
html body.bright-active .widget_shopping_cart .buttons a:hover,
html body.bright-active .cart-sidebar .button:hover{
  background:var(--navy-dark) !important;color:#fff !important;
}

/* SINGLE PRODUCT VARIATIONS — make selected state visible */
html body.bright-active.single-product .pills a,
html body.bright-active.single-product .ux-swatch,
html body.bright-active.single-product .variations .pills a{
  cursor:pointer !important;
  transition:all 180ms ease;
}
html body.bright-active.single-product .pills a.selected,
html body.bright-active.single-product .ux-swatch.selected,
html body.bright-active.single-product .variations .pills a.selected,
html body.bright-active.single-product .pills a[aria-selected="true"]{
  background:var(--navy) !important;
  color:#fff !important;
  border-color:var(--navy) !important;
}
html body.bright-active.single-product .pills a:hover{
  border-color:var(--navy) !important;
}

/* CATEGORY FILTER NAV — make room for FIND YOUR PRODUCT */
@media (min-width:760px){
  html body.bright-active .nav-tabs,
  html body.bright-active .nav-pills,
  html body.bright-active ul.nav-tabs{
    display:flex !important;flex-wrap:wrap !important;align-items:center !important;
    justify-content:center !important;gap:10px !important;
  }
}

/* ============================================================
   v23 BATCH: account page polish, form field padding,
   rewards bar tighten, register/login/lookup buttons on-brand
   ============================================================ */

/* === REWARDS BAR (peach, "Complete your order and earn N Mushie Points") === */
html body.bright-active .yith-wcpr-points-message,
html body.bright-active .wc-points-rewards-cart-message,
html body.bright-active .woocommerce-info,
html body.bright-active.woocommerce-cart .points-earned-notice,
html body.bright-active.woocommerce-checkout .points-earned-notice{
  padding:10px 18px !important;
  margin:0 0 14px !important;
  font-size:13px !important;
  line-height:1.4 !important;
  border-radius:10px !important;
  background:#F4D9CB !important;
  color:var(--navy) !important;
  border:none !important;
}

/* === FORM FIELD PADDING (checkout, account, all bright forms) === */
html body.bright-active input[type="text"],
html body.bright-active input[type="email"],
html body.bright-active input[type="password"],
html body.bright-active input[type="tel"],
html body.bright-active input[type="number"],
html body.bright-active input[type="search"],
html body.bright-active select,
html body.bright-active textarea,
html body.bright-active.woocommerce-checkout .form-row input,
html body.bright-active.woocommerce-checkout .form-row select,
html body.bright-active.woocommerce-checkout .form-row textarea,
html body.bright-active.woocommerce-account input,
html body.bright-active.woocommerce-account select{
  padding:14px 22px !important;
  font-family:var(--bright-sans), sans-serif !important;
  font-size:14px !important;
  line-height:1.4 !important;
  border:1px solid var(--hairline) !important;
  border-radius:999px !important;
  background:#fff !important;
  color:var(--ink) !important;
  box-sizing:border-box !important;
  height:auto !important;min-height:48px !important;
}
html body.bright-active textarea{
  border-radius:18px !important;min-height:120px !important;padding:14px 22px !important;
}
html body.bright-active select{
  padding-right:36px !important;
}

/* === ACCOUNT PAGE — proper layout + breathing room === */
html body.bright-active.woocommerce-account #main,
html body.bright-active.woocommerce-account .container,
html body.bright-active.woocommerce-account .row.row-main{
  padding-top:48px !important;padding-bottom:48px !important;
}
@media (max-width:760px){
  html body.bright-active.woocommerce-account #main,
  html body.bright-active.woocommerce-account .container{
    padding-top:24px !important;padding-bottom:32px !important;
  }
}

/* Track-your-order box — bright cream */
html body.bright-active.woocommerce-account .order-tracking-form,
html body.bright-active.woocommerce-account form.track_order,
html body.bright-active.woocommerce-account [class*="track-order"]{
  background:var(--cream) !important;
  border-radius:18px !important;
  padding:28px !important;
  margin:0 0 36px !important;
  border:1px solid var(--hairline) !important;
}
html body.bright-active.woocommerce-account .order-tracking-form h3,
html body.bright-active.woocommerce-account form.track_order h3{
  margin:0 0 6px !important;font-family:var(--bright-sans) !important;
  font-weight:700 !important;color:var(--navy) !important;font-size:18px !important;
}

/* LOOK UP / LOG IN / REGISTER buttons — uniform bright */
html body.bright-active.woocommerce-account button[type="submit"],
html body.bright-active.woocommerce-account input[type="submit"].button,
html body.bright-active.woocommerce-account .button.wcurrent_form_submit,
html body.bright-active.woocommerce-account #wcsm_submit_btn,
html body.bright-active.woocommerce-account .woocommerce-form-login__submit,
html body.bright-active.woocommerce-account .woocommerce-form-register__submit,
html body.bright-active.woocommerce-account .submit-button{
  background:var(--navy) !important;background-image:none !important;
  color:#fff !important;
  border:1.5px solid var(--navy) !important;
  border-radius:999px !important;
  padding:14px 32px !important;
  font-family:var(--bright-sans) !important;font-style:normal !important;
  font-weight:700 !important;font-size:13px !important;
  letter-spacing:.08em !important;text-transform:uppercase !important;
  line-height:1.1 !important;
  box-shadow:none !important;text-shadow:none !important;
  min-width:0 !important;width:auto !important;height:auto !important;
  cursor:pointer;
  transition:background 200ms ease;
}
html body.bright-active.woocommerce-account button[type="submit"]:hover,
html body.bright-active.woocommerce-account input[type="submit"].button:hover,
html body.bright-active.woocommerce-account .woocommerce-form-register__submit:hover,
html body.bright-active.woocommerce-account .woocommerce-form-login__submit:hover{
  background:var(--navy-dark) !important;color:#fff !important;
}

/* LOGIN / REGISTER columns — proper inner padding */
html body.bright-active.woocommerce-account .u-column1.col-1,
html body.bright-active.woocommerce-account .u-column2.col-2,
html body.bright-active.woocommerce-account .woocommerce-form-login,
html body.bright-active.woocommerce-account .woocommerce-form-register{
  background:#fff !important;
  padding:32px !important;
  border-radius:18px !important;
  border:1px solid var(--hairline) !important;
}
@media (max-width:760px){
  html body.bright-active.woocommerce-account .u-column1.col-1,
  html body.bright-active.woocommerce-account .u-column2.col-2,
  html body.bright-active.woocommerce-account .woocommerce-form-login,
  html body.bright-active.woocommerce-account .woocommerce-form-register{
    padding:24px 20px !important;
    margin:0 0 18px !important;
  }
  html body.bright-active.woocommerce-account .col2-set{
    display:flex !important;flex-direction:column !important;gap:0 !important;
  }
}

html body.bright-active.woocommerce-account h2,
html body.bright-active.woocommerce-account h3{
  margin:0 0 18px !important;
}

html body.bright-active.woocommerce-account .form-row{
  margin-bottom:18px !important;
}
html body.bright-active.woocommerce-account .form-row label{
  display:block !important;
  font-family:var(--bright-sans) !important;font-weight:700 !important;
  font-size:13px !important;color:var(--navy) !important;
  margin-bottom:8px !important;
}

/* ============================================================
   v25 CHECKOUT DUPLICATE NOTICES — hide repeats of Free Shipping
   ============================================================ */
/* Hide duplicate woocommerce-info notices in cart totals + order review */
html body.bright-active.woocommerce-checkout .cart_totals .woocommerce-info,
html body.bright-active.woocommerce-checkout #order_review .woocommerce-info,
html body.bright-active.woocommerce-checkout .shop_table .woocommerce-info,
html body.bright-active.woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-info{
  display:none !important;
}
/* Keep only the FIRST woocommerce-info above the form */
html body.bright-active.woocommerce-checkout .woocommerce-info ~ .woocommerce-info{
  display:none !important;
}
/* Tidy the surviving notice */
html body.bright-active.woocommerce-checkout .woocommerce-notices-wrapper > .woocommerce-info,
html body.bright-active.woocommerce-checkout form.checkout > .woocommerce-info:first-of-type{
  display:block !important;
}

/* AddressComplete (Canada Post) error styling — bright-themed */
html body.bright-active .addresscomplete-error,
html body.bright-active [class*="addresscomplete"][class*="error"],
html body.bright-active.woocommerce-checkout .ws-error{
  background:#F4D9CB !important;
  color:#3C2A22 !important;
  border:1px solid rgba(60,42,34,.12) !important;
  border-radius:10px !important;
  padding:10px 14px !important;
  font-family:var(--bright-sans), sans-serif !important;
  font-size:13px !important;font-weight:600 !important;
  margin:6px 0 !important;
  display:inline-block !important;
}

/* ============================================================
   v26 MASSIVE BATCH — cart + checkout polish
   ============================================================ */

/* === CHECKOUT FULL-WIDTH NOTICES → constrain to column === */
html body.bright-active.woocommerce-checkout .woocommerce-info,
html body.bright-active.woocommerce-checkout .woocommerce-notices-wrapper,
html body.bright-active.woocommerce-checkout .woocommerce-form-coupon-toggle,
html body.bright-active.woocommerce-checkout .checkout_coupon{
  max-width:100% !important;
  margin:8px 0 14px !important;
  padding:10px 16px !important;
  font-size:13.5px !important;
  border-radius:10px !important;
}

/* === QUANTITY +/- BUTTON CHARACTERS — bold visible === */
html body.bright-active .quantity .minus,
html body.bright-active .quantity .plus,
html body.bright-active .ux-quantity__button,
html body.bright-active input.button.minus,
html body.bright-active input.button.plus,
html body.bright-active button.minus,
html body.bright-active button.plus{
  font-size:18px !important;
  font-weight:600 !important;
  line-height:1 !important;
  font-family:Arial, sans-serif !important;
  text-indent:0 !important;
  color:#fff !important;
}
/* The qty buttons sometimes use ::before content — ensure visible */
html body.bright-active .ux-quantity__button::before,
html body.bright-active .quantity .plus::before,
html body.bright-active .quantity .minus::before{
  color:#fff !important;font-size:18px !important;font-weight:600 !important;
}

/* === CART TOTALS row padding tightened === */
html body.bright-active.woocommerce-cart .cart_totals table th,
html body.bright-active.woocommerce-cart .cart_totals table td,
html body.bright-active.woocommerce-cart .cart_totals tr.cart-subtotal th,
html body.bright-active.woocommerce-cart .cart_totals tr.cart-subtotal td,
html body.bright-active.woocommerce-cart .cart_totals tr.order-total th,
html body.bright-active.woocommerce-cart .cart_totals tr.order-total td,
html body.bright-active.woocommerce-cart .cart_totals tr.shipping th,
html body.bright-active.woocommerce-cart .cart_totals tr.shipping td{
  padding:10px 0 !important;line-height:1.4 !important;
  vertical-align:middle !important;
  font-size:14.5px !important;
}
html body.bright-active.woocommerce-cart .cart_totals table tr.shipping td,
html body.bright-active.woocommerce-cart .cart_totals .shipping td{
  padding:8px 0 !important;
}
html body.bright-active.woocommerce-cart .cart_totals table{
  width:100% !important;border-collapse:collapse !important;
}
html body.bright-active.woocommerce-cart .cart_totals{
  padding:20px 22px !important;
}

/* === CONTINUE SHOPPING + UPDATE CART buttons — match navy pill === */
html body.bright-active.woocommerce-cart .button[name="update_cart"],
html body.bright-active.woocommerce-cart button[name="update_cart"],
html body.bright-active.woocommerce-cart input[name="update_cart"],
html body.bright-active.woocommerce-cart .button.continue-shopping,
html body.bright-active.woocommerce-cart a.continue-shopping,
html body.bright-active.woocommerce-cart .actions .button{
  background:var(--navy) !important;color:#fff !important;
  border:1.5px solid var(--navy) !important;
  border-radius:999px !important;
  padding:13px 26px !important;
  font-family:var(--bright-sans), sans-serif !important;
  font-style:normal !important;font-weight:700 !important;
  font-size:12.5px !important;
  letter-spacing:.08em !important;text-transform:uppercase !important;
  line-height:1.1 !important;
  box-shadow:none !important;text-shadow:none !important;
  opacity:1 !important;
  height:auto !important;min-height:46px !important;
  width:auto !important;
  cursor:pointer !important;
}
html body.bright-active.woocommerce-cart .button[name="update_cart"]:hover,
html body.bright-active.woocommerce-cart button[name="update_cart"]:hover,
html body.bright-active.woocommerce-cart .button.continue-shopping:hover{
  background:var(--navy-dark) !important;color:#fff !important;
  opacity:1 !important;
}
/* Update Cart disabled state should still be readable navy */
html body.bright-active.woocommerce-cart .button[name="update_cart"]:disabled,
html body.bright-active.woocommerce-cart button[name="update_cart"]:disabled{
  background:var(--navy) !important;color:#fff !important;
  opacity:.4 !important;cursor:not-allowed !important;
}

/* === CROSS-SELLS "You may be interested in" — proper card grid === */
html body.bright-active.woocommerce-cart .cross-sells{padding:0 !important;margin:48px 0 !important}
html body.bright-active.woocommerce-cart .cross-sells > h2{
  font-family:var(--bright-sans) !important;font-weight:700 !important;
  color:var(--navy) !important;font-size:22px !important;letter-spacing:-.015em !important;
  margin:0 0 20px !important;
}
html body.bright-active.woocommerce-cart .cross-sells .products{
  display:grid !important;grid-template-columns:repeat(2,1fr) !important;
  gap:20px !important;margin:0 !important;padding:0 !important;
  list-style:none !important;
}
@media (min-width:760px){
  html body.bright-active.woocommerce-cart .cross-sells .products{
    grid-template-columns:repeat(3,1fr) !important;gap:24px !important;
  }
}
html body.bright-active.woocommerce-cart .cross-sells .products .product{
  width:auto !important;max-width:none !important;flex-basis:auto !important;
  margin:0 !important;padding:0 !important;
  background:#fff !important;
  border:1px solid var(--hairline) !important;border-radius:14px !important;
  overflow:hidden !important;
}
html body.bright-active.woocommerce-cart .cross-sells .product .col-inner{padding:0 !important}
html body.bright-active.woocommerce-cart .cross-sells .product .box-image{
  aspect-ratio:1/1 !important;overflow:hidden;
}
html body.bright-active.woocommerce-cart .cross-sells .product .box-image img{
  width:100% !important;height:100% !important;object-fit:cover !important;
}
html body.bright-active.woocommerce-cart .cross-sells .product .box-text{
  padding:14px !important;
}
html body.bright-active.woocommerce-cart .cross-sells .product .product-title,
html body.bright-active.woocommerce-cart .cross-sells .product h2,
html body.bright-active.woocommerce-cart .cross-sells .product h3{
  font-size:14px !important;line-height:1.25 !important;
  font-family:var(--bright-sans), sans-serif !important;font-style:normal !important;
  font-weight:600 !important;color:var(--navy) !important;
  margin:0 0 4px !important;
}
html body.bright-active.woocommerce-cart .cross-sells .product .price{
  font-size:13px !important;line-height:1.2 !important;
  font-family:var(--bright-display) !important;font-style:italic !important;
}

/* ============================================================
   v28 SWITCH COUNTRY LINK — inline link in cart error notice
   ============================================================ */
html body.bright-active .bright-switch-country{
  color:var(--navy) !important;
  font-weight:700 !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
  white-space:nowrap !important;
  margin-left:4px !important;
}
html body.bright-active .bright-switch-country:hover{
  color:var(--navy-dark) !important;
  text-decoration-color:var(--navy-dark) !important;
}

/* ============================================================
   v30 — CHECKOUT MOBILE PADDING + QUANTITY ICON CERTAINTY
   ============================================================ */

/* --- CHECKOUT MOBILE: form was bleeding past the left edge --- */
@media (max-width:760px){
  body.bright-active.woocommerce-checkout #content,
  body.bright-active.woocommerce-checkout #content > .container,
  body.bright-active.woocommerce-checkout #content .section-content,
  body.bright-active.woocommerce-checkout form.checkout,
  body.bright-active.woocommerce-checkout form.checkout_coupon,
  body.bright-active.woocommerce-checkout .woocommerce-form-coupon-toggle,
  body.bright-active.woocommerce-checkout .woocommerce-info,
  body.bright-active.woocommerce-checkout .woocommerce-notices-wrapper{
    padding-left:18px !important;
    padding-right:18px !important;
    box-sizing:border-box !important;
  }
  body.bright-active.woocommerce-checkout .col2-set,
  body.bright-active.woocommerce-checkout .col2-set.row{
    margin-left:0 !important;margin-right:0 !important;
    padding-left:0 !important;padding-right:0 !important;
    width:100% !important;
  }
  body.bright-active.woocommerce-checkout .col2-set .col-1,
  body.bright-active.woocommerce-checkout .col2-set .col-2,
  body.bright-active.woocommerce-checkout .col2-set .large-6{
    padding-left:0 !important;padding-right:0 !important;
    width:100% !important;flex-basis:100% !important;max-width:100% !important;
  }
  body.bright-active.woocommerce-checkout .woocommerce-billing-fields,
  body.bright-active.woocommerce-checkout .woocommerce-shipping-fields,
  body.bright-active.woocommerce-checkout .woocommerce-additional-fields,
  body.bright-active.woocommerce-checkout #order_review{
    padding-left:0 !important;padding-right:0 !important;
    margin-left:0 !important;margin-right:0 !important;
    width:100% !important;
  }
  body.bright-active.woocommerce-checkout .form-row{
    padding-left:0 !important;padding-right:0 !important;
    margin-left:0 !important;margin-right:0 !important;
    width:100% !important;
  }
  body.bright-active.woocommerce-checkout h3,
  body.bright-active.woocommerce-checkout h2,
  body.bright-active.woocommerce-checkout .woocommerce-billing-fields h3,
  body.bright-active.woocommerce-checkout #order_review_heading{
    padding-left:0 !important;
    margin-left:0 !important;
  }
  /* Dashed separators that frame the coupon block: keep them inside the safe padding */
  body.bright-active.woocommerce-checkout .checkout_coupon{
    margin-left:0 !important;margin-right:0 !important;
  }
}

/* --- QUANTITY +/- ICONS: belt-and-braces font enforcement --- */
body.bright-active .ux-quantity__button,
body.bright-active .quantity .minus,
body.bright-active .quantity .plus,
body.bright-active input.button.minus,
body.bright-active input.button.plus,
body.bright-active button.minus,
body.bright-active button.plus{
  font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif !important;
  font-size:18px !important;line-height:1 !important;
  text-indent:0 !important;text-align:center !important;
  overflow:visible !important;
  letter-spacing:0 !important;
}
/* Block any theme/plugin pseudo that injects a different glyph */
body.bright-active .ux-quantity__button::before,
body.bright-active .ux-quantity__button::after,
body.bright-active .quantity .minus::before,
body.bright-active .quantity .minus::after,
body.bright-active .quantity .plus::before,
body.bright-active .quantity .plus::after{
  content:none !important;display:none !important;
}
/* Ensure the unicode +/- inside the button isn't hidden by Font Awesome resets */
body.bright-active .ux-quantity__button > *,
body.bright-active .quantity .minus > *,
body.bright-active .quantity .plus > *{
  font:inherit !important;color:inherit !important;
}

/* ============================================================
   v32 — STRONGER MOBILE CHECKOUT PADDING
   ============================================================ */
@media (max-width:760px){
  /* Page-level: pad the main rail so nothing sits flush against the screen */
  body.bright-active.woocommerce-checkout #main,
  body.bright-active.woocommerce-checkout #wrapper,
  body.bright-active.woocommerce-checkout .page-wrapper-inner,
  body.bright-active.woocommerce-checkout #content,
  body.bright-active.woocommerce-checkout #content > .row,
  body.bright-active.woocommerce-checkout #content > .container,
  body.bright-active.woocommerce-checkout #content .section-content,
  body.bright-active.woocommerce-checkout form.checkout,
  body.bright-active.woocommerce-checkout form.checkout_coupon,
  body.bright-active.woocommerce-checkout .woocommerce-form-coupon-toggle,
  body.bright-active.woocommerce-checkout .woocommerce-info,
  body.bright-active.woocommerce-checkout .woocommerce-notices-wrapper{
    padding-left:24px !important;
    padding-right:24px !important;
    box-sizing:border-box !important;
  }
  /* Form row + heading: keep inside the padded shell */
  body.bright-active.woocommerce-checkout .col2-set,
  body.bright-active.woocommerce-checkout .col2-set.row,
  body.bright-active.woocommerce-checkout .col-1.large-6,
  body.bright-active.woocommerce-checkout .col-2.large-6,
  body.bright-active.woocommerce-checkout .woocommerce-billing-fields,
  body.bright-active.woocommerce-checkout .woocommerce-shipping-fields,
  body.bright-active.woocommerce-checkout .woocommerce-additional-fields,
  body.bright-active.woocommerce-checkout #order_review,
  body.bright-active.woocommerce-checkout .form-row{
    padding-left:0 !important;padding-right:0 !important;
    margin-left:0 !important;margin-right:0 !important;
    width:100% !important;max-width:100% !important;
    flex-basis:100% !important;
  }
  body.bright-active.woocommerce-checkout h3,
  body.bright-active.woocommerce-checkout h2,
  body.bright-active.woocommerce-checkout #order_review_heading{
    padding-left:0 !important;margin-left:0 !important;
  }
  /* Inputs themselves: a touch of inner padding too */
  body.bright-active.woocommerce-checkout input[type="text"],
  body.bright-active.woocommerce-checkout input[type="email"],
  body.bright-active.woocommerce-checkout input[type="tel"],
  body.bright-active.woocommerce-checkout textarea,
  body.bright-active.woocommerce-checkout select,
  body.bright-active.woocommerce-checkout .select2-selection{
    padding-left:18px !important;padding-right:18px !important;
  }
  /* The two dashed separators that frame the coupon block were running
     edge-to-edge — keep them inside the new 24px gutter. */
  body.bright-active.woocommerce-checkout .checkout_coupon,
  body.bright-active.woocommerce-checkout .woocommerce-form-coupon{
    margin-left:0 !important;margin-right:0 !important;
  }
  body.bright-active.woocommerce-checkout .checkout_coupon::before,
  body.bright-active.woocommerce-checkout .checkout_coupon::after{
    left:0 !important;right:0 !important;width:auto !important;
  }
}

/* ============================================================
   v33 — CHECKOUT "YOUR ORDER" + GLOBAL MOBILE GUTTER
   ============================================================ */

@media (max-width:760px){
  /* Flatsome's row-divided adds vertical column dividers. On stacked
     mobile layouts they render as floating rails — kill them. */
  body.bright-active.woocommerce-checkout .row-divided > .col + .col,
  body.bright-active.woocommerce-checkout .row-divided > .large-6 + .large-6,
  body.bright-active.woocommerce-checkout .row-divided{
    border-left:0 !important;border-right:0 !important;
    background-image:none !important;
  }
  body.bright-active.woocommerce-checkout .row-divided > .col,
  body.bright-active.woocommerce-checkout .row-divided > .large-6{
    border:0 !important;background:transparent !important;
  }
  body.bright-active.woocommerce-checkout .row-divided > .col::before,
  body.bright-active.woocommerce-checkout .row-divided > .large-6::before,
  body.bright-active.woocommerce-checkout .row-divided > .col::after,
  body.bright-active.woocommerce-checkout .row-divided > .large-6::after{
    display:none !important;content:none !important;
  }

  /* Order Review block — give it the same gutter as billing */
  body.bright-active.woocommerce-checkout #order_review,
  body.bright-active.woocommerce-checkout #order_review_heading{
    padding-left:0 !important;padding-right:0 !important;
    margin-left:0 !important;margin-right:0 !important;
  }
  body.bright-active.woocommerce-checkout #order_review_heading{
    font-size:24px !important;
    margin-bottom:16px !important;margin-top:8px !important;
  }

  /* Order summary table */
  body.bright-active.woocommerce-checkout .woocommerce-checkout-review-order-table,
  body.bright-active.woocommerce-checkout table.shop_table{
    width:100% !important;
  }
  body.bright-active.woocommerce-checkout .woocommerce-checkout-review-order-table th,
  body.bright-active.woocommerce-checkout .woocommerce-checkout-review-order-table td,
  body.bright-active.woocommerce-checkout table.shop_table th,
  body.bright-active.woocommerce-checkout table.shop_table td{
    padding:14px 14px !important;
  }

  /* Payment options block (Credit Card box etc.) — proper inner padding */
  body.bright-active.woocommerce-checkout #payment{
    padding:14px !important;border-radius:14px !important;
  }
  body.bright-active.woocommerce-checkout #payment ul.payment_methods{
    padding:0 !important;margin:0 !important;
  }
  body.bright-active.woocommerce-checkout #payment ul.payment_methods li{
    padding:14px !important;margin-bottom:10px !important;
    border:1px solid var(--hairline) !important;border-radius:12px !important;
    background:#fff !important;
  }
  body.bright-active.woocommerce-checkout #payment ul.payment_methods li:last-child{margin-bottom:0 !important}
  body.bright-active.woocommerce-checkout #payment .payment_box{
    padding:14px !important;margin-top:10px !important;
    background:var(--cream) !important;border-radius:10px !important;
  }

  /* Free shipping progress bar — pad it inside the gutter */
  body.bright-active.woocommerce-checkout .woocommerce-info,
  body.bright-active.woocommerce-checkout .wfacp-cart-free-shipping,
  body.bright-active.woocommerce-checkout .wfacp-progressbar,
  body.bright-active.woocommerce-checkout .freeship-bar{
    margin-left:0 !important;margin-right:0 !important;
    width:100% !important;box-sizing:border-box !important;
  }
}

/* ============================================================
   v33 — GLOBAL MOBILE GUTTER (applies site-wide, not just checkout)
   Anything sitting flush against the screen edge on mobile gets
   24px left/right safe gutter so labels, text, and inputs breathe.
   ============================================================ */
@media (max-width:760px){
  body.bright-active.woocommerce-account #main > .container,
  body.bright-active.woocommerce-cart   #main > .container,
  body.bright-active.woocommerce-checkout #main > .container,
  body.bright-active.single-product     #main > .container,
  body.bright-active.archive            #main > .container,
  body.bright-active.post-type-archive-product #main > .container{
    padding-left:24px !important;
    padding-right:24px !important;
    box-sizing:border-box !important;
  }
}

/* ============================================================
   v34 — DIAL BACK CHECKOUT PADDING
   v32/v33 compounded gutter on multiple wrappers. Reset all
   inner wrappers to 0 and set a SINGLE 16px gutter at #content.
   ============================================================ */
@media (max-width:760px){
  /* SINGLE source of gutter: #content / .container */
  body.bright-active.woocommerce-checkout #content,
  body.bright-active.woocommerce-checkout #content > .row,
  body.bright-active.woocommerce-checkout #content > .container,
  body.bright-active.woocommerce-checkout #main > .container,
  body.bright-active.woocommerce-checkout #main{
    padding-left:20px !important;
    padding-right:20px !important;
    box-sizing:border-box !important;
  }
  /* Every inner wrapper resets to 0 so nothing compounds */
  body.bright-active.woocommerce-checkout form.checkout,
  body.bright-active.woocommerce-checkout form.checkout_coupon,
  body.bright-active.woocommerce-checkout .woocommerce-form-coupon-toggle,
  body.bright-active.woocommerce-checkout .woocommerce-info,
  body.bright-active.woocommerce-checkout .woocommerce-notices-wrapper,
  body.bright-active.woocommerce-checkout .col2-set,
  body.bright-active.woocommerce-checkout .col2-set.row,
  body.bright-active.woocommerce-checkout .col2-set .col-1,
  body.bright-active.woocommerce-checkout .col2-set .col-2,
  body.bright-active.woocommerce-checkout .col2-set .large-6,
  body.bright-active.woocommerce-checkout .woocommerce-billing-fields,
  body.bright-active.woocommerce-checkout .woocommerce-shipping-fields,
  body.bright-active.woocommerce-checkout .woocommerce-additional-fields,
  body.bright-active.woocommerce-checkout #order_review,
  body.bright-active.woocommerce-checkout #order_review_heading,
  body.bright-active.woocommerce-checkout .form-row{
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    width:100% !important;max-width:100% !important;
  }
}

/* ============================================================
   v36 — NAVY COUPON + ORDER NOTICE BUBBLES
   Was peach (read as error). Now navy with white text — reads
   as primary actionable callout instead of a warning.
   ============================================================ */

/* The "Have a coupon? Click here..." toggle */
html body.bright-active.woocommerce-checkout .woocommerce-form-coupon-toggle,
html body.bright-active.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{
  background:var(--navy) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:99px !important;
  padding:14px 22px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}
html body.bright-active.woocommerce-checkout .woocommerce-form-coupon-toggle a,
html body.bright-active.woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon,
html body.bright-active.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a{
  color:#fff !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
  font-weight:700 !important;
}
html body.bright-active.woocommerce-checkout .woocommerce-form-coupon-toggle::before,
html body.bright-active.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before{
  color:#fff !important;
}

/* "Free delivery on orders over $X" promo + rewards/points bar in
   the Your Order section: navy fill, white text */
html body.bright-active.woocommerce-checkout #order_review .woocommerce-info,
html body.bright-active.woocommerce-checkout .freeship-bar,
html body.bright-active.woocommerce-checkout .wfacp-free-shipping-progress-bar,
html body.bright-active.woocommerce-checkout .wfacp-cart-free-shipping,
html body.bright-active.woocommerce-checkout .yith-wcpr-points-message,
html body.bright-active.woocommerce-checkout .wc-points-rewards-cart-message,
html body.bright-active.woocommerce-checkout .points-earned-notice{
  background:var(--navy) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:14px !important;
  padding:16px 18px !important;
  font-weight:600 !important;
}
html body.bright-active.woocommerce-checkout #order_review .woocommerce-info a,
html body.bright-active.woocommerce-checkout .freeship-bar a,
html body.bright-active.woocommerce-checkout .yith-wcpr-points-message a,
html body.bright-active.woocommerce-checkout .wc-points-rewards-cart-message a{
  color:#fff !important;text-decoration:underline !important;
}
html body.bright-active.woocommerce-checkout #order_review .woocommerce-info::before,
html body.bright-active.woocommerce-checkout .yith-wcpr-points-message::before{
  color:#fff !important;
}
/* Progress bar fill inside navy bubble: brighten so it's visible on navy */
html body.bright-active.woocommerce-checkout .freeship-bar .progress,
html body.bright-active.woocommerce-checkout .wfacp-free-shipping-progress-bar .progress,
html body.bright-active.woocommerce-checkout .freeship-bar progress::-webkit-progress-value{
  background:#fff !important;
}
html body.bright-active.woocommerce-checkout .freeship-bar progress,
html body.bright-active.woocommerce-checkout .wfacp-free-shipping-progress-bar progress{
  background:rgba(255,255,255,.25) !important;
}

/* ============================================================
   v37 — TIGHTEN MOBILE CHECKOUT TOP SECTION
   Coupon pill, login pill, and apply-coupon form were oversized
   and amateurish. Slim them all down, kill the dashed border.
   ============================================================ */

/* Slim coupon TOGGLE — was a huge stadium pill that wrapped to 2 lines */
html body.bright-active.woocommerce-checkout .woocommerce-form-coupon-toggle{
  padding:0 !important;
  background:transparent !important;
  margin:0 0 14px !important;
}
html body.bright-active.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{
  background:var(--navy) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:12px !important;
  padding:10px 16px !important;
  font-size:13px !important;
  line-height:1.3 !important;
  font-weight:500 !important;
  margin:0 !important;
  text-align:center !important;
}
html body.bright-active.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before{
  display:none !important;
}
html body.bright-active.woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon{
  color:#fff !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
  font-weight:600 !important;
}

/* "Returning customer? Sign in · New here? Create an account" — match brand */
html body.bright-active.woocommerce-checkout .woocommerce-form-login-toggle,
html body.bright-active.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info{
  background:var(--cream) !important;
  color:var(--navy) !important;
  border:1px solid var(--hairline) !important;
  border-radius:12px !important;
  padding:12px 16px !important;
  font-size:13px !important;
  line-height:1.4 !important;
  margin:0 0 14px !important;
}
html body.bright-active.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info::before{
  display:none !important;
}
html body.bright-active.woocommerce-checkout .woocommerce-form-login-toggle a,
html body.bright-active.woocommerce-checkout .woocommerce-form-login-toggle .showlogin{
  color:var(--navy) !important;
  font-weight:700 !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
  border-bottom:0 !important;
}

/* Mushie Points peach bar — slimmer, no big blocky padding */
html body.bright-active.woocommerce-checkout .yith-wcpr-points-message,
html body.bright-active.woocommerce-checkout .wc-points-rewards-cart-message,
html body.bright-active.woocommerce-checkout .points-earned-notice,
html body.bright-active.woocommerce-checkout #order_review ~ .yith-wcpr-points-message{
  background:var(--blush) !important;
  color:var(--navy) !important;
  border:0 !important;
  border-radius:12px !important;
  padding:10px 16px !important;
  font-size:13px !important;
  line-height:1.4 !important;
  margin:0 0 14px !important;
  text-align:center !important;
}

/* Apply-coupon form — the big DASHED box was hideous. Kill it. */
html body.bright-active.woocommerce-checkout form.checkout_coupon{
  background:#fff !important;
  border:1px solid var(--hairline) !important;
  border-radius:14px !important;
  padding:14px !important;
  margin:0 0 18px !important;
  /* Override any dashed border from base woo CSS */
  border-style:solid !important;
}
html body.bright-active.woocommerce-checkout form.checkout_coupon::before,
html body.bright-active.woocommerce-checkout form.checkout_coupon::after{
  display:none !important;content:none !important;
}
html body.bright-active.woocommerce-checkout form.checkout_coupon input[type="text"]{
  margin-bottom:10px !important;
}
html body.bright-active.woocommerce-checkout form.checkout_coupon button{
  width:100% !important;
}

/* Pull mobile gutter back to 16px — 20 was still too much */
@media (max-width:760px){
  body.bright-active.woocommerce-checkout #content,
  body.bright-active.woocommerce-checkout #content > .row,
  body.bright-active.woocommerce-checkout #content > .container,
  body.bright-active.woocommerce-checkout #main > .container,
  body.bright-active.woocommerce-checkout #main{
    padding-left:16px !important;
    padding-right:16px !important;
  }
}

/* ============================================================
   v38 — UNIFIED CHECKOUT TOP-STACK
   All three top notices (Mushie Points, Login toggle, Coupon
   toggle) get the SAME treatment so they stack as one tidy block
   instead of three different-looking boxes. No icons, no orphans.
   ============================================================ */

/* Shared shell: cream surface, hairline, tight padding */
html body.bright-active.woocommerce-checkout .yith-wcpr-points-message,
html body.bright-active.woocommerce-checkout .wc-points-rewards-cart-message,
html body.bright-active.woocommerce-checkout .points-earned-notice,
html body.bright-active.woocommerce-checkout .woocommerce-form-login-toggle,
html body.bright-active.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info,
html body.bright-active.woocommerce-checkout .woocommerce-form-coupon-toggle,
html body.bright-active.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{
  background:#fff !important;
  color:var(--navy) !important;
  border:1px solid var(--hairline) !important;
  border-radius:10px !important;
  padding:12px 14px !important;
  font-size:13px !important;
  line-height:1.4 !important;
  font-weight:500 !important;
  margin:0 0 10px !important;
  text-align:left !important;
  box-shadow:none !important;
  text-wrap:pretty !important;
}

/* Reset the inherited wrapper so it doesn't double-pad */
html body.bright-active.woocommerce-checkout .woocommerce-form-login-toggle,
html body.bright-active.woocommerce-checkout .woocommerce-form-coupon-toggle{
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
}

/* Kill ALL pseudo-element icons (user-silhouette, info circle, etc) */
html body.bright-active.woocommerce-checkout .yith-wcpr-points-message::before,
html body.bright-active.woocommerce-checkout .yith-wcpr-points-message::after,
html body.bright-active.woocommerce-checkout .woocommerce-form-login-toggle::before,
html body.bright-active.woocommerce-checkout .woocommerce-form-login-toggle::after,
html body.bright-active.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info::before,
html body.bright-active.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info::after,
html body.bright-active.woocommerce-checkout .woocommerce-form-coupon-toggle::before,
html body.bright-active.woocommerce-checkout .woocommerce-form-coupon-toggle::after,
html body.bright-active.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before,
html body.bright-active.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::after{
  display:none !important;
  content:none !important;
  background:none !important;
}

/* Links inside the stack — uniform navy/bold/underline */
html body.bright-active.woocommerce-checkout .yith-wcpr-points-message a,
html body.bright-active.woocommerce-checkout .woocommerce-form-login-toggle a,
html body.bright-active.woocommerce-checkout .woocommerce-form-login-toggle .showlogin,
html body.bright-active.woocommerce-checkout .woocommerce-form-coupon-toggle a,
html body.bright-active.woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon{
  color:var(--navy) !important;
  font-weight:700 !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
  text-decoration-thickness:1.5px !important;
  border-bottom:0 !important;
}

/* The "Mushie Points" reward call-out gets a peach pill icon so the
   stack still has ONE accent without being three different colors. */
html body.bright-active.woocommerce-checkout .yith-wcpr-points-message::first-letter{
  /* nothing — keep simple */
}

/* Apply-coupon form: matches the same shell visually */
html body.bright-active.woocommerce-checkout form.checkout_coupon{
  background:#fff !important;
  border:1px solid var(--hairline) !important;
  border-style:solid !important;
  border-radius:10px !important;
  padding:14px !important;
  margin:0 0 16px !important;
}
html body.bright-active.woocommerce-checkout form.checkout_coupon::before,
html body.bright-active.woocommerce-checkout form.checkout_coupon::after{
  display:none !important;content:none !important;
}
html body.bright-active.woocommerce-checkout form.checkout_coupon input[type="text"]{
  margin-bottom:10px !important;
}
html body.bright-active.woocommerce-checkout form.checkout_coupon button{
  width:100% !important;
}

/* Tighten line breaks to reduce orphans */
@media (max-width:760px){
  html body.bright-active.woocommerce-checkout .yith-wcpr-points-message,
  html body.bright-active.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info,
  html body.bright-active.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{
    text-wrap:pretty !important;
    word-break:normal !important;
    hyphens:none !important;
  }
}

/* ============================================================
   v39 — APP-FEEL CHECKOUT (tight padding, no zoom, no scroll)
   ============================================================ */
@media (max-width:760px){
  /* 12px page gutter — tightest comfortable for mobile checkout */
  body.bright-active.woocommerce-checkout #content,
  body.bright-active.woocommerce-checkout #content > .row,
  body.bright-active.woocommerce-checkout #content > .container,
  body.bright-active.woocommerce-checkout #main > .container,
  body.bright-active.woocommerce-checkout #main{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  /* Slim the top stack rows further to match */
  html body.bright-active.woocommerce-checkout .yith-wcpr-points-message,
  html body.bright-active.woocommerce-checkout .wc-points-rewards-cart-message,
  html body.bright-active.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info,
  html body.bright-active.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{
    padding:10px 12px !important;
    font-size:12.5px !important;
    line-height:1.4 !important;
    margin:0 0 8px !important;
  }

  html body.bright-active.woocommerce-checkout form.checkout_coupon{
    padding:12px !important;margin:0 0 12px !important;
  }

  /* Inputs: a touch less inner padding so the form feels native */
  html body.bright-active.woocommerce-checkout input[type="text"],
  html body.bright-active.woocommerce-checkout input[type="email"],
  html body.bright-active.woocommerce-checkout input[type="tel"],
  html body.bright-active.woocommerce-checkout textarea,
  html body.bright-active.woocommerce-checkout select,
  html body.bright-active.woocommerce-checkout .select2-selection{
    padding:12px 14px !important;
    font-size:15px !important;
    min-height:46px !important;
  }
  html body.bright-active.woocommerce-checkout label{
    font-size:11px !important;
    letter-spacing:.05em !important;
    margin-bottom:6px !important;
  }
}

/* App-feel global locks: belt-and-braces in case the viewport
   meta is overridden by another plugin. */
html, body.bright-active{
  overflow-x:hidden !important;
  overscroll-behavior-x:none !important;overscroll-behavior-y:auto !important;
  -webkit-text-size-adjust:100% !important;
  text-size-adjust:100% !important;
}

/* ============================================================
   v40 — RETURNING CUSTOMER 2-LINE + KILL "HAVE A COUPON" PILL
   ============================================================ */

/* Two-line login bubble */
html body.bright-active.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  text-align:left !important;
  padding:12px 14px !important;
}
html body.bright-active .bright-rc-title{
  display:block !important;
  color:var(--navy) !important;
  font-weight:600 !important;
  font-size:13px !important;
}
html body.bright-active .bright-rc-actions{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}
html body.bright-active .bright-rc-actions a{
  color:var(--navy) !important;
  font-weight:700 !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
  text-decoration-thickness:1.5px !important;
  font-size:13px !important;
  border-bottom:0 !important;
}
html body.bright-active .bright-rc-sep{
  color:var(--muted, #888) !important;
  font-weight:400 !important;
  font-size:13px !important;
  user-select:none !important;
}

/* Kill the "Have a coupon?" toggle pill entirely.
   The coupon code form is self-explanatory — show it directly. */
html body.bright-active.woocommerce-checkout .woocommerce-form-coupon-toggle{
  display:none !important;
}
html body.bright-active.woocommerce-checkout form.checkout_coupon{
  display:block !important;
}

/* ============================================================
   v41 — RC BUBBLE EXACT LAYOUT
   Line 1: Returning customer? Sign in
   Line 2: Create New Account
   No icons, no "(suggested)", no "New here?"
   ============================================================ */
html body.bright-active .bright-rc-line1,
html body.bright-active .bright-rc-line2{
  display:block !important;
  font-size:13px !important;
  line-height:1.4 !important;
  color:var(--navy) !important;
}
html body.bright-active .bright-rc-line1{
  margin-bottom:2px !important;
  font-weight:500 !important;
}
html body.bright-active .bright-rc-line1 .showlogin,
html body.bright-active .bright-rc-line2 a{
  color:var(--navy) !important;
  font-weight:700 !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
  text-decoration-thickness:1.5px !important;
  border-bottom:0 !important;
}

/* Nuke any icon/svg that sneaks back in from checkout addons */
html body.bright-active.woocommerce-checkout .woocommerce-form-login-toggle svg,
html body.bright-active.woocommerce-checkout .woocommerce-form-login-toggle i,
html body.bright-active.woocommerce-checkout .woocommerce-form-login-toggle .icon,
html body.bright-active.woocommerce-checkout .woocommerce-form-login-toggle .dashicons,
html body.bright-active.woocommerce-checkout .woocommerce-form-login-toggle img,
html body.bright-active.woocommerce-checkout .woocommerce-form-login-toggle::before,
html body.bright-active.woocommerce-checkout .woocommerce-form-login-toggle::after,
html body.bright-active.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info::before,
html body.bright-active.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info::after{
  display:none !important;
  content:none !important;
  background:none !important;
  visibility:hidden !important;
  width:0 !important;height:0 !important;
}

/* ============================================================
   v42 — RC BUBBLE: ONE LINE ONLY
   Sign In | Create New Account
   ============================================================ */
html body.bright-active .bright-rc-line{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}
html body.bright-active .bright-rc-line a{
  color:var(--navy) !important;
  font-weight:700 !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
  text-decoration-thickness:1.5px !important;
  border-bottom:0 !important;
  font-size:13px !important;
}
html body.bright-active .bright-rc-line .bright-rc-sep{
  color:var(--muted, #888) !important;
  font-weight:400 !important;
  font-size:13px !important;
}
html body.bright-active.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info{
  text-align:center !important;
  flex-direction:row !important;
}

/* ============================================================
   v43 — BIG BATCH
   1) Quantity stepper centering
   2) Remove product card category bubbles (DAILY RITUAL etc) sitewide
   3) Hide QUICK VIEW button on cross-sells + related
   4) Cross-sells: bigger images, less clutter
   5) Cart: ensure Checkout button is prominent
   ============================================================ */

/* --- 1) Quantity stepper: tighten + center the qty number --- */
html body.bright-active .quantity,
html body.bright-active .ux-quantity{
  display:inline-flex !important;
  align-items:center !important;
  gap:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  width:auto !important;
}
html body.bright-active .quantity input.qty,
html body.bright-active .ux-quantity input.qty{
  width:48px !important;min-width:48px !important;
  height:40px !important;
  text-align:center !important;
  font-size:15px !important;font-weight:600 !important;
  border:0 !important;background:transparent !important;
  padding:0 !important;color:var(--navy) !important;
  -moz-appearance:textfield !important;
}
html body.bright-active .quantity input.qty::-webkit-outer-spin-button,
html body.bright-active .quantity input.qty::-webkit-inner-spin-button,
html body.bright-active .ux-quantity input.qty::-webkit-outer-spin-button,
html body.bright-active .ux-quantity input.qty::-webkit-inner-spin-button{
  -webkit-appearance:none !important;margin:0 !important;
}

/* --- 2) Remove category-label bubbles on product cards sitewide --- */
html body.bright-active .cat-label,
html body.bright-active .product-cat-label,
html body.bright-active .product-category-label,
html body.bright-active .badge-container .cat-label,
html body.bright-active .col-inner .cat-label,
html body.bright-active .box-text .cat-label,
html body.bright-active .product-small .cat-label,
html body.bright-active .product .cat-label,
html body.bright-active .product-meta .cat-label,
html body.bright-active .badge:not(.mgx-badge),
html body.bright-active span.label-new,
html body.bright-active span.label-sale,
html body.bright-active .product-label.sale-percentage,
html body.bright-active .label.sale-percentage{
  display:none !important;
}

/* --- 3) Hide QUICK VIEW button on cards everywhere --- */
html body.bright-active .quick-view,
html body.bright-active .quick-view-button,
html body.bright-active .image-tools .button.quick-view,
html body.bright-active a.button.quick-view,
html body.bright-active .button.is-form.quick-view{
  display:none !important;
}

/* --- 4) Cross-sells: bigger product images, less clutter --- */
html body.bright-active .cross-sells .product .box-image,
html body.bright-active .up-sells .product .box-image,
html body.bright-active .related .product .box-image{
  aspect-ratio:1/1 !important;
  width:100% !important;
  margin:0 !important;
  background:#f4f4f4 !important;
  border-radius:0 !important;
}
html body.bright-active .cross-sells .product .box-image img,
html body.bright-active .up-sells .product .box-image img,
html body.bright-active .related .product .box-image img{
  width:100% !important;height:100% !important;
  object-fit:cover !important;display:block !important;
}
html body.bright-active .cross-sells .product .box-text,
html body.bright-active .up-sells .product .box-text,
html body.bright-active .related .product .box-text{
  padding:14px 14px 16px !important;
}
/* Tighter cross-sell title */
html body.bright-active .cross-sells .product .product-title,
html body.bright-active .cross-sells .product h2,
html body.bright-active .cross-sells .product h3{
  font-size:15px !important;line-height:1.25 !important;
  margin-bottom:8px !important;
}
html body.bright-active .cross-sells h2,
html body.bright-active .up-sells h2,
html body.bright-active .related h2{
  font-size:22px !important;margin-bottom:18px !important;
}

/* --- 5) CART: surface the Proceed to Checkout button as the hero CTA --- */
html body.bright-active.woocommerce-cart .wc-proceed-to-checkout,
html body.bright-active.woocommerce-cart .cart_totals .wc-proceed-to-checkout{
  display:block !important;
  margin-top:14px !important;
  padding:0 !important;
}
html body.bright-active.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
html body.bright-active.woocommerce-cart a.checkout-button,
html body.bright-active.woocommerce-cart a.button.checkout-button.button.alt.wc-forward{
  display:block !important;width:100% !important;
  background:var(--navy) !important;color:#fff !important;
  font-weight:700 !important;font-size:14px !important;
  letter-spacing:.06em !important;text-transform:uppercase !important;
  padding:16px 22px !important;border-radius:99px !important;
  text-align:center !important;border:0 !important;
}
html body.bright-active.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover{
  background:var(--navy-dark) !important;
}

/* If FunnelKit or similar replaces "Proceed to Checkout" wording */
html body.bright-active.woocommerce-cart .wfacp-mc-cart-proceed-to-checkout{
  display:block !important;width:100% !important;
}

/* ============================================================
   v45 — SHOP MOBILE: CENTER PRODUCTS, EQUAL GUTTER
   Products were skewing left because the grid had no explicit
   left/right padding on mobile while the surrounding container
   had asymmetric Flatsome padding.
   ============================================================ */
@media (max-width:760px){
  /* Force equal 16px gutter on the shop archive container */
  body.bright-active.woocommerce-shop #main,
  body.bright-active.woocommerce-shop #main > .container,
  body.bright-active.woocommerce-shop #content,
  body.bright-active.archive #main,
  body.bright-active.archive #main > .container,
  body.bright-active.archive #content,
  body.bright-active.tax-product_cat #main,
  body.bright-active.tax-product_cat #main > .container,
  body.bright-active.post-type-archive-product #main,
  body.bright-active.post-type-archive-product #main > .container{
    padding-left:16px !important;
    padding-right:16px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
  }
  /* Products grid: zero its own padding so it inherits the page gutter */
  html body.bright-active.woocommerce-shop ul.products,
  html body.bright-active.archive ul.products,
  html body.bright-active.tax-product_cat ul.products,
  html body.bright-active.post-type-archive-product ul.products{
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    width:100% !important;
    gap:16px !important;
  }
  /* Each card stretches the full column it sits in */
  html body.bright-active.woocommerce-shop ul.products .product,
  html body.bright-active.archive ul.products .product,
  html body.bright-active.tax-product_cat ul.products .product,
  html body.bright-active.post-type-archive-product ul.products .product{
    width:100% !important;
    margin:0 !important;
  }
  /* Shop page title + filter row: same gutter as products */
  html body.bright-active.woocommerce-shop .shop-page-title,
  html body.bright-active.woocommerce-shop .woocommerce-products-header,
  html body.bright-active.archive .shop-page-title,
  html body.bright-active.archive .woocommerce-products-header,
  html body.bright-active.woocommerce-shop .shop-container,
  html body.bright-active.archive .shop-container{
    padding-left:0 !important;padding-right:0 !important;
    margin-left:0 !important;margin-right:0 !important;
  }
  /* Defensive: zero row + col padding Flatsome adds */
  html body.bright-active.woocommerce-shop .row,
  html body.bright-active.archive .row,
  html body.bright-active.tax-product_cat .row{
    margin-left:0 !important;margin-right:0 !important;
  }
  html body.bright-active.woocommerce-shop .row > .col,
  html body.bright-active.archive .row > .col,
  html body.bright-active.tax-product_cat .row > .col{
    padding-left:0 !important;padding-right:0 !important;
  }
}

/* ============================================================
   v46 — CENTER TEXT INSIDE PRODUCT CARDS
   .title-wrapper had a 15px right padding (Flatsome reserves
   space for a wishlist heart icon that we don't render).
   This made every product title appear off-left in the card.
   ============================================================ */
html body.bright-active .product .title-wrapper,
html body.bright-active .product-small .title-wrapper,
html body.bright-active .products .product .title-wrapper{
  padding-right:0 !important;
}
html body.bright-active .product .box-text,
html body.bright-active .product-small .box-text{
  padding:14px 16px 16px !important;
}
html body.bright-active .product .box-text .name,
html body.bright-active .product .box-text .product-title,
html body.bright-active .product .box-text .price-wrapper,
html body.bright-active .product .box-text .add-to-cart-button,
html body.bright-active .product .box-text .price{
  padding-left:0 !important;padding-right:0 !important;
  margin-left:0 !important;margin-right:0 !important;
}
/* Wishlist-icon button placeholder — hide so it can't push text */
html body.bright-active .product .yith-wcwl-add-to-wishlist,
html body.bright-active .product .product-cart-button .button-add-to-list{
  display:none !important;
}

/* ============================================================
   v48 — KILL EVERY LEFTOVER SALE/SAVE BADGE + MOBILE POLISH
   ============================================================ */
/* Sale badges (".SAVE 20%", "ON SALE", "Sale!", percent badges) */
html body.bright-active .onsale,
html body.bright-active span.onsale,
html body.bright-active .product-badge,
html body.bright-active .save-badge,
html body.bright-active .save-percent,
html body.bright-active .product-discount-amount,
html body.bright-active .product-discount-percentage,
html body.bright-active .badge-container .badge-style-circle,
html body.bright-active .badge.callout,
html body.bright-active .callout,
html body.bright-active .badge-container > *:not(.mgx-badge){
  display:none !important;
}

/* Don't touch our intentional bright-pick-tag and mgx-badge labels */
html body.bright-active .bright-pick-tag,
html body.bright-active .mgx-badge,
html body.bright-active .bright-badge{
  display:inline-block !important;
}

/* ============================================================
   v53 — CHECKOUT MOBILE: FORCE SYMMETRIC CENTERING
   Flatsome row/col flex math was pulling billing fields left by
   ~30px on small viewports because .row had margin:0 -15px.
   Override the Flatsome offsets and snap everything to the page
   gutter on mobile.
   ============================================================ */
@media (max-width:760px){
  html body.bright-active.woocommerce-checkout .row.pt-0,
  html body.bright-active.woocommerce-checkout form.checkout .row{
    margin:0 !important;
  }
  html body.bright-active.woocommerce-checkout .row > .col.large-7,
  html body.bright-active.woocommerce-checkout .row > .col.large-5,
  html body.bright-active.woocommerce-checkout .row > .col{
    padding:0 !important;
    width:100% !important;
    max-width:100% !important;
    flex-basis:100% !important;
  }
  html body.bright-active.woocommerce-checkout form.checkout,
  html body.bright-active.woocommerce-checkout .woocommerce,
  html body.bright-active.woocommerce-checkout .cart-container,
  html body.bright-active.woocommerce-checkout .container{
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    width:100% !important;
    max-width:100% !important;
  }
  /* Single source of horizontal gutter: #main */
  html body.bright-active.woocommerce-checkout #main{
    padding-left:16px !important;
    padding-right:16px !important;
    box-sizing:border-box !important;
  }
}

/* ============================================================
   v53 — CART MOBILE: PROCEED-TO-CHECKOUT BUTTON FULL WIDTH
   ============================================================ */
@media (max-width:760px){
  html body.bright-active.woocommerce-cart .cart_totals,
  html body.bright-active.woocommerce-cart .cart_totals .wc-proceed-to-checkout{
    width:100% !important;max-width:100% !important;
    padding-left:0 !important;padding-right:0 !important;
  }
  html body.bright-active.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
  html body.bright-active.woocommerce-cart a.button.checkout-button{
    width:100% !important;
    display:block !important;
    box-sizing:border-box !important;
  }
}

/* ============================================================
   v54 — SINGLE 16px MOBILE GUTTER ON CHECKOUT
   Was triple-stacked: #wrapper 24 + #main 16 + .page-wrapper 12
   = 52px total. Now: #wrapper 16, all others 0. Even both sides.
   ============================================================ */
@media (max-width:760px){
  html body.bright-active.woocommerce-checkout #wrapper{
    padding-left:16px !important;
    padding-right:16px !important;
    box-sizing:border-box !important;
  }
  html body.bright-active.woocommerce-checkout #main,
  html body.bright-active.woocommerce-checkout .page-wrapper,
  html body.bright-active.woocommerce-checkout #content,
  html body.bright-active.woocommerce-checkout #content > .row,
  html body.bright-active.woocommerce-checkout #content > .container,
  html body.bright-active.woocommerce-checkout #main > .container,
  html body.bright-active.woocommerce-checkout .cart-container,
  html body.bright-active.woocommerce-checkout .container{
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

/* Same for cart */
@media (max-width:760px){
  html body.bright-active.woocommerce-cart #wrapper{
    padding-left:16px !important;
    padding-right:16px !important;
    box-sizing:border-box !important;
  }
  html body.bright-active.woocommerce-cart #main,
  html body.bright-active.woocommerce-cart .page-wrapper,
  html body.bright-active.woocommerce-cart #content,
  html body.bright-active.woocommerce-cart .cart-container,
  html body.bright-active.woocommerce-cart .container{
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

/* ============================================================
   v55 — RESTRICTED COUNTRY WARNING ON PRODUCT PAGES
   Was a small grey paragraph. Now a prominent navy callout with
   clearly-styled "Switch to USA / Canada" buttons.
   ============================================================ */
html body.bright-active .restricted_country,
html body.bright-active p.restricted_country{
  background:var(--blush) !important;
  color:var(--navy) !important;
  border:0 !important;
  border-radius:14px !important;
  padding:18px 22px !important;
  font-weight:600 !important;
  font-size:14px !important;
  line-height:1.5 !important;
  margin:16px 0 !important;
  display:block !important;
}
html body.bright-active .restricted_country a,
html body.bright-active p.restricted_country a{
  display:inline-block !important;
  background:var(--navy) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:700 !important;
  font-size:12px !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  padding:8px 16px !important;
  border-radius:99px !important;
  margin:6px 6px 0 0 !important;
  border:0 !important;
  text-underline-offset:0 !important;
  text-decoration-thickness:0 !important;
}
html body.bright-active .restricted_country a:hover,
html body.bright-active p.restricted_country a:hover{
  background:var(--navy-dark) !important;
  color:#fff !important;
}
/* "or" connector between two links should be subtle */
html body.bright-active .restricted_country{position:relative;}

/* The product page passes this paragraph as a variation_description
   inside Flatsome's swatches area. Make sure it stays full-width. */
html body.bright-active .variations_form .restricted_country,
html body.bright-active form.cart .restricted_country{
  width:100% !important;
  max-width:100% !important;
}

/* ============================================================
   v56 — FLAG SPRITE + PRODUCT H1 WEIGHT + KILL SAVE % BADGE
   ============================================================ */

/* 1) Product H1 should be medium, not bold */
html body.bright-active.single-product h1.product_title,
html body.bright-active.single-product .product_title,
html body.bright-active.single-product h1.product_title.entry-title{
  font-weight:500 !important;
  letter-spacing:-.02em !important;
}

/* 2) Kill "SAVE 20%" / "SAVE 22%" rectangular badges (Flatsome callout style) */
html body.bright-active .badge-container .badge,
html body.bright-active .badge-container .badge.callout,
html body.bright-active .badge-container .badge.badge-square,
html body.bright-active .badge.callout,
html body.bright-active .badge.callout.badge-square,
html body.bright-active .badge-inner.callout-new-bg,
html body.bright-active .new-bubble,
html body.bright-active div.new-bubble{
  display:none !important;
  visibility:hidden !important;
}
/* Keep our intentional bright/mgx badges visible */
html body.bright-active .mgx-badge,
html body.bright-active .bright-badge,
html body.bright-active .bright-pick-tag,
html body.bright-active .bright-p-tag{
  display:inline-block !important;
  visibility:visible !important;
}

/* 3) Flag sprite — force dimensions + native sprite scale so it renders */
html body.bright-active .flag,
html body .flag{
  display:inline-block !important;
  width:24px !important;
  height:15px !important;
  background-image:url('https://microgenix.net/wp-content/plugins/country-base-restrictions-pro-addon/assets/images/flags@2x.png') !important;
  background-repeat:no-repeat !important;
  background-size:5652px 15px !important;
  vertical-align:middle !important;
  flex-shrink:0 !important;
}
html body.bright-active .flag.ca,
html body .flag.ca{ background-position:-834px 0 !important; }
html body.bright-active .flag.us,
html body .flag.us{ background-position:-5219px 0 !important; }
/* Small variant if CBR wants */
html body.bright-active .flag-sm{
  width:20px !important;
  height:13px !important;
  background-size:4710px 13px !important;
}