/*
Theme Name: Mộc Nhật V9.2 Mobile Store Menu
Description: Child theme cho Flatsome, đồng bộ nút Menu nền đen và ba gạch vàng trên toàn bộ trang WooCommerce ở mobile, giữ nguyên desktop.
Author: OpenAI
Version: 9.2.0
Template: flatsome
Text Domain: mocnhat-v83
*/
/* Font sang trọng cho phần mô tả sản phẩm và bài viết */
body.single-product .product-summary p,
body.single-product .product-summary li,
body.single-product #tab-description p,
body.single-product #tab-description li,
body.single-product .woocommerce-Tabs-panel--description p,
body.single-product .woocommerce-Tabs-panel--description li,
body.single-post .entry-content p,
body.single-post .entry-content li,
body.page .entry-content p,
body.page .entry-content li {
    font-family: "Playfair Display", "Cormorant Garamond", Georgia, serif !important;
    font-size: 19px !important;
    font-weight: 500 !important;
    line-height: 1.75 !important;
    letter-spacing: 0.1px !important;
    color: #ead9bf !important;
}

/* Giữ chữ đậm và đường link cùng kiểu font */
body.single-product .product-summary p strong,
body.single-product .product-summary li strong,
body.single-product #tab-description strong,
body.single-post .entry-content strong,
body.page .entry-content strong {
    font-family: inherit !important;
    font-weight: 700 !important;
}

/* Tối ưu kích thước trên điện thoại */
@media screen and (max-width: 767px) {
    body.single-product .product-summary p,
    body.single-product .product-summary li,
    body.single-product #tab-description p,
    body.single-product #tab-description li,
    body.single-post .entry-content p,
    body.single-post .entry-content li,
    body.page .entry-content p,
    body.page .entry-content li {
        font-size: 18px !important;
        line-height: 1.7 !important;
    }
}
/* ============================================================
   MỘC NHẬT V8.5 - COMPACT ARTICLE CATEGORY ARCHIVES
   Áp dụng: Kiến thức chọn đàn / Chính sách / Bạn cần biết /
   Thu mua nhạc cụ. Không tác động trang sản phẩm.
============================================================ */
.mn-article-archive {
    --mn-bg: #0b0807;
    --mn-panel: #130e0b;
    --mn-panel-2: #18110d;
    --mn-gold: #d8a755;
    --mn-gold-soft: #f0cc88;
    --mn-text: #f3e6d2;
    --mn-muted: #cbbda8;
    --mn-line: rgba(216, 167, 85, 0.28);
    background:
        radial-gradient(circle at 12% 16%, rgba(130, 78, 30, 0.12), transparent 34%),
        radial-gradient(circle at 88% 12%, rgba(130, 78, 30, 0.08), transparent 30%),
        var(--mn-bg);
    color: var(--mn-text);
    min-height: 70vh;
    padding-bottom: 64px;
}

.mn-article-archive,
.mn-article-archive * {
    box-sizing: border-box;
}

.mn-archive-container {
    width: min(1120px, calc(100% - 32px));
    margin: 0 auto;
}

.mn-archive-hero {
    position: relative;
    min-height: 205px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-bottom: 1px solid var(--mn-line);
    background:
        linear-gradient(90deg, rgba(7,5,4,.96), rgba(16,10,7,.84), rgba(7,5,4,.94)),
        var(--mn-archive-hero-image, linear-gradient(120deg, #130e0b, #0a0706));
    background-size: cover;
    background-position: center 45%;
}

.mn-archive-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.28));
    pointer-events: none;
}

.mn-archive-hero-inner {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 34px 0 30px;
}

.mn-archive-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    font: 700 12px/1.3 "Be Vietnam Pro", Arial, sans-serif;
    letter-spacing: .12em;
    color: var(--mn-gold);
}

.mn-archive-kicker::before,
.mn-archive-kicker::after {
    content: "";
    width: 42px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--mn-gold));
}

.mn-archive-kicker::after {
    background: linear-gradient(90deg, var(--mn-gold), transparent);
}

.mn-archive-hero h1 {
    margin: 0;
    font-family: "Playfair Display", Georgia, serif !important;
    font-size: clamp(34px, 4.2vw, 54px) !important;
    line-height: 1.08 !important;
    font-weight: 700 !important;
    color: #f4eadb !important;
    letter-spacing: -.02em;
}

.mn-archive-hero p {
    max-width: 720px;
    margin: 12px auto 0 !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 20px !important;
    line-height: 1.5 !important;
    color: #d9c8b0 !important;
}

.mn-archive-toolbar-section {
    padding: 18px 0 12px;
}

.mn-hub-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px 10px;
    padding: 10px 16px;
    margin-bottom: 14px;
    border: 1px solid var(--mn-line);
    border-radius: 13px;
    background: rgba(19, 14, 11, .76);
}

.mn-hub-nav-label {
    font: 600 13px/1.4 "Be Vietnam Pro", Arial, sans-serif;
    color: var(--mn-gold);
}

