/* ============================================
   style.css — Style dùng chung toàn site
   Học Tương Lai - hoctuonglai.edu.vn
   ============================================ */

.bg-grid-pattern {
    background-size: 24px 24px;
    background-image: radial-gradient(circle, #cbd5e1 1px, transparent 1px);
}

.glow-effect {
    box-shadow: 0 10px 30px -5px rgba(139, 92, 246, 0.3);
}

.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}

/* Dropdown menu (desktop nav) */
.nav-dropdown {
    display: none;
}
.group:hover .nav-dropdown {
    display: block;
}

/* Active nav link */
.nav-link.active {
    color: #2563eb;
    font-weight: 700;
}

/* Simple fade-in for page content */
main {
    animation: fadeIn .25s ease-out;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* AI quick-try modal */
#ai-modal.open {
    display: flex !important;
}

/* ---------- Bổ sung nhỏ (đồng bộ JS/CSS) — không đổi màu/hệ thống chung ---------- */

/* Icon hamburger <-> xmark trong mobile menu (navigation.js toggle class) */
#mobile-menu-icon {
    transition: transform .15s ease;
}

/* Trạng thái disabled dùng chung cho mọi nút (setButtonLoading trong main.js) */
button:disabled {
    cursor: not-allowed;
}

/* Focus rõ ràng hơn cho input/select khi thao tác bằng bàn phím */
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
button:focus-visible {
    outline: 2px solid #6366f1;
    outline-offset: 1px;
}