/**
 * Scotch AGS - Footer 2026 CSS
 * ========================================
 * Scoped to .footer__primary_2026 and #footer
 * Applied globally (all pages)
 */

/* Overall Footer Background */
.footer__primary_2026 {
    background: #002343 !important;
    color: #fff;
}

/* Ẩn footer cũ CHỈ KHI footer mới đang hiển thị */
#footer:has(.footer__primary_2026) .ux-block-lien-he-voi-nam-uc-scotch-ags {
    display: none;
}
#footer:has(.footer__primary_2026) .footer__primary {
    display: none;
}
#footer:has(.footer__primary_2026) .footer__secondary {
    display: none;
}

/* ============================================
   Footer 2026: General Typography
   ============================================ */
.footer__primary_2026 h3 {
    font-size: 1em;
    color: #fff;
}
.footer__primary_2026 p {
    color: #fff;
}
.footer__primary_2026 a {
    color: #fff;
}
.footer__primary_2026 a:hover {
    color: var(--ags-yellow);
}

/* ============================================
   Footer 2026: Social Links
   ============================================ */
.footer__primary_2026 .social-links {
    display: flex;
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
}
.footer__primary_2026 .social-links a {
    display: flex;
    flex-direction: row;
    gap: 10px;
    width: 28%;
    font-size: 0.8em;
    align-items: baseline;
}
.footer__primary_2026 .social-links a i {
    font-size: 1.2em;
}

/* ============================================
   Footer 2026: Contact Info
   ============================================ */
.footer__primary_2026 .contact-info {
    margin: 24px 0;
}
.footer__primary_2026 .contact-info h5,
.footer__primary_2026 .contact-info h4 {
    color: #fff;
    font-size: 0.9em;
    font-family: "SVN-Apercu Pro", serif;
}
.footer__primary_2026 .contact-info p {
    font-size: 0.8em;
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin: 0 0 0 0;
}

/* ============================================
   Footer 2026: Quick Links
   ============================================ */
.footer__primary_2026 .footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer__primary_2026 .footer-links li {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}
.footer__primary_2026 .footer-links li::marker {
    display: none;
}
.footer__primary_2026 .footer-links li a {
    font-size: 0.9em;
    font-weight: 500;
}

/* ============================================
   Footer 2026: Middle Column
   ============================================ */
.footer__primary_2026 .col-middle {
    padding-left: 70px;
}

/* ============================================
   Footer 2026: Form Column
   ============================================ */
.footer__primary_2026 .col-form .row .col:nth-child(2) {
    padding-left: 30px !important;
}
.footer__primary_2026 .col-form > .col-inner .row-level-2 {
    padding: 40px;
    padding-bottom: 0;
    margin-top: -60px;
    border-radius: 16px;
    background: #00539F;
    color: #fff;
}
.footer__primary_2026 .col-form h3 {
    font-size: 1.4em;
}
.footer__primary_2026 .col-form form {
    margin: 0;
}
.footer__primary_2026 .col-form form .flex-row {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.footer__primary_2026 .col-form form .flex-row .flex-col {
    width: 100%;
}
.footer__primary_2026 .col-form form .flex-row .flex-col input {
    width: 100%;
    max-width: none !important;
    border: 0;
    border-radius: 10px;
    padding: 10px;
    background: #fff;
    color: #002343;
}

/* ============================================
   Footer 2026: Contact Form 7 Styles
   ============================================ */
.footer__primary_2026 .col-form .wpcf7-form p {
    margin: 0;
}
.footer__primary_2026 .col-form .wpcf7-form label {
    display: block;
    margin-bottom: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
}
.footer__primary_2026 .col-form .wpcf7-form label span,
.footer__primary_2026 .col-form .wpcf7-form label .wpcf7-required,
.footer__primary_2026 .col-form .wpcf7-form label .asterisk {
    color: #ff2b55 !important;
}
.footer__primary_2026 .col-form .wpcf7-form .wpcf7-form-control-wrap {
    display: block;
    margin-top: 8px;
}
.footer__primary_2026 .col-form .wpcf7-form .wpcf7-form-control:not(.wpcf7-submit) {
    width: 100%;
    height: 48px;
    border: 1px solid rgba(100, 176, 235, 0.9) !important;
    border-radius: 4px;
    background: transparent !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 14px;
    box-shadow: none;
}
.footer__primary_2026 .col-form .wpcf7-form textarea.wpcf7-form-control {
    min-height: 120px;
    height: auto;
    resize: vertical;
}
.footer__primary_2026 .col-form .wpcf7-form .wpcf7-form-control::placeholder {
    color: rgba(190, 224, 248, 0.9);
}
.footer__primary_2026 .col-form .wpcf7-form .wpcf7-form-control:focus {
    border-color: #8cd0ff !important;
    outline: none;
}
.footer__primary_2026 .col-form .wpcf7-form .wpcf7-submit.button_fix-by-js,
.footer__primary_2026 .col-form .wpcf7-form .wpcf7-submit {
    width: auto !important;
    min-width: 74px;
    height: 42px;
    padding: 0 18px;
    border: 0 !important;
    border-radius: 8px;
    background: #e7194b !important;
    color: #fff !important;
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
    text-transform: none;
    box-shadow: none;
    cursor: pointer;
    display: block;
    margin: 0 auto;
}
.footer__primary_2026 .col-form .wpcf7-form .wpcf7-spinner {
    margin: 0 0 0 10px;
}

/* ============================================
   Footer 2026: Responsive
   ============================================ */
@media (max-width: 849px) {
    #footer .footer__primary_2026 .row.row-level-1 {
        display: flex;
        flex-direction: column;
    }
    #footer .footer__primary_2026 .row.row-level-1 > .col:nth-child(2) {
        order: 2;
        padding: 0 var(--space-20) var(--space-sm);
    }
    #footer .footer__primary_2026 .row.row-level-1 > .col:nth-child(3) {
        order: 1;
    }
    #footer .footer__primary_2026 .row.row-level-1 > .col:nth-child(1) {
        order: 3;
        padding-bottom: 0;
    }
    .footer__primary_2026 .col-form > .col-inner {
        padding: 20px;
        padding-bottom: 0;
    }
    .footer__primary_2026 .col-form form {
        margin-bottom: 0;
    }
    #footer .footer__primary_2026 .row.row-level-2 {
        display: flex;
        flex-direction: row;
        gap: 0;
        flex-wrap: wrap;
        padding: 20px;
    }
    #footer .footer__primary_2026 .row.row-level-2 .col:nth-child(1) {
        flex-basis: 20%;
    }
    #footer .footer__primary_2026 .row.row-level-2 .col:nth-child(2) {
        padding-left: 20px !important;
        flex-basis: 80%;
    }
    #footer .footer__primary_2026 .row.row-level-2 form {
        margin-top: 15px;
    }
    .footer__primary_2026 .footer-links {
        display: flex;
        flex-wrap: wrap;
    }
    .footer__primary_2026 .footer-links li {
        width: 33%;
    }
}