/*
Theme Name: VBaseUp Complete
Theme URI: https://vbaseup.com/
Author: VBaseUp
Description: Theme WordPress hoàn chỉnh cho VBaseUp, gồm Trang chủ, Về VBaseUp, FAQ và Liên hệ.
Version: 2.2.0
Text Domain: vbaseup
*/

:root {
    --vbaseup-primary: #008F62;
    --vbaseup-deep: #064E3B;
    --vbaseup-soft: #D1FAE5;
    --vbaseup-text: #17201C;
    --vbaseup-secondary: #52605A;
    --vbaseup-border: #DDE5E1;
}

html { scroll-behavior: smooth; }
body {
    margin: 0;
    font-family: "Inter", sans-serif;
    color: var(--vbaseup-text);
    background: #fff;
    -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 { font-family: "Manrope", sans-serif; }
img { max-width: 100%; height: auto; }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #fff; }
::-webkit-scrollbar-thumb { background: var(--vbaseup-border); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--vbaseup-primary); }

.faq-content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height .3s ease-out, opacity .3s ease-out, margin .3s ease-out;
}
.faq-item.active .faq-content { max-height: 500px; opacity: 1; margin-top: 1rem; }
.faq-item.active .faq-icon { transform: rotate(180deg); }
.faq-icon { transition: transform .3s ease; }

.custom-logo { width: auto; max-height: 72px; }
#wpadminbar + .site-shell .site-header { top: 32px; }
@media screen and (max-width: 782px) {
    #wpadminbar + .site-shell .site-header { top: 46px; }
}

.vbaseup-content a { color: var(--vbaseup-primary); }
.vbaseup-content p { line-height: 1.8; }


/* Keep the imported HTML design independent from WordPress/plugin defaults. */
.site-shell *,
.site-shell *::before,
.site-shell *::after { box-sizing: border-box; }
.site-shell button,
.site-shell input,
.site-shell textarea { font: inherit; }
.site-shell a { text-decoration: none; }
.site-shell p,
.site-shell h1,
.site-shell h2,
.site-shell h3,
.site-shell h4,
.site-shell ul { margin-top: 0; }