/**
 * PrisFare – REHub Customizer Overrides
 *
 * Enqueued AFTER the parent theme + Customizer CSS so these rules win the
 * cascade. Each section documents WHY the override is necessary.
 *
 * Load order (via wp_enqueue_style dependencies):
 *   rehub-parent → rehub Customizer inline → prisfare-child → THIS FILE
 */

/* ==========================================================================
   STICKY HEADER / MOBILE MENU BACKGROUND
   REHub Customizer applies the "main color" (often red/orange) as inline
   background-color on the sticky wrapper, mobile menu panel, and mobile
   slide-out list items. We force white to match our design.
   ========================================================================== */

.sticky-wrapper,
div.sticky-wrapper {
    background: #fff !important;
}

.is-sticky .pf-header-bar,
.is-sticky .rh-stickme {
    background: #fff !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    box-shadow: 0 1px 0 rgba(0,0,0,0.06), 0 8px 24px rgba(0,0,0,0.04) !important;
    border: none !important;
}

#main_header,
#main_header .header_wrap {
    background: #fff !important;
}

/* REHub mobile top panel: inline style background-color:#ff4136 */
#rhmobtoppnl,
#mobtopheaderpnl,
li#mobtopheaderpnl {
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
}

/* Mobile slide-out menu: white backgrounds */
.dl-menuwrapper .dl-menu,
.dl-menuwrapper .dl-menu li,
.dl-menuwrapper .dl-menu li.rehub-main-color-bg,
.dl-menuwrapper .dl-menu > li:first-child,
#dl-menu .dl-menu,
#dl-menu .dl-menu li {
    background: #fff !important;
}

.dl-menuwrapper .dl-menu li.rehub-main-color-bg,
.dl-menuwrapper .dl-menu > li:first-child {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
}

.dl-menuwrapper .dl-menu li.rehub-main-color-bg > a,
.dl-menuwrapper .dl-menu > li:first-child > a {
    background: transparent !important;
    background-color: transparent !important;
}

/* Hide REHub's built-in extra logos (we use .pf-header-logo) */
#logo_mobile_wrapper,
a.logo_image_mobile,
a.logo_image_mobile img,
#dl-menu a.logo_image_mobile,
#dl-menu a.logo_image_mobile img,
a.logo_image_insticky,
a.logo_image_insticky img {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    clip: rect(0,0,0,0) !important;
}

/* ==========================================================================
   MOBILE SLIDE-OUT MENU – LOGO ROW
   The first <li> in the slide-out gets inline background from REHub JS.
   ========================================================================== */

html body #dl-menu > ul.dl-menu > li:first-child,
html body #dl-menu ul.dl-menu > li:first-child,
html body .dl-menuwrapper > ul.dl-menu > li:first-child,
html body #dl-menu ul.dl-menu > li.rehub-main-color-bg,
html body #dl-menu ul.dl-menu > li.mob-logo-li,
html body #dl-menu ul.dl-menu > li.menu-mob-logo,
html body .dl-menuwrapper ul.dl-menu > li.rehub-main-color-bg,
html body .dl-menuwrapper ul.dl-menu > li.mob-logo-li {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
}

html body #dl-menu ul.dl-menu > li:first-child > a,
html body .dl-menuwrapper ul.dl-menu > li:first-child > a,
html body #dl-menu ul.dl-menu > li.rehub-main-color-bg > a,
html body .dl-menuwrapper ul.dl-menu > li.rehub-main-color-bg > a {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

html body #rhmobtoppnl,
html body #mobtopheaderpnl,
html body li#mobtopheaderpnl {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
}

/* ==========================================================================
   FOOTER WIDGET LINK HOVER
   REHub .footer_widget a{color:#f1f1f1} is set inline; we override hover.
   ========================================================================== */

