/**
 * BVA Theme — Custom CSS
 * Chỉ chứa styles không thể xử lý bằng Tailwind utility classes.
 * Tailwind được load qua CDN trong functions.php (bva_tailwind_cdn).
 *
 * @package BVA
 */

/* Material Symbols — font variation defaults */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    font-family: 'Material Symbols Outlined', sans-serif;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
}

/* Mobile menu — toggle state */
#mobile-menu {
    display: none;
}
#mobile-menu.is-open {
    display: flex;
}

/* Smooth scroll toàn site */
html {
    scroll-behavior: smooth;
}

/* Line clamp utility (hỗ trợ trình duyệt cũ) */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* WP Admin bar offset cho sticky header */
.admin-bar #site-header {
    top: 32px;
}
@media screen and (max-width: 782px) {
    .admin-bar #site-header {
        top: 46px;
    }
}