/* ==========================================================================
   fixcusall.css - File CSS sửa lỗi riêng (load sau cùng, không sửa style.css / fixcssall.css)
   ========================================================================== */

/* --------------------------------------------------------------------------
   Form "Đăng Ký Tư Vấn 1-1" (.consultation-section-v2) bị tràn ngang trên mobile
   Nguyên nhân: fixcssall.css ép .consultation-right { grid-column: 2 } nên dù
   grid-template-columns: 1fr thì vẫn sinh thêm cột ngầm -> form bị đẩy ra ngoài.
   -------------------------------------------------------------------------- */
.consultation-grid > .consultation-left,
.consultation-grid > .consultation-right {
    min-width: 0 !important;
}

@media (max-width: 991px) {
    .consultation-section-v2 .consultation-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 35px !important;
    }
    .consultation-section-v2 .consultation-left {
        grid-column: 1 !important;
        grid-row: 1 !important;
        max-width: 100% !important;
    }
    .consultation-section-v2 .consultation-right {
        grid-column: 1 !important;
        grid-row: 2 !important;
        max-width: 100% !important;
    }
}

@media (max-width: 767px) {
    .consultation-section-v2 {
        padding: 45px 0 !important;
        overflow-x: hidden !important;
    }
    .consultation-section-v2 .consultation-title {
        font-size: 2rem !important;
        margin-bottom: 15px !important;
    }
    .consultation-section-v2 .consultation-subtitle {
        font-size: 1rem !important;
    }
    .consultation-section-v2 .form-row {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 15px !important;
    }
    .consultation-section-v2 .consultation-form-v2 {
        gap: 15px !important;
    }
    .consultation-section-v2 input,
    .consultation-section-v2 textarea {
        max-width: 100% !important;
        font-size: 16px !important; /* tránh iOS tự zoom khi focus */
    }
    .consultation-section-v2 .btn-send-consult {
        width: 100% !important;
        align-self: stretch !important;
        text-align: center !important;
        padding: 14px 20px !important;
        white-space: normal !important;
    }
}

/* --------------------------------------------------------------------------
   Menu mobile (.uv-mobile-drawer) không lướt được, nút chuyển ngôn ngữ bị che
   Nguyên nhân: height: 100vh trên trình duyệt mobile tính cả phần bị thanh
   công cụ (Safari/Chrome) che -> phần cuối menu nằm khuất, không cuộn tới được.
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
    .uv-mobile-drawer {
        top: 0 !important;
        bottom: 0 !important;
        height: 100vh !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain !important;
        touch-action: pan-y !important;
        padding-bottom: calc(110px + env(safe-area-inset-bottom, 0px)) !important;
    }
    .uv-mobile-drawer > * {
        flex-shrink: 0 !important;
    }
    .uv-drawer-overlay {
        height: 100dvh !important;
        touch-action: none !important;
    }
}