html body .footer-bottom.dark_style .footer_widget a:hover,
html body .footer-bottom.dark_style .footer_widget ul li a:hover,
html body .footer-bottom .footer_widget.dark_style ul li a:hover,
html body .footer-bottom.dark_style .footer_widget a:focus-visible,
html body footer .suspended_footer_area a:hover,
html body .suspended_footer_area a:hover,
html body footer .suspended_footer_area .widget a:hover,
html body footer .suspended_footer_area .widget ul li a:hover,
html body footer.suspended_footer .suspended_footer_area .widget a:hover,
html body #rh_suspended_footer .widget a:hover,
html body #main_footer .suspended_footer_area .widget a:hover,
html body .rh-footer .widget a:hover,
html body footer .suspended_footer_area a:focus-visible,
html body .suspended_footer_area a:focus-visible,
html body footer .suspended_footer_area .widget a:focus-visible {
    color: #dccfb8 !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(220, 207, 184, 0.85) !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 0.25em !important;
}

html body .footer-bottom.dark_style .widget.social_link a:hover,
html body .footer-bottom.dark_style .widget.social_link a:focus-visible,
html body .footer-bottom.dark_style .social_icon a:hover,
html body .footer-bottom.dark_style .social_icon a:focus-visible,
html body footer .suspended_footer_area .pf-footer-social a:hover,
html body footer .suspended_footer_area .pf-footer-social a:focus-visible,
html body .suspended_footer_area .pf-footer-social a:hover,
html body .suspended_footer_area .pf-footer-social a:focus-visible {
    text-decoration: none !important;
    color: #f1f1f1 !important;
    opacity: 0.92 !important;
}

/* ==========================================================================
   WOO LOOP CART / AFFILIATE BUTTON
   Customizer .rehub-main-color-bg outputs red on .woo_loop_btn.
   ========================================================================== */

