/*
Theme Name: Bw Monki
Theme URI: https://bw-monki.bzotech.com/intro/
Author: BZOTech
Author URI: https://bzotech.com/
Description: Monki is a WooCommerce WordPress clothing theme, with minimal and elegant design makes the perfect choice for anyone looking for a great theme for an eCommerce fashion shops.
Version: 2.1.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Copyright: © 2024 BZOTech Theme. All rights reserved.
Tags: custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, post-formats, sticky-post, threaded-comments, block-styles, blog, news
Text Domain: bw-monki
*/


/* Footer CSS */

/* =========================================
       1. SCOPED RESET
       ========================================= */
    .cf-footer-wrapper,
    .cf-footer-wrapper * {
        box-sizing: border-box !important;
        margin: 0;
        padding: 0;
    }

    /* =========================================
       2. MAIN FOOTER CONTAINER
       ========================================= */
    .cf-footer-wrapper {
        background-color: #171717; /* Matches the dark charcoal background */
        color: #ffffff;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        text-align: center;
        padding: 60px 20px 80px 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    /* =========================================
       3. SOCIAL ICONS
       ========================================= */
    .cf-social-links {
        display: flex;
        justify-content: center;
        gap: 35px; /* Spacing between icons */
        margin-bottom: 45px;
    }

    .cf-social-links a {
        color: #ffffff;
        text-decoration: none;
        font-size: 24px; /* Icon size */
        transition: opacity 0.3s ease;
    }

    .cf-social-links a:hover {
        opacity: 0.7; /* Gentle hover effect */
    }

    /* =========================================
       4. PARAGRAPH TEXT
       ========================================= */
    .cf-footer-text {
        max-width: 900px; /* Constrains the text to wrap like the image */
        font-size: 14px;
        line-height: 1.6;
        color: #d4d4d4; /* Slightly dimmed white for readability */
        margin-bottom: 50px;
    }

    /* =========================================
       5. LOGO PLACEHOLDER
       ========================================= */
    .cf-footer-logo {
        margin-bottom: 40px;
    }

    /* Target the image you will place here */
    .cf-footer-logo img {
        max-height: 100px; /* Adjust based on your logo's proportions */
        width: auto;
        display: block;
    }

    /* =========================================
       6. LOCATION & CURRENCY
       ========================================= */
    .cf-footer-location {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        letter-spacing: 0.5px;
    }

    .cf-footer-location a {
        color: #ffffff;
        text-decoration: none;
        transition: opacity 0.3s ease;
    }

    .cf-footer-location a:hover {
        opacity: 0.7;
    }

    /* =========================================
       7. RESPONSIVE ADJUSTMENTS
       ========================================= */
    @media (max-width: 768px) {
        .cf-footer-text {
            font-size: 13px;
            padding: 0 15px;
        }
        .cf-social-links {
            gap: 25px;
        }
    }
.elementor-7748 .elementor-element.elementor-element-e21b60e:not(.elementor-motion-effects-element-type-background), .elementor-7748 .elementor-element.elementor-element-e21b60e > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #EFEFEF;
    display: none;
}