/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* ==========================================================================
   HOUSE OF CHRONO LUXURY THEME STYLING & GUARDS
   ========================================================================== */

/* 1. Bullet Points & SVG Icon Guard - Prevents unstyled SVGs from expanding */
svg[viewBox="0 0 512 512"],
.elementor-widget-wd_list svg,
.wd-list svg,
.elementor-icon-list-icon svg,
ul li svg {
    width: 14px !important;
    height: 14px !important;
    max-width: 14px !important;
    max-height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    fill: #1e3a8a !important;
    margin-right: 8px !important;
    flex-shrink: 0 !important;
}

ul li {
    display: flex !important;
    align-items: center !important;
}

/* 2. Global Image & Media Containment */
img {
    max-width: 100%;
    height: auto;
}

/* 3. Luxury Typography & Palette */
h1, h2, h3, h4, .title, .wd-entities-title, .wd-slide-title, .product-title {
    font-family: 'Playfair Display', Georgia, serif !important;
}

/* 4. Woodmart Slider Container & Slide Styling */
.wd-slider {
    position: relative;
    overflow: hidden;
}

#slide-3969 .wd-slide-bg,
#slide-3976 .wd-slide-bg,
#slide-3983 .wd-slide-bg {
    background-color: #00153f !important;
    background-size: cover !important;
    background-position: center center !important;
}

.wd-slide-title {
    color: #ffffff !important;
}

.wd-slide-subtitle {
    color: #38bdf8 !important;
    letter-spacing: 2px !important;
    font-weight: 600 !important;
}

/* 5. Flexbox Container Layout Fallbacks */
.e-con-boxed > .e-con-inner {
    max-width: 1222px;
    margin: 0 auto;
    width: 100%;
}

@media (min-width: 768px) {
    /* 2-Banner Row */
    .elementor-element-97260ce > .e-con-inner {
        display: flex !important;
        flex-direction: row !important;
        gap: 20px !important;
    }
    .elementor-element-97260ce .promo-banner {
        flex: 1 1 50% !important;
        width: 50% !important;
    }
    
    /* Trust Badges 3 Columns */
    .elementor-element-b565e14 > .e-con-inner {
        display: flex !important;
        flex-direction: row !important;
        gap: 20px !important;
        justify-content: space-between !important;
    }
    .elementor-element-b565e14 .wd-info-box {
        flex: 1 1 33.333% !important;
        width: 33.333% !important;
    }
}

/* 6. Trust Badges (Numbers) Elegance */
.elementor-element-b565e14 .box-icon-wrapper img {
    max-width: 45px !important;
    height: auto !important;
}

/* 7. Floating WhatsApp Widget */
.hoc-whatsapp-float {
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 99999;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none !important;
}
.hoc-whatsapp-btn {
    width: 56px;
    height: 56px;
    background: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
    transition: transform 0.3s ease;
}
.hoc-whatsapp-btn:hover {
    transform: scale(1.08);
}
.hoc-whatsapp-btn svg {
    width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    fill: #ffffff !important;
    margin: 0 !important;
}