/* Shobhini site-wide button color: gold background, cream text.
   Excludes WhatsApp CTAs (.shobhini-wa-cta, .shobhini-sticky-cart__button--wa,
   the floating WP WhatsApp Chat widget's own .qlwapp__button) intentionally --
   WhatsApp green is a deliberate, recognizable signal for that specific action. */

.gem-button,
.gem-button.button,
a.gem-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
#place_order,
.single_add_to_cart_button,
.single_add_to_cart_button.button,
.single_add_to_cart_button.button.alt,
form.cart button[type="submit"],
.thegem-te-product-add-to-cart button[type="submit"],
.thegem-te-product-add-to-cart .gem-button,
.thegem-te-loop-product-add-to-cart button[type="submit"] {
    background-color: #D4AF37 !important;
    border-color: #D4AF37 !important;
    color: #fdf6ea !important;
}

.gem-button:hover,
.gem-button.button:hover,
a.gem-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
#place_order:hover,
.single_add_to_cart_button:hover,
.single_add_to_cart_button.button:hover,
.single_add_to_cart_button.button.alt:hover,
form.cart button[type="submit"]:hover,
.thegem-te-product-add-to-cart button[type="submit"]:hover,
.thegem-te-product-add-to-cart .gem-button:hover,
.thegem-te-loop-product-add-to-cart button[type="submit"]:hover {
    background-color: #b8952c !important;
    border-color: #b8952c !important;
    color: #fdf6ea !important;
}

/* ---- Header nav mini-cart item counter ---- */
.minicart-item-count {
    background-color: #D4AF37 !important;
    color: #fdf6ea !important;
}

/* ---- ModernCart floating cart: item-count bubble is hardcoded in the plugin's
   CSS (not tied to its own color setting), so it needs a direct override. The
   button itself is fixed via the plugin's own primary_color/button_font_color
   settings (moderncart_appearance option), which is the more durable path since
   the plugin regenerates its own inline <style> block from those on every load. ---- */
.moderncart-floating-cart-count {
    background-color: #D4AF37 !important;
    color: #fdf6ea !important;
}

/* WhatsApp CTAs stay their own brand green, untouched by the rules above. */
.shobhini-wa-cta,
.shobhini-sticky-cart__button--wa {
    background-color: #25d366 !important;
    border-color: #25d366 !important;
    color: #ffffff !important;
}

/* ---- Sale badge (collection grids + single product page), gold/cream to match buttons.
   Theme option product_label_sale_type was switched from "text" ("On Sale") to
   "percentage" site-wide, so this now shows e.g. "-16%" everywhere, not just here. ---- */
.product-labels .label.onsale,
.product .onsale {
    background-color: #D4AF37 !important;
    color: #fdf6ea !important;
}
.product-labels .label.onsale:after {
    border-left-color: #D4AF37 !important;
    border-right-color: #D4AF37 !important;
}

/* ---- "Save ₹X" next to the price, single product page only. Own line, left-
   aligned -- the price line itself is center-aligned by the theme, and this
   badge needs to sit to the side rather than getting swept into that centering. ---- */
.shobhini-save-percent {
    display: block !important;
    background: #ffffff;
    color: #D4AF37 !important;
    border: 1px solid #D4AF37;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600;
    padding: 1px 8px;
    border-radius: 10px;
    margin: 4px 0 0;
    text-align: left;
    width: fit-content;
    white-space: nowrap;
}

/* ---- Instagram video reviews strip ---- */
.shobhini-insta-reviews {
    margin: 24px 0;
}
.shobhini-insta-reviews__title {
    font-size: 16px;
    font-weight: 600;
    color: #2c2320;
    margin: 0 0 12px;
}
.shobhini-insta-reviews__strip {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    padding-bottom: 8px;
    -webkit-overflow-scrolling: touch;
}
.shobhini-insta-reviews__item {
    flex: 0 0 auto;
    width: min(328px, 85vw);
}
.shobhini-insta-reviews__item .instagram-media {
    margin: 0 !important;
    width: 100% !important;
}