/*
 * ═══════════════════════════════════════════════════════
 *  DWIJA Diamond — Global Button & Colour Consistency
 *  Applies the Product-Details "Add to Cart / Buy Now"
 *  signature hover (rose-gold gradient + shine sweep + lift)
 *  to every primary CTA across the site, and normalises the
 *  legacy gold accent (#cda557) to the rose-gold palette.
 *
 *  Loaded AFTER all page styles so it wins the cascade.
 * ═══════════════════════════════════════════════════════
 */

:root {
    --btn-rose: #B76E79;
    --btn-rose-2: #C4858E;
    --btn-rose-deep: #8E5158;
}

/* ═══════════════════════════════════════════════════════
   PRIMARY CTA — signature base
   (matches .qty-btn_area .qty-cart_btn on Product Details)
   ═══════════════════════════════════════════════════════ */
.hiraola-btn,
.hiraola-btn_dark,
.hiraola-banner_btn,
.hiraola-btn_fullwidth,
.hiraola-btn_limerick,
.about-us_btn,
.checkout-btn,
.shop-now-btn,
.wishlist-shop-btn,
.lpc__btn-cart,
.blog-page-shell .hiraola-read_more,
.hiraola-read_more,
.hiraola-contact-form_btn,
#miniCart .minicart-btn.minicart-btn--solid,
#authModal .hiraola-btn_dark.auth-submit-btn,
.wishlist-shell .wishlist-actions a.wishlist-btn-cart,
.wishlist-btn-cart,
.qty-btn_area .qty-cart_btn {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, var(--btn-rose) 0%, var(--btn-rose-2) 100%) !important;
    border: 1px solid var(--btn-rose) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 24px rgba(183, 110, 121, 0.28);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    text-decoration: none;
    z-index: 0;
}

/* Legacy square theme buttons get a soft radius to match the reference */
.hiraola-btn,
.hiraola-btn_dark,
.hiraola-banner_btn,
.hiraola-btn_fullwidth,
.hiraola-btn_limerick,
.about-us_btn {
    border-radius: 6px !important;
}

/* ── Shine sweep element ── */
.hiraola-btn::before,
.hiraola-btn_dark::before,
.hiraola-banner_btn::before,
.hiraola-btn_fullwidth::before,
.about-us_btn::before,
.checkout-btn::before,
.shop-now-btn::before,
.wishlist-shop-btn::before,
.lpc__btn-cart::before,
.hiraola-read_more::before,
.hiraola-contact-form_btn::before,
#miniCart .minicart-btn.minicart-btn--solid::before,
#authModal .hiraola-btn_dark.auth-submit-btn::before,
.wishlist-shell .wishlist-actions a.wishlist-btn-cart::before,
.qty-btn_area .qty-cart_btn::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);
    transition: left 0.6s ease;
    pointer-events: none;
    z-index: 1;
}

/* Keep button label/icons above the shine */
.hiraola-btn > *,
.checkout-btn > *,
.wishlist-btn-cart > *,
.lpc__btn-cart > *,
.hiraola-read_more > *,
.qty-btn_area .qty-cart_btn > * {
    position: relative;
    z-index: 2;
}

/* ── Hover — darken gradient + lift + elevated shadow ── */
.hiraola-btn:hover,
.hiraola-btn_dark:hover,
.hiraola-banner_btn:hover,
.hiraola-btn_fullwidth:hover,
.hiraola-btn_limerick:hover,
.about-us_btn:hover,
.checkout-btn:hover,
.shop-now-btn:hover,
.wishlist-shop-btn:hover,
.lpc__btn-cart:hover,
.blog-page-shell .hiraola-read_more:hover,
.hiraola-read_more:hover,
.hiraola-contact-form_btn:hover,
#miniCart .minicart-btn.minicart-btn--solid:hover,
#authModal .hiraola-btn_dark.auth-submit-btn:hover,
.wishlist-shell .wishlist-actions a.wishlist-btn-cart:hover,
.wishlist-btn-cart:hover,
.qty-btn_area .qty-cart_btn:hover {
    background: linear-gradient(135deg, var(--btn-rose-deep) 0%, var(--btn-rose) 100%) !important;
    border-color: var(--btn-rose-deep) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 36px rgba(142, 81, 88, 0.32) !important;
}

