/*
 Theme Name:   Dealify Theme
 Theme URI:    https://dealify.be
 Description:  Dealify - Professional Affiliate Price Comparison Child Theme (ReHub)
 Author:       Dealify
 Author URI:   https://dealify.be
 Template:     rehub-theme
 Version:      5.1.1
 Text Domain:  dealify
*/

/* Parent and Dealify UI styles are loaded through functions.php. */

/* --- DEALIFY UI OVERRIDES --- */

/* 1. Remove rainbow gradient from product cards */
.dealify-card, .dealify-product-card {
    position: relative !important;
    border-top: none !important;
    border-image: none !important;
}
.dealify-card::before, .dealify-product-card::before,
.dealify-card::after, .dealify-product-card::after,
article.dealify-card:hover::before, article.dealify-product-card:hover::before,
article.dealify-card:hover::after, article.dealify-product-card:hover::after {
    display: none !important;
    background: none !important;
    background-image: none !important;
    border: none !important;
    opacity: 0 !important;
    height: 0 !important;
}

/* Maintain only scale and shadow on hover */
.dealify-card:hover, .dealify-product-card:hover {
    transform: scale(1.02) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
    border-top: none !important;
    border-image: none !important;
    border-top-color: transparent !important;
}

/* 2. Full width "View Deal" button below price */
.dealify-card__meta, .dealify-product-card__meta {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
}
.dealify-card__button, .dealify-product-card__button {
    width: 100% !important;
    text-align: center !important;
    display: block !important;
}
.dealify-card__price, 
.dealify-product-card__price,
.dealify-card__price *, 
.dealify-product-card__price * {
    text-align: left !important;
    justify-content: flex-start !important;
    display: block !important;
    width: 100% !important;
}

/* 3. Minimal animation for Top Right links (.dealify-text-link) */
.dealify-section-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}
.dealify-text-link {
    position: relative !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    color: #4da3ff !important; /* Light professional blue */
    font-weight: 600 !important;
    padding-bottom: 2px !important;
    transition: color 0.3s ease !important;
}
.dealify-text-link:hover {
    color: #0056b3 !important; /* Dark professional blue */
}
.dealify-text-link::after {
    content: '' !important;
    position: absolute !important;
    width: 0 !important;
    height: 1px !important;
    bottom: 0 !important;
    left: 0 !important;
    background-color: currentColor !important;
    transition: width 0.3s ease !important;
}
.dealify-text-link:hover::after {
    width: 100% !important;
}

/* 4. Remove mobile horizontal black container/border below navbar */
@media screen and (max-width: 767px) {
    .megatop_wrap, 
    .megatop-wrap,
    .top-nav,
    .top_menu,
    .rh-post-code-loop.top-area,
    .header_wrap .top_menu {
        display: none !important;
    }
    .dealify-main-header, 
    .dealify-nav-wrap, 
    .header_wrap, 
    .dealify-mobile-nav,
    .rh_mobile_menu {
        border-bottom: none !important;
        box-shadow: none !important;
    }
}

/* 5. Reduce breadcrumb gap on mobile */
@media screen and (max-width: 767px) {
    .dealify-single-breadcrumb .woocommerce-breadcrumb,
    .woocommerce-breadcrumb {
        gap: 4px !important;
    }
    .woocommerce-breadcrumb .delimiter,
    .woocommerce-breadcrumb span.delimiter {
        margin: 0 4px !important;
    }
}

/* 6. Product Specifications Table (Content Egg / WooCommerce) */
.dealify-product-specs h3 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a202c !important;
    margin-bottom: 15px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #e2e8f0 !important;
}
.dealify-product-specs table.woocommerce-product-attributes {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 0 !important;
    border: none !important;
}
.dealify-product-specs table.woocommerce-product-attributes th,
.dealify-product-specs table.woocommerce-product-attributes td {
    padding: 12px 15px !important;
    text-align: left !important;
    border-bottom: 1px solid #edf2f7 !important;
    background: transparent !important;
    font-size: 14px !important;
}
.dealify-product-specs table.woocommerce-product-attributes th {
    width: 35% !important;
    font-weight: 600 !important;
    color: #4a5568 !important;
}
.dealify-product-specs table.woocommerce-product-attributes td {
    color: #2d3748 !important;
}
.dealify-product-specs table.woocommerce-product-attributes td p {
    margin: 0 !important;
}

/* --- Dealify Breadcrumbs (Force ALL elements white) --- */

.dealify-breadcrumbs,
.dealify-breadcrumbs * {
    color: #ffffff !important;
    font-size: 13px !important;
}

/* Specific override for the hover effect */
.dealify-breadcrumbs a:hover {
    color: #e2e8f0 !important;
    text-decoration: underline !important;
}

/* Ensure the wrapper maintains its spacing */
.dealify-breadcrumbs {
    margin-bottom: 15px !important;
}


/* --- FIX: Force Font Awesome to override REHub icon fonts --- */
i.fas, span.fas, .fas {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}