/* ========================================
   FOOTER FIX CSS
   Fixes for footer logo hover and contact icons
   ======================================== */

/* Clean solid footer — no animated gradient orbs */
.modern-footer {
    background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%) !important;
}

.modern-footer .footer-orb {
    display: none !important;
}

/* ========================================
   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 — labels and values */
.contact-item-pro .footer-contact-label,
.contact-item-pro .footer-contact-value,
.contact-item-pro .footer-link.footer-contact-value {
    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;
}

/* ========================================
   3. FOOTER DESIGN POLISH — typography, color, depth
   ======================================== */

.modern-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.modern-footer::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(255, 255, 255, 0.04), transparent 70%);
}

.modern-footer .footer-heading {
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    margin-bottom: 1.25rem !important;
}

.modern-footer .footer-description,
.modern-footer .footer-text.footer-description {
    color: #94a3b8 !important;
    line-height: 1.65 !important;
}

.modern-footer .footer-link {
    font-size: 0.9rem !important;
    color: #cbd5e1 !important;
    transition: color 0.2s ease !important;
}

.modern-footer .social-icon-pro {
    width: 2.5rem !important;
    height: 2.5rem !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 50% !important;
    color: #e2e8f0 !important;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
}

.modern-footer .social-icon-pro svg {
    fill: currentColor !important;
}

.modern-footer .border-top-glass {
    border-top: none !important;
    position: relative;
    padding-top: 2.5rem !important;
}

.modern-footer .border-top-glass::before {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    margin-bottom: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.14), transparent);
}

.modern-footer .contact-icon-box {
    background: rgba(30, 92, 170, 0.22) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
}

.modern-footer .footer-contact-label {
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    margin-bottom: 0.35rem !important;
    line-height: 1.3 !important;
}

.modern-footer .footer-contact-value,
.modern-footer .contact-item-pro .footer-contact-value,
.modern-footer .contact-item-pro .footer-link.footer-contact-value,
.modern-footer .contact-item-pro a.footer-contact-value {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 0.9375rem !important;
    line-height: 1.45 !important;
}

.modern-footer p.text-sm.text-gray-400 {
    color: rgba(255, 255, 255, 0.45) !important;
    font-size: 0.875rem !important;
}

.modern-footer .d-flex.gap-4 .footer-link {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 0.875rem !important;
}

.modern-footer .border-top-glass > .d-flex.flex-column.flex-md-row {
    padding-top: 1.25rem !important;
}

/* Hero Live OS overrides moved to hero-live.css (loads after this file) */