/* Dynamic Footer Section Styles - Controlled from Admin Panel */

/* ========================================
FOOTER BACKGROUND
======================================== */

html body:not(.dark-mode):not([data-theme="dark"]) .site-footer,
body:not(.dark-mode):not([data-theme="dark"]) .site-footer,
.site-footer {
background: #f5f5f2 !important;
}

/* ========================================
FOOTER TEXT COLORS
======================================== */

/* Footer headings */
html body:not(.dark-mode):not([data-theme="dark"]) .footer-col h3,
html body:not(.dark-mode):not([data-theme="dark"]) .footer-col h4,
html body:not(.dark-mode):not([data-theme="dark"]) .footer-company-title,
body:not(.dark-mode):not([data-theme="dark"]) .footer-col h3,
body:not(.dark-mode):not([data-theme="dark"]) .footer-col h4,
body:not(.dark-mode):not([data-theme="dark"]) .footer-company-title,
.footer-col h3,
.footer-col h4,
.footer-company-title {
color: #100f0f !important;
}

/* Footer text */
html body:not(.dark-mode):not([data-theme="dark"]) .footer-company-description,
html body:not(.dark-mode):not([data-theme="dark"]) .footer-contact-list li,
html body:not(.dark-mode):not([data-theme="dark"]) .copyright-text,
body:not(.dark-mode):not([data-theme="dark"]) .footer-company-description,
body:not(.dark-mode):not([data-theme="dark"]) .footer-contact-list li,
body:not(.dark-mode):not([data-theme="dark"]) .copyright-text,
.footer-company-description,
.footer-contact-list li,
.copyright-text {
color: #373b43 !important;
}

/* Footer links */
html body:not(.dark-mode):not([data-theme="dark"]) .footer-col ul li a,
html body:not(.dark-mode):not([data-theme="dark"]) .footer-link-btn,
body:not(.dark-mode):not([data-theme="dark"]) .footer-col ul li a,
body:not(.dark-mode):not([data-theme="dark"]) .footer-link-btn,
.footer-col ul li a,
.footer-link-btn {
color: #100f0f !important;
}

/* Footer link icons (Quick Links, Get In Touch) - uses shop icon color */
html body:not(.dark-mode):not([data-theme="dark"]) .footer-col ul li a i,
html body:not(.dark-mode):not([data-theme="dark"]) .footer-contact-list li i,
html body:not(.dark-mode):not([data-theme="dark"]) .footer-link-btn i,
body:not(.dark-mode):not([data-theme="dark"]) .footer-col ul li a i,
body:not(.dark-mode):not([data-theme="dark"]) .footer-contact-list li i,
body:not(.dark-mode):not([data-theme="dark"]) .footer-link-btn i,
.footer-col ul li a i,
.footer-contact-list li i,
.footer-link-btn i {
color: #c79e66 !important;
margin-right: 10px;
}

/* Footer link hover */
html body:not(.dark-mode):not([data-theme="dark"]) .footer-col ul li a:hover,
html body:not(.dark-mode):not([data-theme="dark"]) .footer-link-btn:hover,
body:not(.dark-mode):not([data-theme="dark"]) .footer-col ul li a:hover,
body:not(.dark-mode):not([data-theme="dark"]) .footer-link-btn:hover,
.footer-col ul li a:hover,
.footer-link-btn:hover {
color: #fba018 !important;
}

/* Footer link icons hover - uses shop icon color */
html body:not(.dark-mode):not([data-theme="dark"]) .footer-col ul li a:hover i,
html body:not(.dark-mode):not([data-theme="dark"]) .footer-link-btn:hover i,
body:not(.dark-mode):not([data-theme="dark"]) .footer-col ul li a:hover i,
body:not(.dark-mode):not([data-theme="dark"]) .footer-link-btn:hover i,
.footer-col ul li a:hover i,
.footer-link-btn:hover i {
color: #c79e66 !important;
}

/* ========================================
SOCIAL ICONS
======================================== */

/* Social icon background - uses shop card background color */
html body:not(.dark-mode):not([data-theme="dark"]) .footer-social a,
body:not(.dark-mode):not([data-theme="dark"]) .footer-social a,
.footer-social a {
background: #f1f1ea !important;
color: #c79e66 !important;
border-color: #f1f1ea !important;
}

