/* ==========================================================================
   TRAMEI ISOLATED FOOTER
   ========================================================================== */

.site-footer {
    padding: 100px 0 0 !important;
    background-color: #AEB6A1 !important;
    color: #fff !important; /* White text as requested */
    font-size: 14px;
    width: 100% !important;
}

.footer-grid-modern {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 40px !important;
    padding-bottom: 80px;
    border-bottom: 1px solid rgba(106, 58, 155, 0.1);
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

.footer-col h4 {
    color: #fff !important;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 35px;
    position: relative;
}

.footer-logo-modern {
    max-height: 144px !important; /* Increased +20% */
    max-width: 528px !important;  /* Increased +20% */
    width: auto !important;
    margin-bottom: 30px;
}


.footer-links { list-style: none; padding: 0; margin: 0; }
.footer-links li { margin-bottom: 15px; }
.footer-links li a { color: #fff !important; text-decoration: none; transition: all 0.3s ease; opacity: 0.8; }
.footer-links li a:hover { color: #6A3A9B !important; opacity: 1; transform: translateX(5px); }

.modern-socials { display: flex; gap: 15px; }
.modern-socials a {
    width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.3);
    display: flex; align-items: center; justify-content: center; color: #fff !important; transition: all 0.3s;
}
.modern-socials a:hover { background: #fff !important; color: #AEB6A1 !important; border-color: #fff !important; }

.contact-info p { margin-bottom: 15px; display: flex; align-items: center; gap: 12px; color: #fff; }
.contact-info p a { color: inherit; text-decoration: none; }
.contact-info p i { color: #fff; opacity: 0.8; }
.payment-trust { margin-top: 40px; }
.payment-trust h5 { color: #fff; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; font-weight: 700; }
.payment-icons { display: flex; gap: 15px; font-size: 28px; color: rgba(255, 255, 255, 0.5); }
.footer-bottom-modern { padding: 40px 0; display: flex; justify-content: space-between; align-items: center; color: #fff; font-size: 12px; opacity: 0.7; }
.footer-bottom-modern a { color: #fff; text-decoration: none; font-weight: 600; }

@media (max-width: 992px) { .footer-grid-modern { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 600px) { .footer-grid-modern { grid-template-columns: 1fr !important; text-align: center; } .modern-socials, .payment-icons { justify-content: center; } }