/*
Theme Name: Modern Security Doors
Theme URI: https://modernsecuritydoors.webzee.com.au/
Author: Webzee Australia
Description: Premium navy and gold single-page theme for Modern Security Doors, based on the supplied design.
Version: 2.7.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: modern-security-doors
*/


/* Brand Logo (Enlarged) */
.site-footer .brand-footer {
    display: inline-flex !important;
    align-items: center !important;
    background: #ffffff !important;
    padding: 16px 24px !important;
    border-radius: 14px !important;
    max-width: 330px !important;
    width: 100% !important;
    box-shadow: 0 8px 26px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
}
.site-footer .brand-footer img {
    width: 100% !important;
    height: auto !important;
    max-height: 85px !important;
    min-height: 56px !important;
    object-fit: contain !important;
    display: block !important;
}

/* Official Social Media Buttons */
.site-footer .footer-social {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 20px !important;
}
.site-footer .social-btn {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    text-decoration: none !important;
    transition: transform 0.22s ease, box-shadow 0.22s ease !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28) !important;
}
.site-footer .social-btn:hover {
    transform: translateY(-3px) scale(1.08) !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.4) !important;
}
.site-footer .social-fb { background: #1877f2 !important; }
.site-footer .social-ig { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%) !important; }
.site-footer .social-google { background: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.35) !important; }

/* Quick Links & Our Services Bold Styling */
.site-footer .footer-column:not(.footer-contact) > a,
.site-footer .footer-column:not(.footer-contact) nav > a,
.site-footer .footer-column:not(.footer-contact) ul li a,
.site-footer .footer-column:not(.footer-contact) a {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: -0.15px !important;
    line-height: 1.8 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.site-footer .footer-column:not(.footer-contact) > a::before,
.site-footer .footer-column:not(.footer-contact) nav > a::before,
.site-footer .footer-column:not(.footer-contact) ul li a::before {
    content: "•" !important;
    color: #f4b51b !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    display: inline-block !important;
    margin-right: 2px !important;
}
.site-footer .footer-column:not(.footer-contact) > a:hover,
.site-footer .footer-column:not(.footer-contact) nav > a:hover,
.site-footer .footer-column:not(.footer-contact) a:hover {
    color: #f4b51b !important;
    transform: translateX(5px) !important;
}

/* Remove bullets from footer contact details */
.footer-contact,
.footer-contact ul,
.footer-contact li,
.footer-contact-item {
    list-style: none !important;
}

.footer-contact::before,
.footer-contact li::before,
.footer-contact a::before,
.footer-contact p::before,
.footer-contact-item::before,
.footer-contact-link::before,
.footer-contact-text::before {
    content: none !important;
    display: none !important;
}

/* Keep contact icons and text aligned horizontally */
.footer-contact a,
.footer-contact p,
.footer-contact .footer-contact-link,
.footer-contact .footer-contact-text {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 14px !important;
    color: #ffffff !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    margin-bottom: 14px !important;
}

.footer-contact .footer-contact-icon,
.footer-contact i {
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    border-radius: 11px !important;
    display: grid !important;
    place-items: center !important;
    background: #f4b51b !important;
    color: #071a43 !important;
    line-height: 1 !important;
    box-shadow: 0 4px 14px rgba(244, 181, 27, 0.35) !important;
}

.footer-contact .footer-contact-icon svg {
    width: 20px !important;
    height: 20px !important;
    fill: #071a43 !important;
    display: block !important;
}

.footer-contact span:not(.footer-contact-icon) {
    flex: 1 !important;
    color: #e2e8f0 !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    line-height: 1.55 !important;
}