/*
Theme Name: Flatsome Child
Template: flatsome
Version: 1.13
*/

/* ==== CUSTOM CSS - VietKeyboard (gom tu Customizer + child) ==== */

/* ============================
   CUSTOM CSS - VietKeyboard
   ============================ */

#fullsong p:first-child,
#fullsong p:nth-child(2) {}

#fullsong > p {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 25px;
}
.fullsong { padding: 0px 30px 0px 30px; }
.float-right { margin-left: 10px; }

.empty_line{ height: 15px !important; }

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
    display: list-item;
    text-align: center;
    white-space: normal;
    word-break: break-word;
}

*{ box-sizing: border-box; }

body, h4 {
    font-family: system-ui !important;
    font-size: 15px;
    font-weight: 400;
    font-size: max(15px, 0.9vw);
    align-content: center;
}

.pswp__item { background-color: #000000d6; }

pre, blockquote, form, figure, p, dl, ul, ol { margin-bottom: .5em; }

entry-category, .is-xsmall, .h6 { font-family: system-ui; }

.h1, .entry-title {
    color: #4a15ad;
    text-shadow:
        0 0 7px #fff,
        0 0 10px #fff,
        0 0 2px #fff,
        0 0 4px #0fa,
        0 0 8px #0fa,
        0 0 9px #0fa,
        0 0 10px #0fa,
        0 0 151px #0fa;
    font-family: system-ui;
    font-weight: 700;
    font-size: max(25px, 0.9vw);
}

.badge-primary {
    height: 20px;
    color: white;
    font-weight: 600;
    border-radius: 6px;
    background: #9b51e0a8;
    padding-left: 9px;
    padding-right: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.large-12, .col { background-color: transparent !important; }
.nav-center { padding-block: 10px; }

.is-uppercase, .uppercase {
    line-height: 0.2;
    text-transform: none;
    font-size: 14px;
}

#ajaxsearchpro1_1 .probox, #ajaxsearchpro1_2 .probox {
    width: min(520px, 42vw);
    min-width: 240px;
    padding: 5px;
}

.box-text.text-left { padding: 0 8px 0 8px !important; margin: 0px !important; }
.post-item { padding-left: 10px; }
.col.post-item .col-inner { padding-bottom: 0px; }

.entry-content {
    font-size: max(16px, 0.9vw);
    padding-top: 0px;
    padding-bottom: 1.5em;
}

#comments .comment-respond {
    background-color: rgba(0, 0, 0, 0.05);
    margin-top: 4px;
    padding-top: 5px;
}

#mega-menu-title, .nav > li > a, .c-box__title__name, .uppercase.header-title {
    font-family: sans-serif !important;
    font-size: max(0.9vw, 15px);
}

