
/* ==========================================================
   ObonGlow Homepage v1.1.8 — Hot Deals UI Sync
   Elementor shortcode: [obonglow_hot_deals]
   Reuses the active WoodMart/WooCommerce product-card template.
   ========================================================== */
.obonglow-hot-deals {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.obonglow-hot-deals__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 0 0 22px;
}
.obonglow-hot-deals__title {
    margin: 0 !important;
    color: #111 !important;
    font-size: clamp(26px, 2.25vw, 40px) !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
}
.obonglow-hot-deals__all,
a.obonglow-black-all-button,
a[href*="/best-seller"].elementor-button,
a[href*="/best-sellers"].elementor-button,
a[href*="/best-seller"].wd-button,
a[href*="/best-sellers"].wd-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-width: 84px !important;
    min-height: 44px !important;
    padding: 10px 21px !important;
    border: 1px solid #111 !important;
    border-radius: 999px !important;
    background: #111 !important;
    color: #fff !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: background-color .22s ease, border-color .22s ease, transform .22s ease !important;
}
.obonglow-hot-deals__all:hover,
.obonglow-hot-deals__all:focus-visible,
a.obonglow-black-all-button:hover,
a.obonglow-black-all-button:focus-visible,
a[href*="/best-seller"].elementor-button:hover,
a[href*="/best-sellers"].elementor-button:hover,
a[href*="/best-seller"].wd-button:hover,
a[href*="/best-sellers"].wd-button:hover {
    background: #ef4d7a !important;
    border-color: #ef4d7a !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
}
.obonglow-hot-deals__viewport {
    position: relative;
    width: 100%;
}
.obonglow-hot-deals__products.products {
    --obonglow-hd-visible: 5;
    --obonglow-hd-gap: 24px;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: var(--obonglow-hd-gap) !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 1px 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    overscroll-behavior-x: contain;
    touch-action: pan-x pan-y;
}
.obonglow-hot-deals__products.products::-webkit-scrollbar {
    display: none !important;
}
.obonglow-hot-deals__products.products > .product-grid-item,
.obonglow-hot-deals__products.products > li.product {
    flex: 0 0 calc((100% - (var(--obonglow-hd-gap) * (var(--obonglow-hd-visible) - 1))) / var(--obonglow-hd-visible)) !important;
    width: calc((100% - (var(--obonglow-hd-gap) * (var(--obonglow-hd-visible) - 1))) / var(--obonglow-hd-visible)) !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
}

/* Keep every card's content and CTA aligned exactly like the stable Best Sellers row. */
.obonglow-hot-deals__products .product-grid-item > :is(.product-wrapper, .wd-product-wrapper),
.obonglow-hot-deals__products li.product > :is(.product-wrapper, .wd-product-wrapper) {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}
.obonglow-hot-deals__products .product-grid-item :is(.product-element-bottom, .wd-product-content, .product-information),
.obonglow-hot-deals__products li.product :is(.product-element-bottom, .wd-product-content, .product-information) {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
}
.obonglow-hot-deals__products .product-grid-item :is(.wd-entities-title, .product-title),
.obonglow-hot-deals__products li.product :is(.wd-entities-title, .product-title) {
    min-height: 2.9em !important;
    max-height: 2.9em !important;
    line-height: 1.45 !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}
.obonglow-hot-deals__products .product-grid-item :is(.wd-product-cats, .product-categories, .wd-product-categories),
.obonglow-hot-deals__products li.product :is(.wd-product-cats, .product-categories, .wd-product-categories) {
    min-height: 4.35em !important;
    max-height: 4.35em !important;
    line-height: 1.45 !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
}
.obonglow-hot-deals__products .product-grid-item .price,
.obonglow-hot-deals__products li.product .price {
    min-height: 3.1em !important;
    max-height: 3.1em !important;
    margin-top: auto !important;
    overflow: hidden !important;
    line-height: 1.55 !important;
}
.obonglow-hot-deals__products :is(.wd-bottom-actions, .wd-buttons, .wd-product-actions) {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: auto !important;
    padding-top: 8px !important;
}
.obonglow-hot-deals__products :is(.wd-bottom-actions, .wd-buttons, .wd-product-actions) :is(.wd-add-btn, .wd-action-btn.wd-add-btn) {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
}
.obonglow-hot-deals__products :is(.wd-bottom-actions, .wd-buttons, .wd-product-actions) :is(.wd-add-btn, .wd-action-btn.wd-add-btn) > a {
    width: 100% !important;
    white-space: nowrap !important;
}
.obonglow-hot-deals__products :is(.wd-quick-view-icon, .quick-view, .wd-action-btn:not(.wd-add-btn)) {
    flex: 0 0 auto !important;
}


/* Match New Arrivals: sale badge stays top-left; wishlist stays top-right. */
.obonglow-hot-deals__image-area {
    position: relative !important;
}
.obonglow-hot-deals__image-area > :is(
    .product-labels,
    .wd-product-labels,
    .labels-rounded,
    .labels-rectangular,
    .obonglow-hot-deals__loose-labels
) {
    position: absolute !important;
    z-index: 8 !important;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    bottom: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
    transform: none !important;
}
.obonglow-hot-deals__image-area > :is(
    .product-labels,
    .wd-product-labels,
    .labels-rounded,
    .labels-rectangular,
    .obonglow-hot-deals__loose-labels
) > :is(.product-label, .wd-product-label, .wd-label, .onsale, span, a) {
    position: static !important;
    inset: auto !important;
    float: none !important;
    margin: 0 !important;
    transform: none !important;
}