.mn-hub-nav-link {
    position: relative;
    font: 500 13px/1.4 "Be Vietnam Pro", Arial, sans-serif !important;
    color: #d8c9b3 !important;
    text-decoration: none !important;
    padding: 3px 0;
}

.mn-hub-nav-link + .mn-hub-nav-link::before {
    content: "•";
    color: rgba(216, 167, 85, .58);
    margin-right: 10px;
}

.mn-hub-nav-link.is-active,
.mn-hub-nav-link:hover {
    color: var(--mn-gold-soft) !important;
}

.mn-archive-search {
    display: grid;
    grid-template-columns: 38px 1fr auto;
    align-items: center;
    min-height: 48px;
    border: 1px solid var(--mn-line);
    border-radius: 13px;
    background: rgba(21, 16, 13, .92);
    overflow: hidden;
}

.mn-search-icon {
    text-align: center;
    font: 400 20px/1 Arial, sans-serif;
    color: #bda98c;
}

.mn-archive-search input[type="search"] {
    width: 100%;
    height: 46px;
    margin: 0 !important;
    padding: 0 8px !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    color: #f2e4cf !important;
    font: 500 14px/1.3 "Be Vietnam Pro", Arial, sans-serif !important;
}

.mn-archive-search input[type="search"]::placeholder {
    color: #9f917f !important;
    opacity: 1;
}

.mn-archive-search button {
    align-self: stretch;
    min-width: 94px;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-left: 1px solid var(--mn-line) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #e5b963, #c9943f) !important;
    color: #1b1209 !important;
    font: 700 13px/1 "Be Vietnam Pro", Arial, sans-serif !important;
    text-transform: none !important;
    box-shadow: none !important;
}

.mn-archive-filters {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 9px;
    padding-top: 11px;
}

.mn-filter-chip {
    min-width: 86px;
    padding: 8px 16px;
    border: 1px solid var(--mn-line);
    border-radius: 999px;
    background: rgba(16, 11, 9, .8);
    color: #decdb4 !important;
    text-align: center;
    text-decoration: none !important;
    font: 600 12px/1.2 "Be Vietnam Pro", Arial, sans-serif !important;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

.mn-filter-chip:hover,
.mn-filter-chip.is-active {
    transform: translateY(-1px);
    border-color: #d8a755;
    background: linear-gradient(180deg, #efd083, #d7a451);
    color: #22150a !important;
}

.mn-archive-results {
    padding-top: 12px;
}

.mn-search-status {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 14px;
    padding: 10px 13px;
    border: 1px solid rgba(216, 167, 85, .18);
    border-radius: 10px;
    background: rgba(22, 15, 11, .7);
    color: #cdbda6;
    font: 500 13px/1.5 "Be Vietnam Pro", Arial, sans-serif;
}

.mn-search-status a {
    color: var(--mn-gold-soft) !important;
    text-decoration: none !important;
}

.mn-article-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.mn-article-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    margin: 0 !important;
    overflow: hidden;
    border: 1px solid var(--mn-line);
    border-radius: 13px;
    background:
        linear-gradient(180deg, rgba(31, 21, 16, .96), rgba(16, 12, 10, .98));
    box-shadow: 0 12px 28px rgba(0,0,0,.14);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.mn-article-card:hover {
    transform: translateY(-3px);
    border-color: rgba(222, 174, 90, .56);
    box-shadow: 0 16px 34px rgba(0,0,0,.24);
}

.mn-card-media {
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background:
        radial-gradient(circle at 30% 30%, rgba(205, 143, 59, .24), transparent 38%),
        #0b0807;
}

.mn-card-media::after {
    content: "";
    position: absolute;
    inset: 0;
    border-bottom: 1px solid rgba(216, 167, 85, .18);
    background: linear-gradient(180deg, transparent 55%, rgba(0,0,0,.2));
    pointer-events: none;
}

.mn-card-media img {
    width: 100% !important;
    height: 100% !important;
    display: block;
    object-fit: cover !important;
    transition: transform .35s ease;
}

.mn-article-card:hover .mn-card-media img {
    transform: scale(1.035);
}

.mn-card-placeholder {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: rgba(239, 203, 137, .72);
    font: 700 24px/1 "Playfair Display", Georgia, serif;
}

.mn-card-body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 16px 16px 15px;
}

.mn-card-label {
    display: block;
    margin-bottom: 7px;
    color: var(--mn-gold) !important;
    font: 700 10px/1.3 "Be Vietnam Pro", Arial, sans-serif !important;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.mn-card-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 2.55em;
    margin: 0 0 9px !important;
    font-family: "Playfair Display", Georgia, serif !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.28 !important;
}

.mn-card-title a {
    color: #f3e7d5 !important;
    text-decoration: none !important;
}

.mn-card-title a:hover {
    color: var(--mn-gold-soft) !important;
}

.mn-card-excerpt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    min-height: 4.7em;
    margin: 0 0 12px !important;
    color: #cdbda6 !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
}

