.footer-grid {
    display: grid !important;
    grid-template-columns: 1.5fr 1fr 1fr 2fr !important;
    gap: 30px !important;
}

.footer-contact-map {
    grid-column: 4 !important;
}

.footer-logo {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 15px !important;
}

.footer-logo i {
    font-size: 32px !important;
    color: #007bff !important;
    background: linear-gradient(135deg, #007bff, #0056b3) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.logo-text {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1 !important;
}

.logo-top {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #333 !important;
}

.logo-bottom {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #007bff !important;
}

/* Business Hours */
.business-hours {
    background: #f8f9ff !important;
    padding: 12px !important;
    border-radius: 8px !important;
    margin: 15px 0 !important;
    border-left: 4px solid #007bff !important;
}

.business-hours h5 {
    margin: 0 0 8px 0 !important;
    font-size: 15px !important;
    color: #333 !important;
}

.business-hours h5 i {
    color: #007bff !important;
    margin-right: 8px !important;
}

.business-hours p {
    margin: 0 !important;
    font-size: 14px !important;
}

/* Social Icons */
.social-icons {
    display: flex !important;
    gap: 10px !important;
    margin-top: 20px !important;
}

.social-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.social-icon:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important;
}

.social-icon.whatsapp {
    background: #25D366 !important;
}

.social-icon.facebook {
    background: #1877F2 !important;
}

.social-icon.instagram {
    background: linear-gradient(45deg, #405DE6, #5851DB, #833AB4, #C13584, #E1306C, #FD1D1D) !important;
}

.social-icon.youtube {
    background: #FF0000 !important;
}

/* Footer Columns */
.footer-col h4 {
    color: #ffffff !important;
    margin-bottom: 20px !important;
    font-size: 18px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #007bff !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.footer-col h4 i {
    color: #007bff !important;
}

.footer-col ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.footer-col ul li {
    margin-bottom: 8px !important;
}

.footer-col ul li a {
    color: #aaa !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: all 0.3s ease !important;
    padding: 5px 0 !important;
}

.footer-col ul li a:hover {
    color: #007bff !important;
    transform: translateX(5px) !important;
}

.footer-col ul li a i {
    font-size: 12px !important;
    color: #007bff !important;
}

/* Contact Info */
.contact-info {
    background: #f8f9ff !important;
    padding: 15px !important;
    border-radius: 8px !important;
    margin-bottom: 15px !important;
}

.contact-info p {
    margin: 0 0 10px 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    font-size: 14px !important;
}

.contact-info p i {
    color: #007bff !important;
    margin-top: 3px !important;
}

.contact-info a {
    color: #333 !important;
    text-decoration: none !important;
    transition: color 0.3s !important;
}

.contact-info a:hover {
    color: #007bff !important;
}

/* Google Map */
.google-map {
    margin: 15px 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
}

/* Bottom Footer */
.bottom-footer {
    background: #1a1a1a !important;
    color: #aaa !important;
    padding: 20px 0 !important;
    margin-top: 30px !important;
}

.bottom-footer .container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
}

.bottom-footer p {
    margin: 0 !important;
    font-size: 14px !important;
}

.bottom-footer .footer-tags {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.bottom-footer .footer-tags span {
    background: #333 !important;
    color: #ddd !important;
    padding: 4px 10px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}


@media (max-width: 992px) {
    .footer-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .footer-contact-map {
        grid-column: span 2 !important;
    }
}

@media (max-width: 768px) {
    .footer-grid {
        grid-template-columns: 1fr !important;
    }

    .footer-contact-map {
        grid-column: span 1 !important;
    }

    .bottom-footer .container {
        flex-direction: column !important;
        text-align: center !important;
    }
}