html body .woocommerce .product a.re_track_btn.woo_loop_btn,
html body .woocommerce .product a.woo_loop_btn.re_track_btn,
html body .woocommerce div.products .product a.re_track_btn.woo_loop_btn,
html body .grid_woo .product a.re_track_btn.woo_loop_btn,
html body div.products .product a.re_track_btn.woo_loop_btn,
html body .product.woo_grid_compact a.re_track_btn,
html body .product.woo_grid_compact a.woo_loop_btn {
    background: #34343c none !important;
    background-color: #34343c !important;
    background-image: none !important;
    color: #f4f4f3 !important;
    fill: #f4f4f3 !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

html body .woocommerce .product a.re_track_btn.woo_loop_btn:hover,
html body .woocommerce .product a.woo_loop_btn:hover,
html body .product.woo_grid_compact a.re_track_btn:hover {
    background: #2a2a32 none !important;
    background-color: #2a2a32 !important;
    background-image: none !important;
    color: #ffffff !important;
    fill: #ffffff !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

html body .woocommerce .product a.re_track_btn.woo_loop_btn svg,
html body .product.woo_grid_compact a.re_track_btn svg {
    filter: brightness(0) invert(1);
    opacity: 0.95;
}

/* ==========================================================================
   SINGLE PRODUCT – CTA, PRICE, META LINKS, REVIEW BUTTON
   Customizer outputs .single_add_to_cart_button in wp_head with !important.
   Scoped to body.single-product so rules are inert on other pages.
   ========================================================================== */

html body.single-product .woocommerce div.product .summary a.single_add_to_cart_button,
html body.single-product .woocommerce div.product .summary a.single_add_to_cart_button.button.alt,
html body.single-product .woocommerce div.product p.cart a.single_add_to_cart_button,
html body.single-product .woocommerce div.product .re_wooinner_cta_wrapper a.single_add_to_cart_button,
html body.single-product .woocommerce div.product .woo-button-area a.single_add_to_cart_button {
    background: #34343c none !important;
    background-color: #34343c !important;
    background-image: none !important;
    color: #f4f4f3 !important;
    fill: #f4f4f3 !important;
    border: 1px solid rgba(0, 0, 0, 0.14) !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    letter-spacing: 0.02em !important;
    text-transform: none !important;
    padding: 14px 24px !important;
    max-width: min(100%, 280px) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-shadow: none !important;
    cursor: pointer !important;
    transition: background-color 0.22s ease, color 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease !important;
}

html body.single-product .woocommerce div.product .summary a.single_add_to_cart_button:hover,
html body.single-product .woocommerce div.product p.cart a.single_add_to_cart_button:hover,
html body.single-product .woocommerce div.product .re_wooinner_cta_wrapper a.single_add_to_cart_button:hover,
html body.single-product .woocommerce div.product .woo-button-area a.single_add_to_cart_button:hover {
    background: #3d4550 none !important;
    background-color: #3d4550 !important;
    background-image: none !important;
    color: #ffffff !important;
    fill: #ffffff !important;
    border-color: rgba(21, 107, 40, 0.4) !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(21, 107, 40, 0.12) !important;
    -webkit-box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(21, 107, 40, 0.12) !important;
    transform: translateY(-2px) !important;
}

html body.single-product .woocommerce div.product .summary a.single_add_to_cart_button:active,
html body.single-product .woocommerce div.product p.cart a.single_add_to_cart_button:active,
html body.single-product .woocommerce div.product .re_wooinner_cta_wrapper a.single_add_to_cart_button:active,
html body.single-product .woocommerce div.product .woo-button-area a.single_add_to_cart_button:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

/* Category / tag links in product summary */
html body.single-product .woocommerce .summary .product_meta a,
html body.single-product .woocommerce .summary .posted_in a,
html body.single-product .woocommerce .summary .tagged_as a {
    color: #156b28 !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(21, 107, 40, 0.45) !important;
    text-underline-offset: 0.2em !important;
}

html body.single-product .woocommerce .summary .product_meta a:hover,
html body.single-product .woocommerce .summary .posted_in a:hover,
html body.single-product .woocommerce .summary .tagged_as a:hover {
    color: #0f5220 !important;
    text-decoration-color: rgba(15, 82, 32, 0.75) !important;
}

/* Sale / regular price formatting */
html body.single-product .woocommerce div.product .summary .price ins,
html body.single-product .woocommerce div.product .summary .price ins .woocommerce-Price-amount,
html body.single-product .woocommerce div.product .re_wooinner_cta_wrapper .price ins,
html body.single-product .woocommerce div.product .re_wooinner_cta_wrapper .price ins .woocommerce-Price-amount {
    font-size: 1em !important;
    font-weight: 600 !important;
}

html body.single-product .woocommerce div.product .summary .price del,
html body.single-product .woocommerce div.product .summary .price del .woocommerce-Price-amount,
html body.single-product .woocommerce div.product .re_wooinner_cta_wrapper .price del,
html body.single-product .woocommerce div.product .re_wooinner_cta_wrapper .price del .woocommerce-Price-amount {
    color: #6c6c67 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #6c6c67 !important;
    text-decoration: line-through !important;
    text-decoration-color: rgba(108, 108, 103, 0.55) !important;
    text-decoration-thickness: 1px !important;
    font-size: 0.72em !important;
    font-weight: 400 !important;
    vertical-align: 0.05em !important;
}

/* CTA "breathe" hover animation wrapper */
html body.single-product .woocommerce div.product .summary .pf-prisfare-cta-breathe {
    display: inline-block !important;
    width: 100% !important;
    max-width: min(100%, 280px) !important;
    border-radius: 8px !important;
    transition: transform 0.24s ease, box-shadow 0.24s ease !important;
}

html body.single-product .woocommerce div.product .summary .pf-prisfare-cta-breathe > a.single_add_to_cart_button {
    transition: filter 0.24s ease !important;
}

html body.single-product .woocommerce div.product .summary .pf-prisfare-cta-breathe:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        0 14px 32px rgba(0, 0, 0, 0.14),
        0 6px 14px rgba(0, 0, 0, 0.08),
        0 0 0 1px rgba(21, 107, 40, 0.22) !important;
}

html body.single-product .woocommerce div.product .summary .pf-prisfare-cta-breathe:hover > a.single_add_to_cart_button {
    filter: brightness(1.22) saturate(1.08) !important;
}

html body.single-product .woocommerce div.product .summary .pf-prisfare-cta-breathe:active {
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1) !important;
}