.mn-card-link {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    color: var(--mn-gold-soft) !important;
    text-decoration: none !important;
    font: 700 12px/1.3 "Be Vietnam Pro", Arial, sans-serif !important;
}

.mn-card-link span {
    transition: transform .18s ease;
}

.mn-card-link:hover span {
    transform: translateX(3px);
}

.mn-archive-pagination {
    display: flex;
    justify-content: center;
    margin-top: 28px;
}

.mn-archive-pagination .page-numbers {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.mn-archive-pagination .page-numbers li {
    margin: 0 !important;
}

.mn-archive-pagination .page-numbers a,
.mn-archive-pagination .page-numbers span {
    min-width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    padding: 0 10px;
    border: 1px solid var(--mn-line);
    border-radius: 8px;
    background: rgba(18, 13, 10, .9);
    color: #d9c8ae !important;
    text-decoration: none !important;
    font: 700 12px/1 "Be Vietnam Pro", Arial, sans-serif !important;
}

.mn-archive-pagination .page-numbers .current,
.mn-archive-pagination .page-numbers a:hover {
    border-color: #d7a34e;
    background: linear-gradient(180deg, #efd083, #d7a451);
    color: #24170b !important;
}

.mn-no-results {
    max-width: 650px;
    margin: 24px auto 10px;
    padding: 34px 28px;
    text-align: center;
    border: 1px solid var(--mn-line);
    border-radius: 14px;
    background: rgba(20, 14, 11, .86);
}

.mn-no-results h2 {
    margin: 0 0 8px !important;
    color: #f2e5d1 !important;
    font: 700 28px/1.2 "Playfair Display", Georgia, serif !important;
}

.mn-no-results p {
    margin: 0 0 16px !important;
    color: #c9b9a3 !important;
    font: 500 17px/1.55 "Cormorant Garamond", Georgia, serif !important;
}

.mn-no-results a {
    color: var(--mn-gold-soft) !important;
    text-decoration: none !important;
    font: 700 13px/1.3 "Be Vietnam Pro", Arial, sans-serif !important;
}

/* Chắc chắn metadata/lưu trữ/sidebar cũ không xuất hiện trong layout mới. */
.mn-article-archive .post-date,
.mn-article-archive .badge.post-date,
.mn-article-archive .entry-meta,
.mn-article-archive .entry-author,
.mn-article-archive .byline,
.mn-article-archive .tags,
.mn-article-archive .tagcloud,
.mn-article-archive .comments-link,
.mn-article-archive .entry-category,
.mn-article-archive .widget_archive,
.mn-article-archive .widget_categories,
.mn-article-archive .sidebar-wrapper {
    display: none !important;
}

@media screen and (max-width: 849px) {
    .mn-archive-container {
        width: min(100% - 26px, 760px);
    }

    .mn-archive-hero {
        min-height: 178px;
    }

    .mn-archive-hero-inner {
        padding: 28px 0 25px;
    }

    .mn-archive-hero h1 {
        font-size: clamp(31px, 7vw, 44px) !important;
    }

    .mn-archive-hero p {
        font-size: 18px !important;
    }

    .mn-article-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .mn-card-title {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 549px) {
    .mn-article-archive {
        padding-bottom: 38px;
    }

    .mn-archive-container {
        width: calc(100% - 24px);
    }

    .mn-archive-hero {
        min-height: 150px;
    }

    .mn-archive-hero-inner {
        padding: 23px 0 21px;
    }

    .mn-archive-kicker {
        font-size: 10px;
    }

    .mn-archive-kicker::before,
    .mn-archive-kicker::after {
        width: 25px;
    }

    .mn-archive-hero h1 {
        font-size: 31px !important;
    }

    .mn-archive-hero p {
        margin-top: 8px !important;
        font-size: 16px !important;
        line-height: 1.45 !important;
    }

    .mn-archive-toolbar-section {
        padding-top: 12px;
    }

    .mn-hub-nav {
        justify-content: flex-start;
        padding: 9px 11px;
        overflow-x: auto;
        flex-wrap: nowrap;
        scrollbar-width: none;
    }

    .mn-hub-nav::-webkit-scrollbar {
        display: none;
    }

    .mn-hub-nav-label,
    .mn-hub-nav-link {
        white-space: nowrap;
    }

    .mn-archive-search {
        grid-template-columns: 34px 1fr;
    }

    .mn-archive-search button {
        grid-column: 1 / -1;
        min-height: 40px;
        border-left: 0 !important;
        border-top: 1px solid var(--mn-line) !important;
    }

    .mn-archive-filters {
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 4px;
        scrollbar-width: none;
    }

    .mn-archive-filters::-webkit-scrollbar {
        display: none;
    }

    .mn-filter-chip {
        flex: 0 0 auto;
        min-width: 0;
        padding: 8px 14px;
        white-space: nowrap;
    }

    .mn-article-grid {
        grid-template-columns: 1fr;
    }

    .mn-card-body {
        padding: 14px;
    }

    .mn-card-title {
        min-height: 0;
        font-size: 20px !important;
    }

    .mn-card-excerpt {
        min-height: 0;
        font-size: 16px !important;
    }

    .mn-archive-pagination .page-numbers {
        gap: 5px;
    }

    .mn-archive-pagination .page-numbers a,
    .mn-archive-pagination .page-numbers span {
        min-width: 34px;
        height: 34px;
        padding: 0 8px;
    }
}

/* ============================================================
   MỘC NHẬT V8.5.1 - ARTICLE ARCHIVE V2 FIXES
   1) Hero không lấy ảnh đại diện bài đầu tiên
   2) Bộ lọc chỉ còn 4 nhóm nội dung chính
   3) Đồng bộ font UI với homepage
============================================================ */

/* Hero độc lập hoàn toàn với ảnh bài viết */
.mn-article-archive-v2 .mn-archive-hero {
    background:
        radial-gradient(circle at 18% 32%, rgba(176, 112, 42, .12), transparent 33%),
        radial-gradient(circle at 82% 18%, rgba(145, 86, 31, .10), transparent 30%),
        linear-gradient(115deg, #090605 0%, #17100c 48%, #0a0706 100%) !important;
    background-image:
        radial-gradient(circle at 18% 32%, rgba(176, 112, 42, .12), transparent 33%),
        radial-gradient(circle at 82% 18%, rgba(145, 86, 31, .10), transparent 30%),
        linear-gradient(115deg, #090605 0%, #17100c 48%, #0a0706 100%) !important;
}

.mn-article-archive-v2 .mn-archive-hero-overlay {
    background:
        linear-gradient(180deg, rgba(0,0,0,.03), rgba(0,0,0,.18)),
        repeating-linear-gradient(135deg, rgba(216,167,85,.025) 0, rgba(216,167,85,.025) 1px, transparent 1px, transparent 18px) !important;
}

/* Toolbar gọn: search + đúng 4 nhóm nội dung */
.mn-article-archive-v2 .mn-archive-toolbar-section {
    padding-top: 18px;
}

.mn-article-archive-v2 .mn-section-filters {
    padding-top: 14px;
    gap: 10px;
}

.mn-article-archive-v2 .mn-section-filters .mn-filter-chip {
    min-width: 150px;
    padding: 9px 18px;
}

/* Đồng bộ font các phần người dùng đánh dấu với homepage */
.mn-article-archive-v2 .mn-archive-hero p,
.mn-article-archive-v2 .mn-archive-search input[type="search"],
.mn-article-archive-v2 .mn-archive-search input[type="search"]::placeholder,
.mn-article-archive-v2 .mn-archive-search button,
.mn-article-archive-v2 .mn-filter-chip,
.mn-article-archive-v2 .mn-search-status,
.mn-article-archive-v2 .mn-search-status strong,
.mn-article-archive-v2 .mn-search-status a {
    font-family: "Playfair Display", Georgia, "Times New Roman", serif !important;
}

.mn-article-archive-v2 .mn-archive-hero p {
    font-size: 19px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

.mn-article-archive-v2 .mn-archive-search input[type="search"] {
    font-size: 15px !important;
    font-weight: 600 !important;
}

.mn-article-archive-v2 .mn-archive-search button,
.mn-article-archive-v2 .mn-filter-chip {
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.mn-article-archive-v2 .mn-search-status {
    font-size: 14px !important;
    font-weight: 500 !important;
}

@media screen and (max-width: 549px) {
    .mn-article-archive-v2 .mn-section-filters {
        justify-content: flex-start;
    }

    .mn-article-archive-v2 .mn-section-filters .mn-filter-chip {
        min-width: auto;
        padding: 8px 14px;
    }

    .mn-article-archive-v2 .mn-archive-hero p {
        font-size: 16px !important;
    }
}


/* ============================================================
   MỘC NHẬT V8.5.2 - ARTICLE ARCHIVE V3
   1) Mỗi mục có banner riêng theo đúng chủ đề
   2) Giữ đúng 4 nhóm nội dung chính
   3) Fix logo footer mobile không bị ép méo
============================================================ */

.mn-article-archive-v3 .mn-archive-hero {
    background-image:
        linear-gradient(90deg, rgba(7,5,4,.90), rgba(16,10,7,.62), rgba(7,5,4,.90)),
        var(--mn-archive-hero-image) !important;
    background-size: cover, cover !important;
    background-position: center center, center center !important;
}

.mn-article-archive-v3 .mn-archive-hero-overlay {
    background:
        linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.34)),
        repeating-linear-gradient(135deg, rgba(216,167,85,.018) 0, rgba(216,167,85,.018) 1px, transparent 1px, transparent 18px) !important;
}

.mn-article-archive-v3 .mn-archive-toolbar-section {
    padding-top: 18px;
}

.mn-article-archive-v3 .mn-section-filters {
    padding-top: 14px;
    gap: 10px;
}

.mn-article-archive-v3 .mn-section-filters .mn-filter-chip {
    min-width: 150px;
    padding: 9px 18px;
}

.mn-article-archive-v3 .mn-archive-hero p,
.mn-article-archive-v3 .mn-archive-search input[type="search"],
.mn-article-archive-v3 .mn-archive-search input[type="search"]::placeholder,
.mn-article-archive-v3 .mn-archive-search button,
.mn-article-archive-v3 .mn-filter-chip,
.mn-article-archive-v3 .mn-search-status,
.mn-article-archive-v3 .mn-search-status strong,
.mn-article-archive-v3 .mn-search-status a {
    font-family: "Playfair Display", Georgia, "Times New Roman", serif !important;
}

.mn-article-archive-v3 .mn-archive-hero p {
    font-size: 19px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

.mn-article-archive-v3 .mn-archive-search input[type="search"] {
    font-size: 15px !important;
    font-weight: 600 !important;
}

.mn-article-archive-v3 .mn-archive-search button,
.mn-article-archive-v3 .mn-filter-chip {
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.mn-article-archive-v3 .mn-search-status {
    font-size: 14px !important;
    font-weight: 500 !important;
}

@media screen and (max-width: 549px) {
    .mn-article-archive-v3 .mn-section-filters {
        justify-content: flex-start;
    }

    .mn-article-archive-v3 .mn-section-filters .mn-filter-chip {
        min-width: auto;
        padding: 8px 14px;
    }

    .mn-article-archive-v3 .mn-archive-hero p {
        font-size: 16px !important;
    }
}

/* Fix logo footer trên điện thoại: không bị ép méo hoặc quá nhỏ */
@media screen and (max-width: 549px) {
    .site-footer .footer-brand img,
    .site-footer .footer-brand .custom-logo,
    .site-footer .footer-brand .custom-logo-link img,
    .footer-widgets img,
    .footer-primary img,
    .footer img,
    #footer img,
    .widget_media_image img,
    .textwidget img,
    .footer-widgets .image img,
    .footer .logo img,
    .absolute-footer img {
        width: auto !important;
        max-width: 180px !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
    }

    .site-footer .footer-brand,
    .site-footer .footer-brand .custom-logo-link,
    .footer-widgets .img,
    .footer-widgets .image,
    .footer-widgets .textwidget,
    .footer-widgets .widget_media_image {
        text-align: center;
    }

    .site-footer .footer-brand img,
    .site-footer .footer-brand .custom-logo-link img,
    .footer-widgets .widget_media_image img,
    .footer-widgets .textwidget img,
    .footer-widgets .image img {
        display: inline-block !important;
        margin: 0 auto 14px !important;
    }
}
/* ============================================================
   V3.3 - LOẠI BỎ KHOẢNG TRỐNG GIỮA MENU VÀ BANNER
============================================================ */

main.mn-article-archive-v3 {
    position: relative !important;
    top: -36px !important;
    margin-bottom: -36px !important;
}

@media screen and (max-width: 849px) {
    main.mn-article-archive-v3 {
        top: -24px !important;
        margin-bottom: -24px !important;
    }
}

@media screen and (max-width: 549px) {
    main.mn-article-archive-v3 {
        top: -18px !important;
        margin-bottom: -18px !important;
    }
}
/* ============================================================
   V3.4 - FIX LOGO FOOTER MOBILE
============================================================ */

@media screen and (max-width: 849px) {

    html body:not(.home) footer.site-footer .footer-brand {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 210px !important;
        padding: 0 !important;
        overflow: visible !important;
        text-align: center !important;
    }

    html body:not(.home) footer.site-footer .footer-brand a.custom-logo-link {
        display: block !important;
        width: 210px !important;
        height: 210px !important;
        max-width: 210px !important;
        max-height: 210px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        line-height: 0 !important;
        overflow: visible !important;
    }

    html body:not(.home) footer.site-footer .footer-brand a.custom-logo-link img.custom-logo,
    html body:not(.home) footer.site-footer .footer-brand img.custom-logo,
    html body:not(.home) footer.site-footer .footer-brand img {
        display: block !important;

        width: 210px !important;
        height: 210px !important;

        min-width: 210px !important;
        min-height: 210px !important;

        max-width: 210px !important;
        max-height: 210px !important;

        margin: 0 auto !important;

        object-fit: contain !important;
        object-position: center !important;

        aspect-ratio: 1 / 1 !important;

        transform: none !important;
    }
}

@media screen and (max-width: 549px) {

    html body:not(.home) footer.site-footer .footer-brand {
        min-height: 190px !important;
    }

    html body:not(.home) footer.site-footer .footer-brand a.custom-logo-link,
    html body:not(.home) footer.site-footer .footer-brand a.custom-logo-link img.custom-logo,
    html body:not(.home) footer.site-footer .footer-brand img.custom-logo,
    html body:not(.home) footer.site-footer .footer-brand img {
        width: 190px !important;
        height: 190px !important;

        min-width: 190px !important;
        min-height: 190px !important;

        max-width: 190px !important;
        max-height: 190px !important;
    }
}
/* =========================================================
   MỘC NHẬT - KHỐI GHI CHÚ TRONG MÔ TẢ DÀI SẢN PHẨM
   Sửa nền trắng lóa thành nền tối luxury
   ========================================================= */

body.single-product .woocommerce-Tabs-panel--description blockquote,
body.single-product #tab-description blockquote {
    background: #181411 !important;
    color: #e8ddca !important;

    border: 1px solid rgba(201, 155, 74, 0.35) !important;
    border-left: 4px solid #c99b4a !important;

    border-radius: 6px !important;

    padding: 22px 24px !important;
    margin: 25px 0 !important;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25) !important;

    font-style: normal !important;
}


/* Chữ thường trong khung */
body.single-product #tab-description blockquote p,
body.single-product #tab-description blockquote li,
body.single-product #tab-description blockquote span {
    color: #ddd1bd !important;
}


/* Chữ in đậm */
body.single-product #tab-description blockquote strong,
body.single-product #tab-description blockquote b {
    color: #f1e5d0 !important;
    font-weight: 700 !important;
}


/* Link trong khung */
body.single-product #tab-description blockquote a {
    color: #d7a64d !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}


/* Hover link */
body.single-product #tab-description blockquote a:hover {
    color: #f0c66e !important;
}


/* MOBILE */
@media (max-width: 849px) {

    body.single-product #tab-description blockquote {
        padding: 18px 18px !important;
        margin: 22px 0 !important;

        border-left: 3px solid #c99b4a !important;

        background: #181411 !important;
    }

    body.single-product #tab-description blockquote p,
    body.single-product #tab-description blockquote li {
        color: #e2d6c3 !important;
        font-size: 17px !important;
        line-height: 1.7 !important;
    }

    body.single-product #tab-description blockquote strong,
    body.single-product #tab-description blockquote b {
        color: #f1e5d0 !important;
    }

    body.single-product #tab-description blockquote a {
        color: #dda947 !important;
    }
}
/* =====================================================
   MỘC NHẬT - SỬA KHUNG NỀN TRẮNG TRONG MÔ TẢ SẢN PHẨM
   ===================================================== */

