/* Updated Footer Styles */
.footer-logo {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.footer-logo img {
    max-height: 80px !important; /* Increased from 60px for bigger logo */
    width: auto !important;
    margin-bottom: 15px !important; /* Increased spacing */
}

.footer-tagline {
    color: #ccc !important;
    font-size: 1rem !important; /* Increased from 0.9rem */
    font-weight: 300 !important;
    letter-spacing: 1.5px !important; /* Increased letter spacing */
    text-transform: uppercase !important;
    text-align: center !important;
    line-height: 1 !important; /* Ensure single line */
    white-space: nowrap !important; /* Force single line */
    margin: 0 !important;
}

/* Align Contact Us section consistently */
.footer-contact {
    text-align: left !important; /* Left-align the contact section */
    margin-bottom: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important; /* Left-align all items */
}

.footer-contact h3 {
    font-size: 1.2rem !important;
    font-weight: 500 !important;
    margin-bottom: 25px !important;
    letter-spacing: 1px !important;
    position: relative !important;
    display: block !important; /* Block to ensure it aligns with items below */
}

.footer-contact h3:after {
    content: '' !important;
    position: absolute !important;
    width: 30px !important;
    height: 2px !important;
    background: rgba(255, 255, 255, 0.3) !important;
    left: 0 !important; /* Left-align with the text */
    bottom: -12px !important;
}

/* Ensure email and phone number links are aligned consistently */
.footer-contact p {
    margin: 5px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.footer-contact p a {
    color: #fff !important;
    text-decoration: none !important;
    transition: opacity 0.3s ease !important;
}

.footer-contact p a:hover {
    opacity: 0.8 !important;
}

/* Social Media with Labels */
.footer-social {
    display: flex;
    gap: 20px;
    justify-content: flex-start; /* Left align to match contact section */
    flex-wrap: wrap;
    margin-top: 30px; /* Increased spacing from contact section */
}

.social-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.social-label {
    font-size: 0.7rem;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
}

.social-icon:hover + .social-label {
    color: #fff;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .footer-social {
        gap: 15px !important;
        justify-content: center !important; /* Center on mobile for better layout */
    }
    
    .social-label {
        font-size: 0.65rem !important;
    }
    
    .footer-tagline {
        font-size: 0.9rem !important; /* Slightly smaller on mobile but still readable */
        letter-spacing: 1px !important;
    }
    
    .footer-logo img {
        max-height: 70px !important; /* Slightly smaller on mobile */
    }
    
    .footer-contact {
        text-align: center !important; /* Center on mobile for better layout */
        align-items: center !important;
    }
    
    .footer-contact p {
        text-align: center !important;
    }
}