/* === WPS Slider — dynamic sale badge + card depth polish ===
   Companion to wp-content/mu-plugins/omb-wps-sale-badge.php.
   Paste into Kadence Customizer → Additional CSS, after the existing
   "WooProduct Slider — card style" block in header.css. */

/* Disable the old hardcoded "Bán chạy" label (only fired on one slider ID) —
   the dynamic -X% badge below now covers every on-sale product, every tab. */
#wps-slider-section #sp-woo-product-slider-198 .wpsf-product .sp-wps-product-image-area::before {
    content: none !important;
}

/* Card needs a positioning context for the badge (badge lives in the
   details column in the DOM, but is pinned visually over the image). */
#wps-slider-section .wps-product-section .wpsf-product {
    position: relative;
}

#wps-slider-section .wps-product-section .omb-wps-sale-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 6;
    background: linear-gradient(135deg, var(--global-palette1) 0%, var(--global-palette10) 100%);
    color: #FFFFFF;
    padding: 5px 12px;
    border-radius: 999px;
    font-family: 'Be Vietnam Pro', sans-serif;
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    line-height: 1.4;
    box-shadow: 0 4px 10px color-mix(in srgb, var(--global-palette1) 32%, transparent);
    pointer-events: none;
}

/* Slightly more presence at rest (was nearly flat at 0 2px 6px), and a soft
   blush halo behind the product photo so it pops against the section bg. */
#wps-slider-section .wps-product-section .wpsf-product {
    box-shadow: 0 4px 14px rgba(17, 24, 39, 0.06), 0 1px 3px rgba(17, 24, 39, 0.05) !important;
}

#wps-slider-section .wps-product-section .wps-product-image {
    box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.04);
}

/* Tighten the rhythm between excerpt → price → CTA so the bottom of the
   card doesn't feel airy/disconnected. */
#wps-slider-section .wps-product-section .wpsf-product-excerpt {
    margin: 0 0 8px !important;
}

#wps-slider-section .wps-product-section .wpsf-product-price {
    margin: 0 0 12px !important;
}

/* === Type scale bump — base sizes (title 15px / excerpt 13px / price 16px /
   CTA 12px / badge 10.5px) read too small for a featured carousel. === */
#wps-slider-section .wps-product-section .wpsf-product-title a {
    font-size: 17px !important;
    line-height: 1.4 !important;
    min-height: 48px;
}

#wps-slider-section .wps-product-section .wpsf-product-excerpt {
    font-size: 14.5px !important;
    line-height: 1.55 !important;
}

#wps-slider-section .wps-product-section .wpsf-product-price {
    font-size: 19px !important;
}

#wps-slider-section .wps-product-section .wpsf-product-price del {
    font-size: 13px !important;
}

#wps-slider-section .wps-product-section .wpsf-cart-button a:not(.sp-wqvpro-view-button):not(.sp-wqv-view-button) {
    font-size: 13px !important;
}

#wps-slider-section .wps-product-section .omb-wps-sale-badge {
    font-size: 11.5px !important;
    padding: 6px 13px !important;
}