body.single-product #tab-description .mn-note-box {
    background: #181411 !important;
    background-color: #181411 !important;

    color: #dfd3bf !important;

    border: 1px solid rgba(201, 155, 74, 0.35) !important;
    border-left: 4px solid #c99b4a !important;

    border-radius: 6px !important;

    padding: 22px 24px !important;
    margin: 24px 0 28px !important;

    box-shadow: 0 8px 24px rgba(0,0,0,0.25) !important;
}


/* Chữ trong khung */
body.single-product #tab-description .mn-note-box p,
body.single-product #tab-description .mn-note-box span {
    color: #dfd3bf !important;
}


/* Chữ đậm */
body.single-product #tab-description .mn-note-box strong,
body.single-product #tab-description .mn-note-box b {
    color: #f3e6cf !important;
    font-weight: 700 !important;
}


/* Link */
body.single-product #tab-description .mn-note-box a {
    color: #d9a84e !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

body.single-product #tab-description .mn-note-box a:hover {
    color: #f1c66f !important;
}


/* MOBILE */
@media (max-width: 849px) {

    body.single-product #tab-description .mn-note-box {
        padding: 18px 18px !important;
        margin: 22px 0 26px !important;
        border-left: 3px solid #c99b4a !important;
    }

    body.single-product #tab-description .mn-note-box p {
        font-size: 17px !important;
        line-height: 1.7 !important;
    }
}
/* ==================================================
   MỘC NHẬT - ĐỒNG BỘ FONT NOTE, LIÊN HỆ VÀ BẢNG
   ================================================== */