.obonglow-hot-deals__image-area :is(
    .wd-wishlist-btn,
    .wd-action-btn.wd-wishlist-btn,
    .wd-action-btn[class*="wishlist"],
    .yith-wcwl-add-to-wishlist
) {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    bottom: auto !important;
    inset-inline-start: auto !important;
    inset-inline-end: 10px !important;
    z-index: 20 !important;
    margin: 0 !important;
    transform: none !important;
}
.obonglow-hot-deals__image-area :is(
    .wd-wishlist-btn,
    .wd-action-btn.wd-wishlist-btn,
    .wd-action-btn[class*="wishlist"],
    .yith-wcwl-add-to-wishlist
) > :is(a, button) {
    color: #777 !important;
}
.obonglow-hot-deals__image-area :is(
    .wd-wishlist-btn,
    .wd-action-btn.wd-wishlist-btn,
    .wd-action-btn[class*="wishlist"],
    .yith-wcwl-add-to-wishlist
):hover,
.obonglow-hot-deals__image-area :is(
    .wd-wishlist-btn,
    .wd-action-btn.wd-wishlist-btn,
    .wd-action-btn[class*="wishlist"],
    .yith-wcwl-add-to-wishlist
):focus-within {
    color: #ef4d7a !important;
    --wd-primary-color: #ef4d7a !important;
}

/* Sale/discount badge: black background and white text. */
.obonglow-hot-deals :is(.product-label.onsale, .onsale.product-label, span.onsale) {
    background: #111 !important;
    color: #fff !important;
    border-color: #111 !important;
}


@media (max-width: 767px) {
    .obonglow-hot-deals__image-area > :is(
        .product-labels,
        .wd-product-labels,
        .labels-rounded,
        .labels-rectangular,
        .obonglow-hot-deals__loose-labels
    ) {
        top: 7px !important;
        left: 7px !important;
        gap: 5px !important;
    }
    .obonglow-hot-deals__image-area :is(
        .wd-wishlist-btn,
        .wd-action-btn.wd-wishlist-btn,
        .wd-action-btn[class*="wishlist"],
        .yith-wcwl-add-to-wishlist
    ) {
        top: 7px !important;
        right: 7px !important;
        inset-inline-end: 7px !important;
    }
}

.obonglow-hot-deals__nav {
    position: absolute;
    z-index: 12;
    top: 44%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #fff;
    color: #111;
    font-size: 34px;
    line-height: 1;
    box-shadow: 0 5px 22px rgba(0,0,0,.14);
    cursor: pointer;
    transform: translateY(-50%);
}
.obonglow-hot-deals__nav--prev { left: -18px; }
.obonglow-hot-deals__nav--next { right: -18px; }
.obonglow-hot-deals__nav[disabled] {
    opacity: .35;
    cursor: default;
}

.obonglow-hot-deals--archive .obonglow-hot-deals__products.products {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    overflow: visible !important;
}
.obonglow-hot-deals--archive .obonglow-hot-deals__products.products > .product-grid-item,
.obonglow-hot-deals--archive .obonglow-hot-deals__products.products > li.product {
    width: auto !important;
    max-width: none !important;
}
.obonglow-hot-deals__pagination {
    margin-top: 34px;
    text-align: center;
}

@media (max-width: 1024px) {
    .obonglow-hot-deals__products.products {
        --obonglow-hd-visible: 3;
        --obonglow-hd-gap: 20px;
    }
    .obonglow-hot-deals--archive .obonglow-hot-deals__products.products {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 767px) {
    .obonglow-hot-deals__header { margin-bottom: 16px; }
    .obonglow-hot-deals__title { font-size: 26px !important; }
    .obonglow-hot-deals__all,
    a.obonglow-black-all-button {
        min-width: 72px !important;
        min-height: 40px !important;
        padding: 9px 17px !important;
    }
    .obonglow-hot-deals__products.products {
        --obonglow-hd-visible: 2;
        --obonglow-hd-gap: 12px;
    }
    
@media (max-width: 767px) {
    .obonglow-hot-deals__image-area > :is(
        .product-labels,
        .wd-product-labels,
        .labels-rounded,
        .labels-rectangular,
        .obonglow-hot-deals__loose-labels
    ) {
        top: 7px !important;
        left: 7px !important;
        gap: 5px !important;
    }
    .obonglow-hot-deals__image-area :is(
        .wd-wishlist-btn,
        .wd-action-btn.wd-wishlist-btn,
        .wd-action-btn[class*="wishlist"],
        .yith-wcwl-add-to-wishlist
    ) {
        top: 7px !important;
        right: 7px !important;
        inset-inline-end: 7px !important;
    }
}

.obonglow-hot-deals__nav { display: none !important; }
    .obonglow-hot-deals--archive .obonglow-hot-deals__products.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
}

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