/* Social icon color - target the <i> tag specifically */
    html body:not(.dark-mode):not([data-theme="dark"]) .footer-social a i,
    html body:not(.dark-mode):not([data-theme="dark"]) .footer-social a .fab,
    body:not(.dark-mode):not([data-theme="dark"]) .footer-social a i,
    body:not(.dark-mode):not([data-theme="dark"]) .footer-social a .fab,
    .footer-social a i,
    .footer-social a .fab {
    color: #c79e66 !important;
    }

    /* Social icon hover - uses shop colors */
    html body:not(.dark-mode):not([data-theme="dark"]) .footer-social a:hover,
    body:not(.dark-mode):not([data-theme="dark"]) .footer-social a:hover,
    .footer-social a:hover {
    background: #f1f1ea !important;
    color: #c79e66 !important;
    opacity: 0.8;
    transform: translateY(-3px);
    }

    /* Social icon hover - target the <i> tag specifically */
        html body:not(.dark-mode):not([data-theme="dark"]) .footer-social a:hover i,
        html body:not(.dark-mode):not([data-theme="dark"]) .footer-social a:hover .fab,
        body:not(.dark-mode):not([data-theme="dark"]) .footer-social a:hover i,
        body:not(.dark-mode):not([data-theme="dark"]) .footer-social a:hover .fab,
        .footer-social a:hover i,
        .footer-social a:hover .fab {
        color: #c79e66 !important;
        }

        /* Dark mode social icons */
        [data-theme="dark"] .footer-social a {
        background: #f1f1ea !important;
        color: #c79e66 !important;
        border-color: #f1f1ea !important;
        }

        [data-theme="dark"] .footer-social a i,
        [data-theme="dark"] .footer-social a .fab {
        color: #c79e66 !important;
        }

        [data-theme="dark"] .footer-social a:hover {
        background: #f1f1ea !important;
        color: #c79e66 !important;
        opacity: 0.8;
        transform: translateY(-3px);
        }

        [data-theme="dark"] .footer-social a:hover i,
        [data-theme="dark"] .footer-social a:hover .fab {
        color: #c79e66 !important;
        }

        /* ========================================
        LEGAL BUTTONS (Privacy Policy & Terms of Service)
        ======================================== */

        /* Privacy Policy button - uses shop badge background and white text */
        html body:not(.dark-mode):not([data-theme="dark"]) .privacy-policy-btn,
        body:not(.dark-mode):not([data-theme="dark"]) .privacy-policy-btn,
        .privacy-policy-btn {
        background: #c79e66 !important;
        border-color: #c79e66 !important;
        color: #ffffff !important;
        }

        html body:not(.dark-mode):not([data-theme="dark"]) .privacy-policy-btn:hover,
        body:not(.dark-mode):not([data-theme="dark"]) .privacy-policy-btn:hover,
        .privacy-policy-btn:hover {
        background: #c79e66 !important;
        border-color: #c79e66 !important;
        color: #ffffff !important;
        opacity: 0.9;
        }

        /* Terms of Service button - uses shop badge background and white text */
        html body:not(.dark-mode):not([data-theme="dark"]) .terms-service-btn,
        body:not(.dark-mode):not([data-theme="dark"]) .terms-service-btn,
        .terms-service-btn {
        background: #c79e66 !important;
        border-color: #c79e66 !important;
        color: #ffffff !important;
        }

        html body:not(.dark-mode):not([data-theme="dark"]) .terms-service-btn:hover,
        body:not(.dark-mode):not([data-theme="dark"]) .terms-service-btn:hover,
        .terms-service-btn:hover {
        background: #c79e66 !important;
        border-color: #c79e66 !important;
        color: #ffffff !important;
        opacity: 0.9;
        }

        /* Dark mode - same colors */
        [data-theme="dark"] .privacy-policy-btn {
        background: #c79e66 !important;
        border-color: #c79e66 !important;
        color: #ffffff !important;
        }

        [data-theme="dark"] .privacy-policy-btn:hover {
        background: #c79e66 !important;
        border-color: #c79e66 !important;
        color: #ffffff !important;
        opacity: 0.9;
        }

        [data-theme="dark"] .terms-service-btn {
        background: #c79e66 !important;
        border-color: #c79e66 !important;
        color: #ffffff !important;
        }

        [data-theme="dark"] .terms-service-btn:hover {
        background: #c79e66 !important;
        border-color: #c79e66 !important;
        color: #ffffff !important;
        opacity: 0.9;
        }

        /* ========================================
        FOOTER SECTION TITLE UNDERLINES
        ======================================== */

        /* Footer section title underlines - use admin-controlled shop icon color */
        html body:not(.dark-mode):not([data-theme="dark"]) .footer-col h4::after,
        body:not(.dark-mode):not([data-theme="dark"]) .footer-col h4::after,
        .footer-col h4::after {
        background: #c79e66 !important;
        }

        /* Mobile footer section title underlines (left and right lines) */
        @media (max-width: 768px) {
        html body:not(.dark-mode):not([data-theme="dark"]) .footer-col h4::before,
        html body:not(.dark-mode):not([data-theme="dark"]) .footer-col h4::after,
        body:not(.dark-mode):not([data-theme="dark"]) .footer-col h4::before,
        body:not(.dark-mode):not([data-theme="dark"]) .footer-col h4::after,
        .footer-col h4::before,
        .footer-col h4::after {
        background: #c79e66 !important;
        }
        }

        /* Dark mode footer section title underlines */
        [data-theme="dark"] .footer-col h4::after {
        background: #c79e66 !important;
        }

        @media (max-width: 768px) {
        [data-theme="dark"] .footer-col h4::before,
        [data-theme="dark"] .footer-col h4::after {
        background: #c79e66 !important;
        }
        }

        /* ========================================
        FOOTER COPYRIGHT TEXT AND ICON
        ======================================== */

        /* Copyright text - force black color with nuclear override */
        html body:not(.dark-mode):not([data-theme="dark"]) .copyright-text,
        html body:not(.dark-mode):not([data-theme="dark"]) #footer-copyright,
        html body:not(.dark-mode):not([data-theme="dark"]) p.copyright-text,
        body:not(.dark-mode):not([data-theme="dark"]) .copyright-text,
        body:not(.dark-mode):not([data-theme="dark"]) #footer-copyright,
        body:not(.dark-mode):not([data-theme="dark"]) p.copyright-text,
        html .copyright-text,
        html #footer-copyright,
        html p.copyright-text,
        .copyright-text,
        #footer-copyright,
        p.copyright-text {
        color: #000000 !important;
        }

        /* Copyright icon - use admin-controlled shop icon color */
        html body:not(.dark-mode):not([data-theme="dark"]) .copyright-text i,
        body:not(.dark-mode):not([data-theme="dark"]) .copyright-text i,
        .copyright-text i {
        color: #c79e66 !important;
        margin-right: 8px;
        }

        /* Dark mode copyright text and icon */
        [data-theme="dark"] .copyright-text {
        color: #000000 !important;
        }

        [data-theme="dark"] .copyright-text i {
        color: #c79e66 !important;
        margin-right: 8px;
        }