/* Gợi ý nhanh + Liên hệ Mộc Nhật */
.single-post .entry-content .mn-note-box,
.single-post .entry-content .mn-quick-note {
  margin: 24px 0 30px;
  padding: 16px 18px;
  background: rgba(190, 142, 75, 0.08) !important;
  border: 1px solid rgba(205, 160, 88, 0.3) !important;
  border-left: 4px solid #c89a54 !important;
  border-radius: 8px;
  color: #f1ddc1 !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 21px !important;
  font-weight: 500;
  line-height: 1.7;
}

.single-post .entry-content .mn-note-box *,
.single-post .entry-content .mn-quick-note * {
  font-family: inherit !important;
  color: inherit;
}

.single-post .entry-content .mn-note-box strong,
.single-post .entry-content .mn-quick-note strong {
  color: #f2c878 !important;
  font-weight: 700;
}

.single-post .entry-content .mn-note-box a,
.single-post .entry-content .mn-quick-note a {
  color: #e7b85d !important;
  text-decoration: none;
}

/* Toàn bộ bảng trong bài viết */
.single-post .entry-content table {
  width: 100%;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  background: rgba(20, 11, 7, 0.45) !important;
  border: 1px solid rgba(205, 160, 88, 0.3) !important;
  border-radius: 10px;
  overflow: hidden;
}