.c-menu-top ul { list-style-type: none; }
.c-menu-top__sp a:hover, .c-menu-top__text:hover,
.header-cart-title:hover, .header-account-title:hover { color: #ffb718; }
.menu-item .nav-top-link { font-style: bold; margin-right: 15px; }
.c-menu-top ul li { float: left; margin: 5px 10px; }
.ux-search-submit { padding-top: 1px; }
.header-bottom.wide-nav.hide-for-sticky.flex-has-center {
    border-top: 1px solid rgba(255,255,255,0.2);
}
@media screen and (max-width: 849px) {
    .header-bottom.wide-nav.hide-for-sticky.flex-has-center {
        border-top: none;
    }
    .header-bottom .flex-row.container,
    .header-bottom .header-bottom-nav {
        border-bottom: none !important;
    }
}
.c-menu-top ul li a { color: #fff; font-size: 14px; }
.page-wrapper { padding-top: 1px; }
.woocommerce-error .message-container { text-align: right; }
.row.row-collapse.header-image .col.medium-3.large-3 { max-width: 150px; }
.row.row-collapse.row-full-width.slide-center .col.medium-3.large-3 { max-width: 25%; }
.slide-center .img-inner img { max-height: 180px; }
.col.medium-2.large-2 .col-inner .img { margin-bottom: 0; }
.row.banner-menu { margin-top: 30px; }
.product-small .col-inner, .c-whitebox__title__name, .row.large-columns-8 { background: #fff; }
.row.large-columns-8.medium-columns-3.small-columns-2 { margin-left: 0px; }
.search_categories.resize-select.mb-0 { border-radius: 3px 0 0 3px; }
#mega-menu-wrap { width: 245px; }
.ux-search-submit { border-radius: 0 3px 3px 0; }
.btn-add { text-align: center; }

/* === Footer === */
.c-footer-label {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 15px;
    color: #333;
}
.p-icon, .c-footer-list li a { font-size: 14px; color: #666666; }
.c-footer-list li a:hover { color: #ffb718; }
.c-footer-list { list-style-type: none; }
.col-inner .c-footer-list li { margin-left: 0; }
.c-footer-logo a img { margin-left: 0px; }
.p-icon .fa { color: #0971ce; }
.c-footer-support a img { width: 28px; height: 28px; margin-right: 7px; }
.c-footer-support a { color: #333; font-weight: bold; }
.c-footer-social ul { list-style-type: none; }
.c-footer-social ul li { float: left; margin-left: 0; }
.c-footer-social ul li a img {
    width: 32px;
    height: 32px;
    max-width: 100%;
    margin: 20px 35px 0 0;
}
.c-footer-social ul li a { justify-content: center; }
.row.row-poli { background: #fff; }

/* === Product hover === */
.product-small.col.has-hover img:hover {
    background: #fff;
    z-index: 2;
    opacity: 0.7;
}
/* Ảnh sản phẩm: khung vuông cố định + bo góc */
.product-small .box-image {
    border-radius: 8px;
    overflow: hidden;
}
.product-small .box-image img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: block;
}
.product-small .add-to-cart-button a {
    justify-items: center;
    display: table-cell;
    font-size: 10px;
    padding: 2px 10px;
}

/* === Buttons === */
.button.wc-forward { background: #ffb718; }
.woocommerce-Price-amount.amount { color: #e5101d; font-size: 14px; }
del .woocommerce-Price-amount.amount { color: #999; font-weight: 400; font-size: 13px; }
.button.secondary.lowercase.btn-add:hover {
    background-color: #0a64b4;
    border-color: #0a64b4;
}
.wc-block-grid__product-image {
    border-radius: 8px;
    overflow: hidden;
}
.wc-block-grid__product-image img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: block;
}

/* === Icon box === */
.icon-box-text.last-reset h4 { font-size: 18px; color: #333; }
.icon-box-text.last-reset p { font-size: 13px; color: #666666; }
.section-content.relative .row .col.medium-3.small-12.large-3,
.section-content.relative .row .col.medium-6.small-12.large-6 { padding-bottom: 0; }
.c-footer-email__left h6, .c-footer-email__left p { color: #fff; }
.c-footer-email__left h6 { font-size: 20px; text-transform: none; opacity: 1; }
.c-footer-email__left p { font-size: 14px; margin-bottom: 0; }
.form-flat input:not([type="submit"]), .form-flat textarea, .form-flat select {
 background-color: #fff;
 border-radius: 3px 0 0 3px;
}
.flex-col.ml-half { margin-left: 0; }
.wpcf7-form-control-wrap.your-email { padding-top: 1px; }
.wpcf7-form-control.wpcf7-submit.button {
 background: #ffb718;
 border-radius: 0 3px 3px 0;
 margin-left: -4px;
}

/* === Absolute footer === */
.absolute-footer { padding: 0; }
.copyright-footer { line-height: 50px; }

/* === Category page === */
.shop-page-title.category-page-title.page-title, #main { background: #ececec; }
.widget.woocommerce.widget_price_filter, .widget.woocommerce.widget_product_categories { background: #fff; }
.is-divider.small { display: none; }
.widget-title.shop-sidebar { margin: 20px; color: #0971ce; }
.product-categories li:first-child { border-top: 1px solid #ececec; }
.cat-item a { margin-left: 10px; }
.count { margin-right: 10px; }
.cat-item a:hover, .cat-item:hover { color: #ffb718; }
.price_slider_wrapper { padding: 10px; }
.price_slider_amount .button, .price_label { float: left; display: block; }

/* === Product Detail === */
.woocommerce-breadcrumb.breadcrumbs a { font-size: 14px; color: #333; }
.woocommerce-breadcrumb.breadcrumbs a:last-child { color: #777; }
.product-title.product_title.entry-title { white-space: normal; }
.price-wrapper .price.product-page-price span { font-size: 24px; font-weight: 100; }
.rte.description ul { list-style-type: none; }
.rte.description ul li { margin-left: 0; }
.rte.description ul li strong { font-weight: 100; }
.single_add_to_cart_button.button.alt { border-radius: 3px; text-wrap-mode: nowrap; }
.c-product-main__support .c-product__check { font-size: 14px; color: #333; }
.c-product__check i { color: #dd4b39; }
.product-main .row.mb-0.content-row { background: #fff; }
.product-page-title { background: #ececec; }
.wp-post-image.skip-lazy { padding-top: 10px; }
.b-grid__img img { float: left; }
.b-grid__title, .b-grid__row { font-size: 13px; color: #333333; }
.c-product-right__commit .b-grid .b-grid__content {
    margin-left: 48px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ddd;
}
#product-sidebar { padding-top: 10px; }
.onsale { font-size: 14px; }
.box.has-hover.has-hover.box-text-bottom { float: left; }

/* === Cart === */
.woocommerce-cart-form__cart-item.cart_item .product-thumbnail a img {
    max-height: none;
    min-height: 50px;
}
.button.primary.mt-0.pull-left.small, input[type='submit'].is-form {
    background: #ffb718;
    opacity: 1;
    color: #fff;
    text-shadow: none;
}
.button-continue-shopping.button.primary.is-outline {
    border-color: #ffb718;
    color: #ffb718;
}

/* === Contact === */
.row.lien-he, .woocommerce { margin-top: 20px; }
.row.lien-he .col-inner h4 { color: #0971ce; }
.wpcf7-form.customize-unpreviewable p label { font-weight: 100; }
.wpcf7-form-control.wpcf7-submit { border-radius: 4px; background: #0971ce; }

/* === News === */
.blog-wrapper .post-sidebar .widget.widget_recent_entries ul li { padding: 5px; }
.widget-title span {
    padding: 5px;
    border-bottom: 2px solid #0971ce;
    color: #0971ce;
}
.post-date { font-style: italic; }
.post-title.is-large {
    font-family: system-ui;
    color: #0971ce;
    font-size: max(19px, 0.3em);
}
.is-divider { display: none; }
.has-hover:hover .badge-outline .badge-inner {
    color: #fff;
    background-color: #ffb718;
    border-color: #ffb718;
}
.badge-outline .badge-inner {
    color: #ffb718;
    background-color: #fff;
}

/* === Wishlist === */
.wishlist-icon { display: none; }
.product-small { position: relative; }
.product-small .yith-wcwl-add-to-wishlist {
    position: absolute;
    display: inline;
    right: 18px;
    bottom: 18px;
    z-index: 9999;
}
.product-small .yith-wcwl-add-to-wishlist .add_to_wishlist {
    border: 2px solid #446084;
    padding: 5px;
    font-size: 12px;
}
#yith-wcwl-popup-message { display: none !important; }
.yith-wcwl-wishlistaddedbrowse .feedback { display: none; }
#yith-wcwl-row-685 .product-thumbnail {
    max-width: 140px;
    width: 250px;
}

/* === Mobile === */
@media only screen and (max-width: 767px) {
    .icon .icon-inner { float: left; }
    .icon .icon-inner img {
        width: 100% !important;
        min-height: 50px !important;
    }
    .icon-box-text.last-reset { text-align: left; }
    .icon-box-img { width: 100% !important; }
    .product-small .add-to-cart-button a {
        font-size: 0.9em !important;
        padding-left: 5px;
        padding-right: 5px;
        display: inline-table;
    }
    .product-small .add-to-cart-button { display: inline; }
    .product-small .box-text {
        padding: 15px 5px;
        display: table-cell;
    }
    .product-small .yith-wcwl-add-to-wishlist {
        position: absolute;
        display: inline;
        right: 5px;
        bottom: 14px;
    }
    .product-small .yith-wcwl-add-to-wishlist .add_to_wishlist {
        border: 2px solid #446084;
        padding: 1.4px 4px;
        font-size: 10px;
    }
    #yith-wcwl-row-685 .product-thumbnail { width: 150px; }
}

/* === Search form === */
.is-form-style input.is-search-submit, .is-search-icon {
    border-radius: 5px;
}
.is-form-style input.is-search-input {
    height: 36px;
    width: 300px;
    max-width: 90vw;
    justify-content: center;
    border-radius: 5px;
    font-size: 15px !important;
    font-family: sans-serif;
    font-style: normal;
}
.is-form-style {
    padding-right: 100px;
    padding-left: 100px;
    padding-top: 15px !important;
}

/* === Slider / Image === */
.video-fit video, .video-fit iframe, img.back-image, .image-cover img,
.has-format img, .has-equal-box-heights .box-image img {
    align-content: center;
    border-radius: 10px;
    border-width: 3px;
    padding: 3px;
}

/* === Nav small font === */
.nav-small .nav > li > a, .nav.nav-small > li > a {
    font-size: max(13px, .9vw);
    font-weight: bold;
}
.nav-top-link {
    font-size: max(12px, 1vw);
}

.c-box__title {
    border-bottom: ridge 6px #FF9900;
}

.c-box__title__name a {
    color: #555;
}

.c-box__title__name a:hover {
    color: #ffb718;
}

.c-box__title__name {
    font-size: max(15px, .3vw);
    font-weight: 200%;
}

.col, .gallery-item, .columns {
    padding: 10px 15px 0px 15px !important;
}

.box-text { padding-bottom: 10px; }

/* === Product title wrap === */
.name.product-title a {
    white-space: break-spaces;
    color: #474e52;
}

/* === Button main === */
.button, input[type='submit'], input[type='submit'].button,
input[type='reset'].button, input[type='button'].button {
    color: #fff;
    background-color: #eb6101ad;
    border-radius: 5px;
}

.product-small .add-to-cart-button a {
    font-size: 14px;
    margin-top: 1px;
    height: 15px;
    justify-content: center;
    background-color: #2271b1f2 !important;
}

button.single_add_to_cart_button {
    background-color: #00ba5f !important;
}

/* === Chord notation in excerpt - đồng bộ màu đỏ như trong bài viết === */
.box-blog-post .from_the_blog_excerpt .chord-notation.excerpt-chord,
.box-blog-post .from_the_blog_excerpt .chord-notation.excerpt-chord:hover,
a.plain .from_the_blog_excerpt .chord-notation.excerpt-chord,
a.plain .from_the_blog_excerpt .chord-notation.excerpt-chord:hover,
.box-text:hover .from_the_blog_excerpt .chord-notation.excerpt-chord,
.box-text-inner:hover .from_the_blog_excerpt .chord-notation.excerpt-chord,
.from_the_blog_excerpt .chord-notation.excerpt-chord,
.from_the_blog_excerpt .chord-notation.excerpt-chord:hover {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: 600 !important;
    color: #ff3434d4 !important;
}

/* === Chord notation in comments === */
.comment-content .chord-notation.comment-chord,
.wp-block-latest-comments .chord-notation.comment-chord,
.chord-notation.comment-chord {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: 600 !important;
    color: #ff3434d4 !important;
}

/* === Tên thành viên trong bình luận: in đậm, màu theo thành viên === */
.vk-member-name {
    font-weight: 700 !important;
}
.vk-member-name a {
    font-weight: 700 !important;
    color: inherit !important;
}

/* === Hover card bài viết: khung viền neon xanh, không đổi màu chữ === */
.col.post-item .box {
    border-radius: 8px;
    outline: 3px solid transparent;
    outline-offset: 5px;
    box-shadow: 0 0 0 rgba(0, 255, 170, 0);
    transition: outline-color .3s ease, box-shadow .3s ease;
}
.col.post-item:hover {
    background-color: transparent !important;
    transform: none !important;
}
.col.post-item:hover .box {
    outline-color: #0fa;
    box-shadow: 0 0 14px rgba(0, 255, 170, 0.4);
}
.col.post-item:hover .box-text,
.col.post-item:hover .box-text-inner {
    background-color: transparent !important;
    color: #0a0a0a !important;
}
.col.post-item:hover .image-cover {
    transform: none !important;
}
.col.post-item:hover .overlay {
    background-color: transparent !important;
}
/* Tag-label giữ nguyên như khi chưa hover (không đổi màu) */
.has-hover:hover .tag-label {
    background-color: rgb(117 72 150 / 92%);
    opacity: 0.7;
}
/* Nút "Xem và bình luận" thu gọn chiều cao để đáy khung bám sát chữ */
.box-blog-post .box-text-inner > .button {
    line-height: 1.25;
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0px;
}

/* ==== Bo sung tu Customizer Additional CSS (chua co trong child) ==== */
.product-category.col.is-selected img {
    padding-top:10px;
}

.sub-menu .menu-item.menu-item-type-taxonomy a {
    border-top:none;
}

#mega_menu a:hover {
    background:#fff;
	color:#ffb718;
}

#mega_menu>li>a {
    border-top:none
}

.sf-menu li:hover {
    background:#fff;
}

.h6, h6 {
    display: table-cell;
    background-color: #f8bc40a8;
    border-radius: 5px;
    padding: 5px;
	  font-size: 15px !important;
}

.is-xsmall.uppercase.count {
    display:none;
}

.tag-label {
    padding: 10px !important;
	border-radius: 5px;
    color: #fff;
    background-color: rgb(117 72 150 / 92%);
    transition: background-color .3s, opacity .3s;
}

.name.product-title a:hover {
    color:#ffb718;
}

.name.product-title {
    color:#333333;
font-size:13px;
}

.box-text.box-text-products {
    padding:15px;
justify-items: center;
}

.top {
    top:-30px;
}

.left {
    left:10px;
}

.badge-circle .badge-inner {
    border-radius: 0px;
	    background: url(/wp-content/uploads/2019/08/voso.vn898tag-sale.png) no-repeat center center;
}

.badge-inner.secondary.on-sale {
    background:normal;
}

.clearfix-polie {
    list-style-type:none;
}

.clearfix-polie li {
    width:18%;
	float:left;
	text-align:center
}

.b-grid__row.b-grid__desc {
    font-size:13px;
	color: #666;
}

/* === Sản phẩm widget (WooCommerce Blocks) đồng kiểu với trang chủ === */
.wc-block-grid__product .wc-block-grid__product-title {
    color: #333333 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}
.wc-block-grid__product .wc-block-grid__product-title a {
    color: #333333 !important;
}
.wc-block-grid__product .wp-block-button__link.add_to_cart_button {
    background-color: #2271b1f2 !important;
    border-radius: 5px !important;
    font-size: 13px !important;
    padding: 2px 10px !important;
    line-height: 1.6 !important;
    min-height: 0 !important;
}

/* ============================
   HỒ SƠ THÀNH VIÊN (forum-style)
   ============================ */

/* --- Card hồ sơ công khai (author archive) --- */
.vk-author-card {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 10px;
    padding: 18px 20px;
    margin: 0 0 22px;
}
.vk-author-card__avatar img {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}
.vk-author-card__name {
    margin: 0 0 6px;
    font-size: 20px;
    font-weight: 700;
    color: #333;
}
.vk-author-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    color: #777;
    font-size: 13px;
    margin-bottom: 8px;
}
.vk-author-card__loc::before { content: "📍 "; }
.vk-author-card__bio { color: #444; font-size: 14px; margin-bottom: 8px; }
.vk-author-card__web {
    display: inline-block;
    color: #2271b1;
    font-size: 13px;
    margin-bottom: 8px;
}
.vk-author-card__edit { margin-top: 6px; }

/* --- Form quản lý hồ sơ (My Account) --- */
.vk-profile {
    max-width: 760px;
}
.vk-profile__title { font-size: 20px; font-weight: 700; margin-bottom: 6px; }
.vk-profile__desc { color: #777; font-size: 13px; margin-bottom: 16px; }
.vk-profile__avatar {
    display: flex;
    gap: 14px;
    align-items: center;
    margin-bottom: 18px;
}
.vk-profile__avatar img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}
.vk-profile__avatar-actions { display: flex; flex-direction: column; gap: 6px; font-size: 13px; }
.vk-profile__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 14px;
    margin-bottom: 14px;
}
.vk-field { display: flex; flex-direction: column; gap: 4px; }
.vk-field label { font-size: 13px; font-weight: 600; color: #444; }
.vk-field input,
.vk-field select,
.vk-field textarea {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 9px 12px;
    font-size: 14px;
    width: 100%;
    box-shadow: none;
    height: auto;
    min-height: 40px;
}
.vk-field select {
    height: auto;
    min-height: 40px;
    line-height: 1.4;
    padding: 9px 34px 9px 12px;
    background-position: right 10px center;
    background-size: auto 16px;
}
.vk-field--full { grid-column: 1 / -1; }

/* Select tỉnh/thành phố ở trang thanh toán (WooCommerce): tránh mũi tên đè lên chữ */
.woocommerce form select#billing_city,
.woocommerce form select#shipping_city {
    padding-right: 34px;
    background-position: right 10px center;
    background-size: auto 16px;
}

/* Khung tìm kiếm header (Ajax Search Pro): rộng hết màn hình, cách đều 2 bên 40px, co giãn theo màn */
.header-bottom .flex-col.hide-for-medium.flex-center {
    flex: 1 1 auto;
    margin-left: 25px;
    margin-right: 25px;
}
.header-bottom .flex-col.show-for-medium.flex-grow {
    margin-left: 25px;
    margin-right: 25px;
}
.header-bottom .header-bottom-nav {
    width: 100%;
}
.header-bottom .header-bottom-nav > li.html.custom {
    width: 100%;
}
.header-bottom .asp_w_container_1,
.header-bottom .asp_w_container_1 .asp_w {
    width: 100% !important;
    max-width: 100%;
}
.header-bottom .asp_w_container_1 .probox {
    width: auto !important;
    max-width: 100%;
}

/* Bỏ đổ bóng (box-shadow) của Ajax Search Pro — nguyên nhân tạo đường line dưới ô tìm kiếm */
.header-bottom .asp_w_container_1 .asp_w.asp_m {
    box-shadow: none !important;
}

/* Ẩn archive-page-header (tiêu đề trang danh mục) trên TẤT CẢ các page */
.archive-page-header {
    display: none;
}

/* Ẩn phân trang (page-numbers nav-pagination) riêng chuyên mục HỢP ÂM (term 140 + con 2142) */
body.category-140 .page-numbers.nav-pagination,
body.category-2142 .page-numbers.nav-pagination,
body.category-hop-am .page-numbers.nav-pagination,
body.category-hop-am-da-kiem-duyet .page-numbers.nav-pagination {
    display: none;
}

/* Ẩn widget "Bình luận mới nhất" khỏi sidebar (đã chuyển xuống dưới bài viết) */
.single-post .post-sidebar #block-3 {
    display: none;
}

/* Khu vực "Bình luận mới nhất" dưới bài viết */
.vk-latest-comments-below {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}
.vk-latest-comments-below__title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 14px;
}

/* Font tiêu đề bình luận: dùng system-ui giống tiêu đề bài viết (đã bỏ Lato) */
.comment-reply-title,
#reply-title,
.vk-latest-comments-below__title {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ============================================================
 * THỐNG NHẤT FONT TOÀN SITE VỀ system-ui
 * (font tiêu đề + bài viết hợp âm là chuẩn đẹp nhất)
 * ============================================================ */
body,
button,
input,
select,
textarea,
h1, h2, h3, h4, h5, h6,
.heading-font,
.nav > li > a,
.nav-top-link {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Ajax Search Pro: bỏ Verdana / Open Sans, dùng system-ui */
.ajaxsearchpro,
.ajaxsearchpro input,
.ajaxsearchpro button,
.ajaxsearchpro select,
.ajaxsearchpro textarea,
.ajaxsearchpro form,
.ajaxsearchpro legend,
.ajaxsearchpro .asp_option_label,
.ajaxsearchpro .asp_text_button,
.asp_w,
.asp_w input,
.asp_w button,
.asp_w form,
.asp_w .proinput,
.asp_w legend {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Tiêu đề bài viết: kích thước responsive cho web/mobile hiện đại */
h1.entry-title,
.entry-title {
    font-size: clamp(22px, 3.5vw, 32px);
    line-height: 1.3;
}
.vk-profile__sub {
    font-size: 15px;
    font-weight: 700;
    margin: 4px 0 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid #eee;
}
.vk-profile__save {
    margin-top: 6px;
    font-weight: 600;
}
.vk-remove { color: #d32f2f; cursor: pointer; }
@media (max-width: 549px) {
    .vk-author-card { flex-direction: column; }
    .vk-profile__grid { grid-template-columns: 1fr; }
}