html body.single-product .woocommerce div.product .summary .pf-prisfare-cta-breathe:active > a.single_add_to_cart_button {
    filter: brightness(1.08) saturate(1.02) !important;
}

/* Review button — charcoal to match CTA */
html body.single-product .woocommerce span.wpsm-button.rehub_main_btn.rehub_scroll,
html body.single-product .woocommerce a.wpsm-button.rehub_main_btn.rehub_scroll {
    background: #34343c none !important;
    background-color: #34343c !important;
    background-image: none !important;
    color: #f4f4f3 !important;
    fill: #f4f4f3 !important;
    border: 1px solid rgba(0, 0, 0, 0.14) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-shadow: none !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    letter-spacing: 0.02em !important;
    text-transform: none !important;
    padding: 10px 20px !important;
    cursor: pointer !important;
    transition: background-color 0.22s ease, transform 0.22s ease !important;
}

html body.single-product .woocommerce span.wpsm-button.rehub_main_btn.rehub_scroll:hover,
html body.single-product .woocommerce a.wpsm-button.rehub_main_btn.rehub_scroll:hover {
    background: #3d4550 none !important;
    background-color: #3d4550 !important;
    background-image: none !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10) !important;
}

/* Sidebar widget title icons */
html body.single-product .sidebar .widget.top_offers .title:before,
html body.single-product .sidebar .widget.cegg_widget_products .title:before,
html body.single-product .sidebar .widget.top_offers.rh_latest_compare_widget .title:before {
    color: #4a4a52 !important;
}

html body.single-product .sidebar .widget.top_offers .title i,
html body.single-product .sidebar .widget.cegg_widget_products .title i {
    color: #4a4a52 !important;
}

html body.single-product .sidebar .widget.top_offers .title,
html body.single-product .sidebar .widget.cegg_widget_products .title {
    background: #f0f0ec !important;
    background-color: #f0f0ec !important;
    color: #1a1a1a !important;
}

html body.single-product .sidebar .widget.top_offers .title:after,
html body.single-product .sidebar .widget.cegg_widget_products .title:after {
    border-top-color: #e6e6e3 !important;
}

html body.single-product .sidebar .widget.top_offers .rh_deal_block > .deal_block_row:first-child,
html body.single-product .sidebar .widget.cegg_widget_products .rh_deal_block > .deal_block_row:first-child {
    padding-top: 14px !important;
}

/* Belt-and-suspenders CTA fallback */
html body.single-product .woocommerce div.product p.cart a.single_add_to_cart_button,
html body.single-product .woocommerce div.product .re_wooinner_cta_wrapper a.single_add_to_cart_button {
    background-color: #34343c !important;
    border-radius: 8px !important;
    text-transform: none !important;
    cursor: pointer !important;
    transition: background-color 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* ==========================================================================
   SIDEBAR WIDGET OVERRIDES
   REHub widget .title uses inline theme colors and box-shadow.
   ========================================================================== */

.widget.top_offers .title,
.widget.cegg_widget_products .title,
.widget.widget_affegg_widget .title {
    background: #f5f0e8 !important;
    color: #2d2d2d !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em;
    text-transform: none !important;
    border: 1px solid #e8e0d0 !important;
    box-shadow: none !important;
    text-align: left !important;
}

.widget.top_offers .title:before,
.widget.cegg_widget_products .title:before,
.widget.widget_affegg_widget .title:before {
    color: #555 !important;
}

.widget.top_offers,
.widget.cegg_widget_products {
    border: 1px solid #e8e8e8 !important;
    border-radius: 12px !important;
    padding: 16px !important;
    background: #fff !important;
}

.widget.top_offers .title:after,
.widget.cegg_widget_products .title:after {
    display: none !important;
}

.widget del .amount,
.widget del .woocommerce-Price-amount,
.sidebar del .amount,
#secondary del .amount,
.widget .product_list_widget del,
.widget .product_list_widget del .amount {
    color: #888 !important;
    opacity: 1 !important;
}