.single-post .entry-content table th {
  color: #f3ce8d !important;
  background: rgba(190, 142, 75, 0.1) !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.45;
  padding: 10px 12px;
  opacity: 1 !important;
}

.single-post .entry-content table td {
  color: #efddc4 !important;
  background: transparent !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 19px !important;
  font-weight: 500 !important;
  line-height: 1.5;
  padding: 9px 12px;
  opacity: 1 !important;
}

.single-post .entry-content table td *,
.single-post .entry-content table th * {
  color: inherit !important;
  font-family: inherit !important;
  opacity: 1 !important;
}

@media (max-width: 849px) {
  .single-post .entry-content .mn-note-box,
  .single-post .entry-content .mn-quick-note {
    padding: 14px 15px;
    font-size: 18px !important;
    line-height: 1.65;
  }

  .single-post .entry-content table th,
  .single-post .entry-content table td {
    padding: 9px 8px;
    font-size: 16px !important;
    line-height: 1.45;
  }
}
/* ==================================================
   KHỐI SEO THƯƠNG HIỆU MORRIS
   Đồng bộ khung và font với danh mục sản phẩm
================================================== */

html body.tax-product_brand .mn-morris-brand-seo {
    position: relative !important;
    isolation: isolate !important;
    box-sizing: border-box !important;

    width: calc(100% - 48px) !important;
    max-width: 1330px !important;
    margin: 46px auto 60px !important;
    padding: 58px 68px !important;

    border: 1px solid rgba(202, 150, 64, 0.42) !important;
    border-radius: 24px !important;

    background:
        radial-gradient(
            circle at top left,
            rgba(112, 70, 25, 0.13),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(30, 20, 14, 0.98),
            rgba(10, 8, 7, 0.99)
        ) !important;

    box-shadow:
        inset 0 0 0 1px rgba(255, 214, 140, 0.035),
        0 18px 45px rgba(0, 0, 0, 0.30) !important;

    color: #f0dfc5 !important;
    font-family:
        "Playfair Display",
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 19px !important;
    font-weight: 500 !important;
    line-height: 1.75 !important;
    letter-spacing: 0.01em !important;
}

