/* ========================================
   FOOTER FIX CSS
   Fixes for footer logo hover and contact icons
   ======================================== */

/* ========================================
   1. FOOTER LOGO - Remove ALL hover effects
   ======================================== */

/* Default state - no transitions */
.footer-brand-link,
.footer-brand-link img,
.footer-logo-img,
.modern-footer .footer-brand-link,
.modern-footer .footer-brand-link img,
.modern-footer .footer-logo-img,
footer .footer-brand-link,
footer .footer-brand-link img,
footer a.footer-brand-link,
footer a.footer-brand-link img {
    transition: none !important;
    -webkit-transition: none !important;
    transform: none !important;
    -webkit-transform: none !important;
    animation: none !important;
    -webkit-animation: none !important;
    cursor: pointer;
}

/* Hover state - NO changes at all */
.footer-brand-link:hover,
.footer-brand-link:hover img,
.footer-brand-link:focus,
.footer-brand-link:focus img,
.footer-brand-link:active,
.footer-brand-link:active img,
.footer-logo-img:hover,
.modern-footer .footer-brand-link:hover,
.modern-footer .footer-brand-link:hover img,
.modern-footer .footer-brand-link:focus,
.modern-footer .footer-brand-link:focus img,
.modern-footer .footer-logo-img:hover,
footer .footer-brand-link:hover,
footer .footer-brand-link:hover img,
footer a.footer-brand-link:hover,
footer a.footer-brand-link:hover img {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background: transparent !important;
    transition: none !important;
    -webkit-transition: none !important;
    animation: none !important;
    -webkit-animation: none !important;
    outline: none !important;
}

/* ========================================
   2. CONTACT ICONS - Fix color to be visible
   ======================================== */

/* Contact icon box - white/light blue styling */
.contact-icon-box {
    width: 2.5rem !important;
    height: 2.5rem !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.1) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* SVG icons inside contact box - white color */
.contact-icon-box svg {
    width: 20px !important;
    height: 20px !important;
    stroke: rgba(255, 255, 255, 0.8) !important;
    color: rgba(255, 255, 255, 0.8) !important;
    fill: none !important;
}

/* Contact item pro styling */
.contact-item-pro {
    display: flex !important;
    align-items: flex-start !important;
    gap: 1rem !important;
}

/* Contact text colors */
.contact-item-pro .text-xs,
.contact-item-pro .text-sm,
.contact-item-pro .footer-link {
    color: #ffffff !important;
}

/* No hover effect on contact icons */
.contact-icon-box:hover,
.contact-icon-box:hover svg,
.contact-item-pro:hover .contact-icon-box,
.contact-item-pro:hover .contact-icon-box svg {
    transform: none !important;
    background: rgba(255, 255, 255, 0.1) !important;
    stroke: rgba(255, 255, 255, 0.8) !important;
    color: rgba(255, 255, 255, 0.8) !important;
    box-shadow: none !important;
    opacity: 1 !important;
}