/* ── Hover — sweep the shine across ── */
.hiraola-btn:hover::before,
.hiraola-btn_dark:hover::before,
.hiraola-banner_btn:hover::before,
.hiraola-btn_fullwidth:hover::before,
.about-us_btn:hover::before,
.checkout-btn:hover::before,
.shop-now-btn:hover::before,
.wishlist-shop-btn:hover::before,
.lpc__btn-cart:hover::before,
.hiraola-read_more:hover::before,
.hiraola-contact-form_btn:hover::before,
#miniCart .minicart-btn.minicart-btn--solid:hover::before,
#authModal .hiraola-btn_dark.auth-submit-btn:hover::before,
.wishlist-shell .wishlist-actions a.wishlist-btn-cart:hover::before,
.qty-btn_area .qty-cart_btn:hover::before {
    left: 100%;
}

/* ── Active — settle back down ── */
.hiraola-btn:active,
.hiraola-btn_dark:active,
.about-us_btn:active,
.checkout-btn:active,
.shop-now-btn:active,
.wishlist-shop-btn:active,
.lpc__btn-cart:active,
.hiraola-read_more:active,
.hiraola-contact-form_btn:active,
#miniCart .minicart-btn.minicart-btn--solid:active,
#authModal .hiraola-btn_dark.auth-submit-btn:active,
.wishlist-shell .wishlist-actions a.wishlist-btn-cart:active,
.qty-btn_area .qty-cart_btn:active {
    transform: translateY(0) !important;
    box-shadow: 0 6px 16px rgba(142, 81, 88, 0.25) !important;
}

/* Preserve the blog "Read More" arrow above the shine */
.hiraola-read_more::after { position: relative; z-index: 2; }

/* Disabled / loading states keep the gradient but no lift */
.hiraola-btn:disabled,
.checkout-btn:disabled,
.hiraola-contact-form_btn:disabled,
.hiraola-contact-form_btn.is-loading,
#authModal .hiraola-btn_dark.auth-submit-btn:disabled,
#authModal .hiraola-btn_dark.auth-submit-btn.is-loading {
    transform: none !important;
    opacity: 0.72;
    cursor: wait;
}

/* ═══════════════════════════════════════════════════════
   SECONDARY / OUTLINE BUTTONS — consistent lift + shine
   (fill to rose on hover so they harmonise with primaries)
   ═══════════════════════════════════════════════════════ */
.minicart-btn--outline,
.checkout-secondary-btn,
.wishlist-shell .wishlist-actions a.wishlist-btn-view {
    position: relative;
    overflow: hidden;
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

#miniCart .minicart-btn.minicart-btn--outline:hover,
.checkout-secondary-btn:hover,
.wishlist-shell .wishlist-actions a.wishlist-btn-view:hover {
    transform: translateY(-2px) !important;
}

/* ═══════════════════════════════════════════════════════
   COLOUR CONSISTENCY — normalise legacy gold (#cda557) → rose
   ═══════════════════════════════════════════════════════ */

/* Global link hover accent — excludes buttons (which keep white text) */
body.template-color-2 a:not([class*="btn"]):not(.hiraola-read_more):not(.hiraola-add_cart):hover {
    color: var(--btn-rose-deep) !important;
}

/* Section-title underline accent */
.hiraola-section_title > h4::before,
.hiraola-section_title > h2::before {
    background-color: var(--btn-rose) !important;
}

/* Generic (non-blog) pagination */
.hiraola-paginatoin-area .hiraola-pagination-box li.active > a,
.hiraola-paginatoin-area .hiraola-pagination-box li:hover > a {
    background-color: var(--btn-rose) !important;
    border-color: var(--btn-rose) !important;
    color: #ffffff !important;
}

/* Product tab active accent */
body.template-color-2 .product-tab > ul > li > a.active {
    color: var(--btn-rose-deep) !important;
    border-color: var(--btn-rose) !important;
}

/* Slider arrows / misc hover accents that used gold */
body.template-color-2 .slick-arrow:hover {
    color: var(--btn-rose) !important;
}

/* ═══════════════════════════════════════════════════════
   MOTION PREFERENCE
   ═══════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
    .hiraola-btn,
    .checkout-btn,
    .wishlist-btn-cart,
    .lpc__btn-cart,
    .hiraola-read_more,
    .hiraola-contact-form_btn,
    .qty-btn_area .qty-cart_btn {
        transition: background 0.2s ease, box-shadow 0.2s ease !important;
    }
    .hiraola-btn:hover,
    .checkout-btn:hover,
    .wishlist-btn-cart:hover,
    .lpc__btn-cart:hover,
    .hiraola-read_more:hover,
    .qty-btn_area .qty-cart_btn:hover {
        transform: none !important;
    }
    .hiraola-btn::before,
    .checkout-btn::before,
    .qty-btn_area .qty-cart_btn::before { display: none; }
}