/* Khung thứ hai nằm bên trong */
html body.tax-product_brand .mn-morris-brand-seo::before {
    content: "" !important;
    position: absolute !important;
    inset: 28px !important;
    z-index: -1 !important;
    pointer-events: none !important;

    border: 1px solid rgba(202, 150, 64, 0.20) !important;
    border-radius: 16px !important;

    background: rgba(18, 12, 9, 0.22) !important;
}

/* Đồng bộ toàn bộ font trong khối */
html body.tax-product_brand .mn-morris-brand-seo,
html body.tax-product_brand .mn-morris-brand-seo * {
    font-family:
        "Playfair Display",
        "Cormorant Garamond",
        Georgia,
        serif !important;
}

/* Tiêu đề H2 */
html body.tax-product_brand .mn-morris-brand-seo h2 {
    display: block !important;
    margin: 34px 0 22px !important;
    padding: 16px 22px !important;

    color: #efbd59 !important;
    background: linear-gradient(
        90deg,
        rgba(116, 76, 25, 0.24),
        rgba(116, 76, 25, 0.05)
    ) !important;

    border: 0 !important;
    border-left: 4px solid #d6a640 !important;
    border-radius: 6px 12px 12px 6px !important;

    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.28 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* Tiêu đề đầu tiên không để khoảng trống quá lớn */
html body.tax-product_brand .mn-morris-brand-seo > h2:first-child {
    margin-top: 0 !important;
}

/* Tiêu đề H3 */
html body.tax-product_brand .mn-morris-brand-seo h3 {
    margin: 28px 0 14px !important;
    color: #edc778 !important;

    font-size: 25px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

/* Văn bản và danh sách */
html body.tax-product_brand .mn-morris-brand-seo p,
html body.tax-product_brand .mn-morris-brand-seo li {
    color: #f0dfc5 !important;
    font-size: 19px !important;
    font-weight: 500 !important;
    line-height: 1.75 !important;
}

html body.tax-product_brand .mn-morris-brand-seo ul,
html body.tax-product_brand .mn-morris-brand-seo ol {
    margin: 14px 0 24px 26px !important;
}

html body.tax-product_brand .mn-morris-brand-seo li {
    margin-bottom: 9px !important;
}

/* Chữ đậm và liên kết */
html body.tax-product_brand .mn-morris-brand-seo strong {
    color: #f2c56c !important;
    font-weight: 700 !important;
}

html body.tax-product_brand .mn-morris-brand-seo a {
    color: #e7b64f !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

html body.tax-product_brand .mn-morris-brand-seo a:hover {
    color: #ffe0a0 !important;
    text-decoration: underline !important;
}

/* Bảng so sánh model */
html body.tax-product_brand .mn-morris-brand-seo table {
    width: 100% !important;
    margin: 22px 0 26px !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    background: rgba(8, 7, 6, 0.32) !important;
}

html body.tax-product_brand .mn-morris-brand-seo th {
    padding: 13px 14px !important;
    color: #f1c46d !important;
    background: rgba(106, 68, 24, 0.18) !important;
    border-bottom: 1px solid rgba(230, 198, 143, 0.72) !important;

    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    text-align: left !important;
}

html body.tax-product_brand .mn-morris-brand-seo td {
    padding: 12px 14px !important;
    color: #ead9bf !important;
    border-bottom: 1px solid rgba(230, 198, 143, 0.28) !important;

    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

/* Khối ghi chú */
html body.tax-product_brand .mn-morris-brand-seo .mn-note-box {
    margin: 28px 0 8px !important;
    padding: 22px 24px !important;

    color: #f0dfc5 !important;
    background: rgba(94, 60, 22, 0.18) !important;

    border: 1px solid rgba(206, 154, 64, 0.32) !important;
    border-left: 4px solid #d6a640 !important;
    border-radius: 12px !important;
}

/* Mobile */
@media only screen and (max-width: 849px) {
    html body.tax-product_brand .mn-morris-brand-seo {
        width: auto !important;
        margin: 30px 14px 42px !important;
        padding: 38px 27px !important;
        border-radius: 20px !important;

        font-size: 18px !important;
        line-height: 1.72 !important;
    }

    html body.tax-product_brand .mn-morris-brand-seo::before {
        inset: 11px !important;
        border-radius: 13px !important;
    }

    html body.tax-product_brand .mn-morris-brand-seo h2 {
        margin: 28px 0 18px !important;
        padding: 15px 17px !important;
        font-size: 29px !important;
        line-height: 1.3 !important;
    }

    html body.tax-product_brand .mn-morris-brand-seo h3 {
        font-size: 23px !important;
    }

    html body.tax-product_brand .mn-morris-brand-seo p,
    html body.tax-product_brand .mn-morris-brand-seo li {
        font-size: 18px !important;
        line-height: 1.72 !important;
    }

    html body.tax-product_brand .mn-morris-brand-seo table {
        display: block !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    html body.tax-product_brand .mn-morris-brand-seo th,
    html body.tax-product_brand .mn-morris-brand-seo td {
        min-width: 180px !important;
        padding: 11px 12px !important;
        font-size: 16px !important;
    }
}
/* ==================================================
   LÀM SÁNG CHỮ TRONG BẢNG SEO
   Guitar Châu Âu + Sản phẩm tuyển chọn
================================================== */

/* Toàn bộ chữ trong các ô của thân bảng */
html body.term-guitar-chau-au .mn-violin-cat-seo table tbody td,
html body.term-guitar-chau-au .mn-guitar-cat-seo table tbody td,
html body.term-san-pham-tuyen-chon .mn-violin-cat-seo table tbody td,
html body.term-san-pham-tuyen-chon .mn-guitar-cat-seo table tbody td {
    color: #ead9bf !important;
    -webkit-text-fill-color: #ead9bf !important;
    opacity: 1 !important;

    font-family:
        "Playfair Display",
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-weight: 500 !important;
    line-height: 1.55 !important;
}

/* Cột tiêu chí dùng màu vàng kem như bảng Morris */
html body.term-guitar-chau-au .mn-violin-cat-seo table tbody td:first-child,
html body.term-guitar-chau-au .mn-guitar-cat-seo table tbody td:first-child,
html body.term-san-pham-tuyen-chon .mn-violin-cat-seo table tbody td:first-child,
html body.term-san-pham-tuyen-chon .mn-guitar-cat-seo table tbody td:first-child {
    color: #efc878 !important;
    -webkit-text-fill-color: #efc878 !important;
    font-weight: 600 !important;
}

/* Giữ tiêu đề các cột sáng rõ */
html body.term-guitar-chau-au .mn-violin-cat-seo table thead th,
html body.term-guitar-chau-au .mn-guitar-cat-seo table thead th,
html body.term-san-pham-tuyen-chon .mn-violin-cat-seo table thead th,
html body.term-san-pham-tuyen-chon .mn-guitar-cat-seo table thead th {
    color: #f2d39a !important;
    -webkit-text-fill-color: #f2d39a !important;
    opacity: 1 !important;
    font-weight: 700 !important;
}

/* Đường phân cách bảng nhẹ và đồng bộ */
html body.term-guitar-chau-au .mn-violin-cat-seo table td,
html body.term-guitar-chau-au .mn-guitar-cat-seo table td,
html body.term-san-pham-tuyen-chon .mn-violin-cat-seo table td,
html body.term-san-pham-tuyen-chon .mn-guitar-cat-seo table td {
    border-color: rgba(230, 198, 143, 0.32) !important;
}