/* Footer Styles */
.main-footer {
    background-color: #2D2D2D; /* Màu nền xám đậm như ảnh */
    padding: 20px 0 0 0;
    color: #fff;
}

.footer-grid {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.footer-col {
    flex: none;
}

/* Cột Thương hiệu */
.footer-logo { text-align: center; }
.footer-logo img { height: 80px; width: auto; }
.footer-logo h2 { font-size: 24px; margin-top: 10px; text-transform: uppercase; }

.tagline {
    background-color: #FF5E00B3; /* Màu cam đặc trưng */
    color: #fff;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    margin-bottom: 1rem;
    text-transform: uppercase;
    font-size: 16px;
}

.contact-details p { font-size: 16px; margin-bottom: 15px; color: #fff; }
.contact-item { display: flex; align-items: center; margin-bottom: 16px; font-size: 16px; color: #fff; }
.contact-item img { width: 24px; margin-right: 12px; }

/* Link Styles */
.footer-col h3 {
    color: #f39c12; /* Màu vàng cam tiêu đề */
    font-size: var(--font-medium);
    margin-bottom: 16px;
    margin-top: 32px;
    font-weight: 700;
}

.footer-links { list-style: none; margin-left: 16px }
.footer-links li { margin-bottom: 0.5rem; }
.footer-links li a {
    text-decoration: none;
    color: #eee;
    font-size: var(--font-small);
    transition: 0.3s;
}
.footer-links li a:hover { color: #f39c12 }

/* Bottom Bar */
.footer-bottom {
    background-color: #1a1a1a;
    padding: 20px 0;
    border-top: 1px solid #444;
    font-size: 12px;
    color: #888;
}

.bottom-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.legal-links a {
    color: #888;
    text-decoration: none;
    margin-left: 20px;
}
.legal-links a:hover { color: #fff; }

/* Responsive */
@media (max-width: 1024px) {
    .footer-grid { flex-direction: column; text-align: center; }
    .contact-item { justify-content: center; }
    .bottom-wrapper { flex-direction: column; gap: 10px; text-align: center; }
    .legal-links { margin-top: 10px; }
    .legal-links a { margin: 0 10px; }
}