/* =========================================================
   PREMIUM - SINGLE POST / Trường Phong 0989 072 072
========================================================= */


html body .phongvt-single-news {
    --yen-green: #063f2e;
    --yen-green-2: #0b5b3d;
    --yen-gold: #d6ad55;
    --yen-gold-light: #f0cf7b;
    --yen-cream: #fbf7ed;
    --yen-cream-2: #f5efe1;
    --yen-text: #18382c;
    --yen-muted: #66756d;
    --yen-border: #e5dac3;
    background: var(--yen-cream) !important;
    color: var(--yen-text) !important;
}

html body .phongvt-single-news .phongvt-single-news-main {
    background: #fbf7ed !important;
}

html body .phongvt-single-news .phongvt-single-news-hero {
    background: #063f2e !important;
}

html body .phongvt-single-news .phongvt-single-news-hero-overlay {
    background: linear-gradient(90deg, rgba(2, 43, 31, .94), rgba(6, 75, 51, .82) 58%, rgba(2, 45, 32, .78)), linear-gradient(0deg, rgba(2, 41, 30, .88), rgba(2, 41, 30, .20) 60%, rgba(2, 41, 30, .38)) !important;
}

html body .phongvt-single-news .phongvt-news-breadcrumb,
html body .phongvt-single-news .phongvt-news-breadcrumb a,
html body .phongvt-single-news .phongvt-single-news-meta {
    color: rgba(255, 255, 255, .82) !important;
}

html body .phongvt-single-news .phongvt-news-breadcrumb a:hover,
html body .phongvt-single-news .phongvt-single-news-cat,
html body .phongvt-single-news .phongvt-single-news-meta i {
    color: #f0cf7b !important;
}

html body .phongvt-single-news .phongvt-single-news-content,
html body .phongvt-single-news .phongvt-single-news-widget {
    background: #fff !important;
    border-color: #e5dac3 !important;
    color: #18382c !important;
    box-shadow: 0 12px 30px rgba(33, 70, 49, .09) !important;
}

html body .phongvt-single-news .phongvt-single-news-content p {
    color: #526b5f !important;
}

html body .phongvt-single-news .phongvt-single-news-content h2,
html body .phongvt-single-news .phongvt-single-news-content h3,
html body .phongvt-single-news .phongvt-single-news-content h4,
html body .phongvt-single-news .phongvt-single-news-content strong,
html body .phongvt-single-news .phongvt-single-news-widget > h3,
html body .phongvt-single-news .phongvt-single-news-recent-item strong {
    color: #171717 !important;
}

html body .phongvt-single-news .phongvt-single-news-content h2,
html body .phongvt-single-news .phongvt-single-news-content blockquote {
    border-left-color: #d6ad55 !important;
}

html body .phongvt-single-news .phongvt-single-news-content blockquote {
    background: #f5efe1 !important;
    color: #18382c !important;
}

html body .phongvt-single-news .phongvt-single-news-content a,
html body .phongvt-single-news .phongvt-single-news-cats a {
    color: #0b5b3d !important;
}

html body .phongvt-single-news .phongvt-single-news-content a:hover,
html body .phongvt-single-news .phongvt-single-news-cats a:hover,
html body .phongvt-single-news .phongvt-single-news-recent-item:hover strong {
    color: #a87318 !important;
}

html body .phongvt-single-news .phongvt-single-news-widget > h3 > span {
    background: #d6ad55 !important;
}

html body .phongvt-single-news .phongvt-single-news-widget .searchform {
    border-color: #e5dac3 !important;
    background: #fffdf8 !important;
}

html body .phongvt-single-news .phongvt-single-news-widget input[type="search"],
html body .phongvt-single-news .phongvt-single-news-widget input[type="text"] {
    color: #18382c !important;
}

html body .phongvt-single-news .phongvt-single-news-widget .search-submit,
html body .phongvt-single-news .phongvt-single-news-widget button[type="submit"],
html body .phongvt-single-news .phongvt-single-news-widget input[type="submit"] {
    background: #063f2e !important;
    color: #fff !important;
}

html body .phongvt-single-news .phongvt-single-news-widget .search-submit:hover,
html body .phongvt-single-news .phongvt-single-news-widget button[type="submit"]:hover,
html body .phongvt-single-news .phongvt-single-news-widget input[type="submit"]:hover {
    background: #d6ad55 !important;
    color: #063f2e !important;
}

html body .phongvt-single-news .phongvt-single-news-nav > div > a {
    border-color: #e5dac3 !important;
    background: #fff !important;
    color: #063f2e !important;
}

html body .phongvt-single-news .phongvt-single-news-nav a:hover {
    border-color: #d6ad55 !important;
    background: #fffaf0 !important;
}

html body .phongvt-single-news .phongvt-single-news-cats a {
    border-bottom-color: #e5dac3 !important;
}

html body .phongvt-single-news .phongvt-single-news-cats b {
    background: #f5efe1 !important;
    color: #063f2e !important;
}

html body .phongvt-single-news .phongvt-single-news-cta {
    background: radial-gradient(circle at 90% 10%, rgba(214, 173, 85, .18), transparent 35%), linear-gradient(145deg, #032f23, #0a5b3d) !important;
    border-color: rgba(214, 173, 85, .38) !important;
}

html body .phongvt-single-news .phongvt-single-news-cta .phongvt-cta-icon,
html body .phongvt-single-news .phongvt-single-news-cta .phongvt-cta-label {
    color: #f0cf7b !important;
}

html body .phongvt-single-news .phongvt-single-news-cta > h3,
html body .phongvt-single-news .phongvt-single-news-cta p {
    color: #fff !important;
}

html body .phongvt-single-news .phongvt-single-news-cta > a {
    background: #d6ad55 !important;
    color: #173b2a !important;
}

html body .phongvt-single-news .phongvt-single-news-cta > a:hover {
    background: #f0cf7b !important;
    color: #063f2e !important;
}

html body .phongvt-single-news .phongvt-single-news-related {
    border-top-color: #e5dac3 !important;
    background: #f5efe1 !important;
}

html body .phongvt-single-news .phongvt-single-news-section-head > span {
    color: #a87318 !important;
}

html body .phongvt-single-news .phongvt-single-news-section-head h2 {
    color: #063f2e !important;
}

html body .phongvt-single-news .phongvt-single-news-section-head p {
    color: #66756d !important;
}

html body .phongvt-single-news .phongvt-single-news-card {
    background: #fff !important;
    border-color: #e5dac3 !important;
    box-shadow: 0 6px 18px rgba(33, 70, 49, .08) !important;
}

html body .phongvt-single-news .phongvt-single-news-card:hover {
    border-color: #d6ad55 !important;
    box-shadow: 0 16px 32px rgba(33, 70, 49, .14) !important;
}

html body .phongvt-single-news .phongvt-single-news-card-img {
    border-bottom-color: #d6ad55 !important;
}

html body .phongvt-single-news .phongvt-single-news-card-img > span {
    background: rgba(6, 63, 46, .94) !important;
    border-color: rgba(214, 173, 85, .75) !important;
    color: #fff !important;
}

html body .phongvt-single-news .phongvt-single-news-card-body {
    background: #fff !important;
}

html body .phongvt-single-news .phongvt-single-news-card-meta,
html body .phongvt-single-news .phongvt-single-news-card-meta i {
    color: #a87318 !important;
}

html body .phongvt-single-news .phongvt-single-news-card h3,
html body .phongvt-single-news .phongvt-single-news-card h3 a {
    color: #063f2e !important;
}

html body .phongvt-single-news .phongvt-single-news-card h3 a:hover,
html body .phongvt-single-news .phongvt-single-news-readmore:hover {
    color: #a87318 !important;
}

html body .phongvt-single-news .phongvt-single-news-card p {
    color: #66756d !important;
}

html body .phongvt-single-news .phongvt-single-news-readmore {
    color: #0b5b3d !important;
}

:root {
    --kara-bg: #080808;
    --kara-surface: #0f0f0f;
    --kara-card: #121212;
    --kara-card2: #171717;
    --kara-gold: #d9a72e;
    --kara-gold2: #f0c24b;
    --kara-white: #fff;
    --kara-text: #e8e8e8;
    --kara-muted: #9d9d9d;
    --kara-border: #2a2a2a;
    --kara-shadow: 0 20px 55px rgba(0, 0, 0, .35);
}

/* VN Đại Phong: đồng bộ chi tiết tin tức xanh - trắng - vàng */
:root{--kara-bg:#f5f9fd;--kara-surface:#fff;--kara-card:#fff;--kara-card2:#f3f8fc;--kara-gold:#f6a800;--kara-gold2:#e89500;--kara-white:#07539a;--kara-text:#244b70;--kara-muted:#6f8498;--kara-border:#d8e7f3;--kara-shadow:0 12px 30px rgba(0,65,125,.09)}
.phongvt-single-news{background:#f5f9fd;color:#244b70}.phongvt-single-news-hero{background:#023d74}.phongvt-single-news-hero-overlay{background:linear-gradient(90deg,rgba(1,39,76,.9),rgba(4,82,146,.7) 58%,rgba(1,39,76,.72)),linear-gradient(0deg,rgba(1,42,80,.8),transparent 55%)}.phongvt-news-breadcrumb,.phongvt-news-breadcrumb a,.phongvt-single-news-meta{color:rgba(255,255,255,.8)!important}.phongvt-news-breadcrumb a:hover,.phongvt-single-news-cat,.phongvt-single-news-meta i{color:#f6a800!important}.phongvt-single-news-main{background:#f5f9fd}.phongvt-single-news-content,.phongvt-single-news-widget{background:#fff;border-color:#d8e7f3;box-shadow:var(--kara-shadow);color:#244b70}.phongvt-single-news-content p{color:#42627e}.phongvt-single-news-content h2,.phongvt-single-news-content h3,.phongvt-single-news-content h4,.phongvt-single-news-content strong{color:#07539a}.phongvt-single-news-content h2,.phongvt-single-news-content blockquote{border-left-color:#f6a800}.phongvt-single-news-content blockquote{background:#f3f8fc;color:#244b70}.phongvt-single-news-content a,.phongvt-single-news-widget>h3,.phongvt-single-news-recent-item strong{color:#07539a}.phongvt-single-news-widget>h3>span{background:#f6a800}.phongvt-single-news-widget .searchform{border-color:#cddfed!important;background:#f8fbfe!important}.phongvt-single-news-widget input[type=search],.phongvt-single-news-widget input[type=text]{color:#244b70!important}.phongvt-single-news-widget .search-submit,.phongvt-single-news-widget button[type=submit],.phongvt-single-news-widget input[type=submit]{background:#07539a!important;color:#fff!important}.phongvt-single-news-nav>div>a{border-color:#d8e7f3;background:#fff;color:#07539a!important}.phongvt-single-news-nav a:hover{border-color:#f6a800;background:#fffaf0}.phongvt-single-news-cats a{border-bottom-color:#e6eef5;color:#245b90!important}.phongvt-single-news-cats b{background:#eaf4fb;color:#07539a}.phongvt-single-news-cta{background:linear-gradient(145deg,#064981,#07539a);border-color:transparent}.phongvt-single-news-cta .phongvt-cta-icon,.phongvt-cta-label{color:#f6a800}.phongvt-single-news-cta>h3{color:#fff}.phongvt-single-news-cta p{color:rgba(255,255,255,.82)}.phongvt-single-news-cta>a{background:#f6a800;color:#073f75!important}.phongvt-single-news-related{border-top-color:#d8e7f3;background:#eef6fc}.phongvt-single-news-section-head h2{color:#07539a}

.phongvt-container {
    width: min(1380px, calc(100% - 36px));
    margin: auto;
}

.phongvt-single-news {
    background: var(--kara-bg);
    color: var(--kara-text);
}

.phongvt-single-news a {
    text-decoration: none;
}


/* =========================================================
   HERO
========================================================= */

.phongvt-single-news-hero {
    position: relative;
    min-height: 470px;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    background: #050505;
}

.phongvt-single-news-hero-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    filter: saturate(.72);
}

.phongvt-single-news-hero-overlay {
    position: absolute;
    inset: 0;
  background: linear-gradient(90deg, rgb(0 0 0 / 64%) 0%, rgb(0 0 0 / 44%) 42%, rgba(0, 0, 0, .56) 72%, rgb(0 0 0 / 26%) 100%), linear-gradient(0deg, #0808089e 0%, transparent 45%);
}

.phongvt-single-news-hero-inner {
    position: relative;
    z-index: 2;
    padding: 30px 0 30px;
}

.phongvt-news-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 28px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #888;
}

.phongvt-news-breadcrumb a {
    color: #aaa !important;
}

.phongvt-news-breadcrumb a:hover {
    color: var(--kara-gold2) !important;
}

.phongvt-news-breadcrumb i {
    font-size: 8px;
    color: #555;
}

.phongvt-single-news-cat {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    color: var(--kara-gold2) !important;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.phongvt-single-news-hero h1 {
    max-width: 900px;
    margin: 0;
    color: #fff;
    font-size: clamp(36px, 4.7vw, 64px);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -.035em;
    text-shadow: 0 4px 24px rgba(0, 0, 0, .4);
}

.phongvt-single-news-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    margin-top: 25px;
    color: #bbb;
    font-size: 13px;
}

.phongvt-single-news-meta i {
    color: var(--kara-gold);
    margin-right: 6px;
}


/* =========================================================
   MAIN
========================================================= */

.phongvt-single-news-main {
    padding: 30px 0 30px;
    background: var(--kara-bg);
}

.phongvt-single-news-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 38px;
    align-items: start;
}

.phongvt-single-news-content {
    min-width: 0;
    padding: 38px 42px;
    background: #0d0d0d;
    border: 1px solid var(--kara-border);
    border-radius: 16px;
    box-shadow: var(--kara-shadow);
    color: #d5d5d5;
    font-size: 16px;
    line-height: 1.85;
}

.phongvt-single-news-content p {
    margin: 0 0 22px;
    color: #d1d1d1;
}

.phongvt-single-news-content h2,
.phongvt-single-news-content h3,
.phongvt-single-news-content h4 {
    margin: 36px 0 16px;
    color: #fff;
    font-weight: 800;
    line-height: 1.3;
}

.phongvt-single-news-content h2 {
    padding-left: 15px;
    border-left: 3px solid var(--kara-gold);
    font-size: 29px;
}

.phongvt-single-news-content h3 {
    font-size: 23px;
}

.phongvt-single-news-content a {
    color: var(--kara-gold2);
}

.phongvt-single-news-content img {
    max-width: 100%;
    height: auto;
    margin: 12px 0 24px;
    border-radius: 12px;
}

.phongvt-single-news-content blockquote {
    margin: 28px 0;
    padding: 22px 24px;
    border-left: 3px solid var(--kara-gold);
    border-radius: 0 10px 10px 0;
    background: #15130c;
    color: #eee;
}

.phongvt-single-news-content ul,
.phongvt-single-news-content ol {
    margin: 0 0 24px;
    padding-left: 22px;
}

.phongvt-single-news-content li {
    margin-bottom: 8px;
}

.phongvt-single-news-content strong {
    color: #fff;
}


/* =========================================================
   TAGS + NAV
========================================================= */

.phongvt-single-news-tags {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    margin-top: 42px;
    padding-top: 24px;
    border-top: 1px solid var(--kara-border);
}

.phongvt-single-news-tags strong {
    white-space: nowrap;
    color: #fff;
    font-size: 13px;
}

.phongvt-single-news-tags strong i {
    color: var(--kara-gold);
    margin-right: 6px;
}

.phongvt-single-news-tags div {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.phongvt-single-news-tags a {
    display: inline-flex;
    padding: 6px 11px;
    border: 1px solid #333;
    border-radius: 5px;
    color: #bbb !important;
    font-size: 12px;
}

.phongvt-single-news-tags a:hover {
    border-color: var(--kara-gold);
    color: var(--kara-gold2) !important;
}

.phongvt-single-news-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 28px;
}

.phongvt-single-news-nav > div > a {
    min-height: 78px;
    padding: 14px 17px;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid var(--kara-border);
    border-radius: 10px;
    background: #111;
    color: #ddd !important;
    font-size: 13px;
    line-height: 1.35;
}

.phongvt-single-news-nav a:hover {
    border-color: #70591b;
    background: #15130d;
}

.phongvt-single-news-nav i {
    color: var(--kara-gold);
}

.phongvt-single-news-nav small {
    display: block;
    margin-bottom: 5px;
    color: #777;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.phongvt-nav-next a {
    justify-content: flex-end;
    text-align: right;
}


/* =========================================================
   SIDEBAR
========================================================= */

.phongvt-single-news-sidebar {
    position: sticky;
    top: 95px;
    display: grid;
    gap: 18px;
}

.phongvt-single-news-widget {
    padding: 22px;
    background: #101010;
    border: 1px solid var(--kara-border);
    border-radius: 14px;
}

.phongvt-single-news-widget > h3 {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 18px;
    color: #fff;
    font-size: 17px;
    font-weight: 800;
}

.phongvt-single-news-widget > h3 > span {
    width: 3px;
    height: 18px;
    border-radius: 3px;
    background: var(--kara-gold);
}


/* SEARCH */

.phongvt-single-news-widget .searchform {
    position: relative !important;
    height: 44px !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid #323232 !important;
    border-radius: 7px !important;
    background: #080808 !important;
}

.phongvt-single-news-widget .searchform .flex-row,
.phongvt-single-news-widget .searchform > div {
    height: 100% !important;
    margin: 0 !important;
}

.phongvt-single-news-widget input[type=search],
.phongvt-single-news-widget input[type=text] {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 44px !important;
    padding: 0 54px 0 14px !important;
    border: 0 !important;
    background: transparent !important;
    color: #fff !important;
    box-shadow: none !important;
}

.phongvt-single-news-widget .search-submit,
.phongvt-single-news-widget button[type=submit],
.phongvt-single-news-widget input[type=submit] {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--kara-gold) !important;
    color: #111 !important;
    font-size: 0 !important;
}

.phongvt-single-news-widget .search-submit:before,
.phongvt-single-news-widget button[type=submit]:before {
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px;
    color: #111;
}


/* RECENT */

.phongvt-single-news-recent {
    display: grid;
    gap: 14px;
}

.phongvt-single-news-recent-item {
    display: grid;
    grid-template-columns: 76px 1fr;
    gap: 12px;
    align-items: center;
}

.phongvt-single-news-recent-img img,
.phongvt-single-news-recent-img span {
    width: 76px;
    height: 61px;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: cover;
    border-radius: 7px;
    background: #191919;
    color: var(--kara-gold);
}

.phongvt-single-news-recent-item strong {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #e9e9e9;
    font-size: 13px;
    line-height: 1.4;
}

.phongvt-single-news-recent-item:hover strong {
    color: var(--kara-gold2);
}

.phongvt-single-news-recent-item small {
    display: block;
    margin-top: 6px;
    color: #777;
    font-size: 11px;
}

.phongvt-single-news-recent-item small i {
    color: #a37d21;
    margin-right: 4px;
}


/* CATEGORIES */

.phongvt-single-news-cats {
    display: grid;
}

.phongvt-single-news-cats a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 11px 0;
    border-bottom: 1px solid #242424;
    color: #c7c7c7 !important;
    font-size: 13px;
}

.phongvt-single-news-cats a:last-child {
    border: 0;
}

.phongvt-single-news-cats a:hover span {
    color: var(--kara-gold2);
}

.phongvt-single-news-cats b {
    min-width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #1c1c1c;
    color: #9c9c9c;
    font-size: 10px;
}


/* CTA */

.phongvt-single-news-cta {
    position: relative;
    overflow: hidden;
    padding: 27px 24px;
    background:
        radial-gradient(
            circle at 85% 10%,
            rgba(217, 167, 46, .16),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #17140d,
            #0e0e0e
        );
    border-color: #46391a;
}

.phongvt-single-news-cta:after {
    content: "";
    position: absolute;
    right: -35px;
    bottom: -45px;
    width: 130px;
    height: 130px;
    border: 1px solid rgba(217, 167, 46, .14);
    border-radius: 50%;
}

.phongvt-single-news-cta .phongvt-cta-icon {
    width: 45px;
    height: 45px;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    border: 1px solid #66501b;
    border-radius: 50%;
    color: var(--kara-gold2);
}

.phongvt-cta-label {
    display: block;
    margin-bottom: 7px;
    color: var(--kara-gold);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .14em;
}

.phongvt-single-news-cta > h3 {
    display: block !important;
    margin: 0 0 9px !important;
    font-size: 21px !important;
}

.phongvt-single-news-cta p {
    position: relative;
    z-index: 1;
    margin: 0 0 18px;
    color: #aaa;
    font-size: 13px;
    line-height: 1.65;
}

.phongvt-single-news-cta > a {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 15px;
    border-radius: 6px;
    background: var(--kara-gold);
    color: #111 !important;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.phongvt-single-news-cta > a:hover {
    background: var(--kara-gold2);
}


/* =========================================================
   RELATED
========================================================= */

.phongvt-single-news-related {
    padding: 72px 0 85px;
    border-top: 1px solid #202020;
    background: #0b0b0b;
}

.phongvt-single-news-section-head {
    margin-bottom: 34px;
    text-align: center;
}

.phongvt-single-news-section-head > span {
    color: var(--kara-gold);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .16em;
}

.phongvt-single-news-section-head h2 {
    margin: 7px 0 0;
    color: #fff;
    font-size: 34px;
    font-weight: 700;
}

.phongvt-single-news-section-head p {
    margin: 9px 0 0;
    color: #818181;
    font-size: 14px;
}

.phongvt-single-news-related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.phongvt-single-news-card {
    overflow: hidden;
    background: #111;
    border: 1px solid #292929;
    border-radius: 12px;
    transition: .28s;
}

.phongvt-single-news-card:hover {
    transform: translateY(-5px);
    border-color: #5b491f;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .3);
}

.phongvt-single-news-card-img {
    position: relative;
    display: block;
    height: 215px;
    overflow: hidden;
    background: #161616;
}

.phongvt-single-news-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .45s;
}

.phongvt-single-news-card:hover img {
    transform: scale(1.05);
}

.phongvt-single-news-card-img > span {
    position: absolute;
    left: 14px;
    bottom: 14px;
    padding: 6px 10px;
    background: rgba(7, 7, 7, .88);
    border: 1px solid rgba(217, 167, 46, .55);
    border-radius: 4px;
    color: var(--kara-gold2);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.phongvt-card-empty {
    height: 100%;
    display: grid;
    place-items: center;
    color: #5d4a1d;
    font-size: 42px;
}

.phongvt-single-news-card-body {
    padding: 21px;
}

.phongvt-single-news-card-meta {
    color: #767676;
    font-size: 11px;
}

.phongvt-single-news-card-meta i {
    color: #a47f24;
    margin-right: 5px;
}

.phongvt-single-news-card h3 {
    margin: 10px 0;
    font-size: 19px;
    line-height: 1.4;
    font-weight: 800;
}

.phongvt-single-news-card h3 a {
    color: #f4f4f4 !important;
}

.phongvt-single-news-card h3 a:hover {
    color: var(--kara-gold2) !important;
}

.phongvt-single-news-card p {
    margin: 0;
    color: #929292;
    font-size: 13px;
    line-height: 1.65;
}

.phongvt-single-news-readmore {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 16px;
    color: var(--kara-gold2) !important;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 980px) {

    .phongvt-single-news-layout {
        grid-template-columns: 1fr;
    }

    .phongvt-single-news-sidebar {
        position: static;
        grid-template-columns: repeat(2, 1fr);
    }

    .phongvt-single-news-related-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 640px) {

    .phongvt-container {
        width: min(100% - 24px, 1180px);
    }

    .phongvt-single-news-hero {
        min-height: 390px;
    }

    .phongvt-single-news-hero-inner {
        padding: 55px 0 45px;
    }

    .phongvt-single-news-hero h1 {
        font-size: 34px;
    }

    .phongvt-single-news-meta {
        gap: 11px 16px;
    }

    .phongvt-single-news-main {
        padding: 35px 0 50px;
    }

    .phongvt-single-news-content {
        padding: 24px 19px;
        border-radius: 10px;
    }

    .phongvt-single-news-content h2 {
        font-size: 24px;
    }

    .phongvt-single-news-sidebar {
        grid-template-columns: 1fr;
    }

    .phongvt-single-news-nav {
        grid-template-columns: 1fr;
    }

    .phongvt-single-news-related {
        padding: 52px 0;
    }

    .phongvt-single-news-related-grid {
        grid-template-columns: 1fr;
    }

    .phongvt-single-news-section-head h2 {
        font-size: 28px;
    }

    .phongvt-single-news-card-img {
        height: 210px;
    }
}

/* =====================================================
   CUSTOM SINGLE POST - VUA CÂY XANH
   Hero xanh, canh trái, bỏ category/chi tiết/tác giả
===================================================== */

/* Tông màu chung */
html body .phongvt-single-news {
    --post-green: #171717;
    --post-green-dark: #063c2c;
    --post-green-light: #176c49;
    --post-accent: #f8b400;
    --post-gold: #e7bd52;
    --post-bg: #f8f6ee;
    --post-text: #254536;

    background: var(--post-bg) !important;
    color: var(--post-text) !important;
}


/* =========================
   HERO
========================= */
html body .phongvt-single-news .phongvt-single-news-hero {
    min-height: 470px;
    background: var(--post-green-dark) !important;
    align-items: center !important;
}

/* Ảnh nền */
html body .phongvt-single-news .phongvt-single-news-hero-bg {
    background-position: center center !important;
    background-size: cover !important;
    filter: none !important;
}

/* Lớp phủ xanh */
html body .phongvt-single-news .phongvt-single-news-hero-overlay {
    background:
        linear-gradient(
            90deg,
            rgba(3, 58, 42, .94) 0%,
            rgba(5, 72, 51, .90) 35%,
            rgba(5, 76, 54, .82) 65%,
            rgba(3, 58, 42, .76) 100%
        ) !important;
}


/* =========================
   CANH TRÁI TOÀN BỘ HERO
========================= */
html body .phongvt-single-news .phongvt-single-news-hero-inner {
    padding-top: 70px !important;
    padding-bottom: 70px !important;

    text-align: left !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Không cho tiêu đề tự căn giữa */
html body .phongvt-single-news .phongvt-single-news-hero h1 {
    max-width: 980px !important;
    margin: 0 !important;

    text-align: left !important;

    color: #ffffff !important;
    font-size: clamp(38px, 4vw, 62px) !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
    letter-spacing: -0.025em !important;

    text-shadow: 0 3px 16px rgba(0, 0, 0, .18) !important;
}


/* =========================
   BREADCRUMB
========================= */
html body .phongvt-single-news .phongvt-news-breadcrumb {
    justify-content: flex-start !important;
    text-align: left !important;

    margin-bottom: 22px !important;

    color: rgba(255,255,255,.78) !important;
}

html body .phongvt-single-news .phongvt-news-breadcrumb a {
    color: rgba(255,255,255,.82) !important;
}

html body .phongvt-single-news .phongvt-news-breadcrumb a:hover {
    color: #ffffff !important;
}

html body .phongvt-single-news .phongvt-news-breadcrumb i {
    color: var(--post-accent) !important;
}


/* =========================
   BỎ "CHI TIẾT"
   + bỏ dấu > trước Chi tiết
========================= */
html body .phongvt-single-news
.phongvt-news-breadcrumb > span:last-child {
    display: none !important;
}

html body .phongvt-single-news
.phongvt-news-breadcrumb > i:last-of-type {
    display: none !important;
}


/* =========================
   BỎ DÒNG CATEGORY
   "THÔNG CÁO BÁO CHÍ"
========================= */
html body .phongvt-single-news .phongvt-single-news-cat {
    display: none !important;
}


/* =========================
   META DƯỚI TIÊU ĐỀ
========================= */
html body .phongvt-single-news .phongvt-single-news-meta {
    justify-content: flex-start !important;
    text-align: left !important;

    gap: 24px !important;
    margin-top: 28px !important;

    color: rgba(255,255,255,.82) !important;
}

html body .phongvt-single-news .phongvt-single-news-meta span {
    color: rgba(255,255,255,.85) !important;
}

html body .phongvt-single-news .phongvt-single-news-meta i {
    color: var(--post-gold) !important;
}


/* =========================
   ẨN NGƯỜI VIẾT / TÁC GIẢ
   span cuối cùng trong meta
========================= */
html body .phongvt-single-news
.phongvt-single-news-meta > span:last-child {
    display: none !important;
}


/* =========================
   PHẦN NỘI DUNG
========================= */
html body .phongvt-single-news .phongvt-single-news-main {
    background: #f8f6ee !important;
}

html body .phongvt-single-news .phongvt-single-news-content,
html body .phongvt-single-news .phongvt-single-news-widget {
    background: #ffffff !important;
    border: 1px solid #e5e1d4 !important;
    box-shadow: 0 8px 25px rgba(20, 72, 47, .07) !important;
}

html body .phongvt-single-news .phongvt-single-news-content {
    color: #385348 !important;
}

html body .phongvt-single-news .phongvt-single-news-content p {
    color: #536a60 !important;
}


/* Heading nội dung */
html body .phongvt-single-news .phongvt-single-news-content h2,
html body .phongvt-single-news .phongvt-single-news-content h3,
html body .phongvt-single-news .phongvt-single-news-content h4,
html body .phongvt-single-news .phongvt-single-news-content strong {
    color: var(--post-green) !important;
}

html body .phongvt-single-news .phongvt-single-news-content h2 {
    border-left-color: var(--post-accent) !important;
}


/* =========================
   SIDEBAR
========================= */
html body .phongvt-single-news .phongvt-single-news-widget > h3 {
    color: var(--post-green) !important;
}

html body .phongvt-single-news
.phongvt-single-news-widget > h3 > span {
    background: var(--post-accent) !important;
}

html body .phongvt-single-news
.phongvt-single-news-widget .search-submit,
html body .phongvt-single-news
.phongvt-single-news-widget button[type="submit"],
html body .phongvt-single-news
.phongvt-single-news-widget input[type="submit"] {
    background: var(--post-green) !important;
    color: #fff !important;
}


/* =========================
   RESPONSIVE
========================= */
@media (max-width: 768px) {

    html body .phongvt-single-news .phongvt-single-news-hero {
        min-height: 380px !important;
    }

    html body .phongvt-single-news .phongvt-single-news-hero-inner {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    html body .phongvt-single-news .phongvt-single-news-hero h1 {
        font-size: 34px !important;
        line-height: 1.15 !important;
    }

    html body .phongvt-single-news .phongvt-single-news-meta {
        gap: 15px !important;
    }
}

/* =========================================================
   FIX: ICON TÌM KIẾM SÁNG RÕ & MENU CHUYÊN MỤC TO, IN ĐẬM
========================================================= */

/* 1. Sửa màu Icon Kính Lúp (Chuyển sang màu Trắng nổi bật trên nền xanh) */
html body .phongvt-single-news .phongvt-single-news-widget .search-submit,
html body .phongvt-single-news .phongvt-single-news-widget button[type="submit"],
html body .phongvt-single-news .phongvt-single-news-widget input[type="submit"] {
    background: #171717 !important; /* Xanh lá thẫm đồng bộ Vua Cây Xanh */
    color: #ffffff !important;
}

/* Đổi màu icon FontAwesome thành trắng rực rỡ */
html body .phongvt-single-news .phongvt-single-news-widget .search-submit:before,
html body .phongvt-single-news .phongvt-single-news-widget button[type="submit"]:before {
    color: #ffffff !important; 
    font-size: 16px !important;
}

/* Hiệu ứng Hover đổi sang màu Vàng Nổi */
html body .phongvt-single-news .phongvt-single-news-widget .search-submit:hover,
html body .phongvt-single-news .phongvt-single-news-widget button[type="submit"]:hover {
    background: #78b82a !important; /* Xanh lá tươi / Accent */
}


/* 2. Làm Menu Chuyên mục to ra & in đậm */
html body .phongvt-single-news .phongvt-single-news-cats a {
    font-size: 15px !important;       /* Tăng từ 13px lên 15px cho rõ ràng */
    font-weight: 700 !important;      /* In đậm chữ */
    color: #18382c !important;       /* Màu chữ đậm nét */
    padding: 13px 0 !important;       /* Nới rộng khoảng cách giữa các dòng */
    transition: color 0.2s ease, padding-left 0.2s ease !important;
}

/* Hiệu ứng khi rê chuột vào menu chuyên mục */
html body .phongvt-single-news .phongvt-single-news-cats a:hover {
    color: #0b5139 !important;
    padding-left: 5px !important;     /* Đẩy nhẹ sang phải tạo cảm giác bấm */
}

/* Làm tròn và nổi bật số lượng bài viết bên phải */
html body .phongvt-single-news .phongvt-single-news-cats b {
    font-size: 11px !important;
    font-weight: 700 !important;
        background: #f3f1ef !important;
    color: #e78b03 !important;
    width: 26px !important;
    height: 26px !important;
}
/* =========================================================
   FIX CTA SIDEBAR: CĂN GIỮA TOÀN BỘ CẤU TRÚC
========================================================= */

/* Khung chứa chính căn giữa */
html body .phongvt-single-news .phongvt-single-news-cta {
    display: flex !important;
    flex-direction: column !important; /* Dọc toàn bộ */
    align-items: center !important;     /* Căn giữa tất cả thành phần theo chiều ngang */
    justify-content: center !important;
    text-align: center !important;       /* Căn giữa chữ */
    padding: 24px !important;
    background: #ffffff !important;
    border: 1px solid #e5e1d4 !important;
    border-radius: 14px !important;
}

/* 1. Icon tai nghe căn giữa ở trên cùng */
html body .phongvt-single-news .phongvt-single-news-cta .phongvt-cta-icon {
    margin: 0 0 12px 0 !important;
    width: 52px !important;
    height: 52px !important;
       border-color: #FF9800 !important;
    color: #FF9800 !important;
    background: #f3f8f5 !important;
}

/* 2. Dòng "HỖ TRỢ 24/7" */
html body .phongvt-single-news .phongvt-single-news-cta .phongvt-cta-label {
    width: 100% !important;
    margin: 0 0 4px 0 !important;
    color: #a87318 !important;
    font-weight: 800 !important;
    text-align: center !important;
}

/* 3. Tiêu đề "Đặt Mua hoặc tư vấn" */
html body .phongvt-single-news .phongvt-single-news-cta > h3 {
    width: 100% !important;
    margin: 0 0 10px 0 !important;
       color: #171717 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    text-align: center !important;
}

/* 4. Đoạn mô tả */
html body .phongvt-single-news .phongvt-single-news-cta p {
    width: 100% !important;
    color: #536a60 !important;
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    margin: 0 0 16px 0 !important;
    text-align: center !important;
}

/* 5. Nút LIÊN HỆ NGAY */
html body .phongvt-single-news .phongvt-single-news-cta > a {
    margin: 0 auto !important;
    background: #d6ad55 !important;
    color: #063f2e !important;
    font-weight: 800 !important;
    padding: 10px 22px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* =========================================================
   AUTO6 - BẢNG MÀU ĐỒNG BỘ WEBSITE (ĐEN / VÀNG)
========================================================= */
html body .phongvt-single-news {
  --yen-green:#20211f;
  --yen-green-2:#111111;
  --yen-gold:#f8b400;
  --yen-gold-light:#ffca28;
  --yen-cream:#ffffff;
  --yen-cream-2:#f7f7f7;
  --yen-text:#20211f;
  --yen-muted:#667085;
  --yen-border:#e5e7eb;
  background:#fff!important;
  color:#20211f!important;
}
html body .phongvt-single-news .phongvt-single-news-main{background:#f7f7f7!important}
html body .phongvt-single-news .phongvt-single-news-hero{background:#070707!important}
html body .phongvt-single-news .phongvt-single-news-hero-bg{filter:brightness(.48) saturate(.72)!important}
html body .phongvt-single-news .phongvt-single-news-hero-overlay{background:linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.76) 48%,rgba(5,5,5,.24) 100%)!important}
html body .phongvt-single-news .phongvt-single-news-hero h1{color:#fff!important}
html body .phongvt-single-news .phongvt-news-breadcrumb,html body .phongvt-single-news .phongvt-news-breadcrumb a,html body .phongvt-single-news .phongvt-single-news-meta{color:rgba(255,255,255,.84)!important}
html body .phongvt-single-news .phongvt-single-news-cat,html body .phongvt-single-news .phongvt-news-breadcrumb a:hover,html body .phongvt-single-news .phongvt-single-news-meta i{color:#f8b400!important}
html body .phongvt-single-news .phongvt-single-news-content,html body .phongvt-single-news .phongvt-single-news-widget{background:#fff!important;border-color:#e5e7eb!important;box-shadow:0 8px 26px rgba(17,17,17,.06)!important}
html body .phongvt-single-news .phongvt-single-news-content,html body .phongvt-single-news .phongvt-single-news-content p,html body .phongvt-single-news .phongvt-single-news-widget{color:#20211f!important}
html body .phongvt-single-news .phongvt-single-news-content a{color:#b77900!important}
html body .phongvt-single-news .phongvt-single-news-content a:hover{color:#f8b400!important}
html body .phongvt-single-news .phongvt-single-news-widget h3 span,html body .phongvt-single-news .phongvt-single-news-cta > a{background:#f8b400!important;color:#20211f!important}
html body .phongvt-single-news .phongvt-single-news-cta{background:#20211f!important;color:#fff!important}


/* CTA sidebar: tông đen - vàng, chữ đủ tương phản. */
html body .phongvt-single-news .phongvt-single-news-cta{background:linear-gradient(135deg,#111 0%,#20211f 100%)!important;color:#fff!important;border:1px solid rgba(248,180,0,.22)!important}
html body .phongvt-single-news .phongvt-single-news-cta h3{color:#fff!important}
html body .phongvt-single-news .phongvt-single-news-cta p{color:#e5e7eb!important}
html body .phongvt-single-news .phongvt-single-news-cta .phongvt-cta-label{color:#f8b400!important}
html body .phongvt-single-news .phongvt-single-news-cta .phongvt-cta-icon{background:#fff!important;color:#f8b400!important}
html body .phongvt-single-news .phongvt-single-news-cta .phongvt-cta-icon i{color:#f8b400!important}
html body .phongvt-single-news .phongvt-single-news-cta > a{background:#f8b400!important;color:#111!important;box-shadow:none!important}
html body .phongvt-single-news .phongvt-single-news-cta > a:hover{background:#ffca28!important;color:#111!important}


/* AUTO6 - Đồng bộ khối bài viết liên quan */
html body .phongvt-single-news .phongvt-single-news-related{background:#f7f7f7!important;border-top:1px solid #e5e7eb!important;border-bottom:3px solid #f8b400!important}
html body .phongvt-single-news .phongvt-single-news-section-head > span{color:#b77900!important}
html body .phongvt-single-news .phongvt-single-news-section-head h2{color:#20211f!important}
html body .phongvt-single-news .phongvt-single-news-section-head p{color:#667085!important}
html body .phongvt-single-news .phongvt-single-news-card{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 8px 22px rgba(17,17,17,.06)!important}
html body .phongvt-single-news .phongvt-single-news-card-img span{background:#20211f!important;color:#f8b400!important;border-color:#f8b400!important}
html body .phongvt-single-news .phongvt-single-news-card-meta,html body .phongvt-single-news .phongvt-single-news-card-meta i{color:#b77900!important}
html body .phongvt-single-news .phongvt-single-news-card h3 a{color:#20211f!important}
html body .phongvt-single-news .phongvt-single-news-card h3 a:hover{color:#b77900!important}
html body .phongvt-single-news .phongvt-single-news-card p{color:#667085!important}
html body .phongvt-single-news .phongvt-single-news-readmore,html body .phongvt-single-news .phongvt-single-news-readmore i{color:#20211f!important}
html body .phongvt-single-news .phongvt-single-news-readmore:hover,html body .phongvt-single-news .phongvt-single-news-readmore:hover i{color:#b77900!important}


/* Đồng bộ hero bài viết với hero chuyên mục. */
html body .phongvt-single-news .phongvt-single-news-hero {
    min-height: 300px;
    display: flex;
    align-items: center;
    background: #232323 !important;
    border-bottom: 3px solid #f8b400 !important;
}

/* Tăng tương phản để tiêu đề và meta không bị chìm vào ảnh. */
html body .phongvt-single-news .phongvt-single-news-hero-overlay {
    background: linear-gradient(90deg, rgba(15,15,15,.82) 0%, rgba(22,22,22,.62) 58%, rgba(22,22,22,.42) 100%), linear-gradient(0deg, rgba(12,12,12,.55), rgba(12,12,12,.12) 62%, rgba(12,12,12,.30)) !important;
}

html body .phongvt-single-news .phongvt-single-news-hero h1,
html body .phongvt-single-news .phongvt-single-news-hero .phongvt-single-news-title {
    color: #fff !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.35);
}

html body .phongvt-single-news .phongvt-single-news-meta {
    color: rgba(255,255,255,.96) !important;
}

@media (max-width: 700px) {
    html body .phongvt-single-news .phongvt-single-news-hero {
        min-height: 250px;
    }
}


/* Thay thông tin thời gian đọc bằng người viết. */
html body .phongvt-single-news .phongvt-single-news-meta > span:nth-child(2) {
    display: none !important;
}

html body .phongvt-single-news .phongvt-single-news-meta > span:nth-child(3)::before {
    content: 'Người viết: ';
    margin-right: 4px;
    color: #f8b400;
    font-weight: 700;
}


/* Hiển thị tên tác giả tại vị trí thông tin đọc. */
html body .phongvt-single-news .phongvt-single-news-meta > span:nth-child(2) {
    display: inline-flex !important;
}

html body .phongvt-single-news .phongvt-single-news-meta > span:nth-child(2)::before {
    content: 'Người viết: ';
    margin-right: 4px;
    color: #f8b400;
    font-weight: 700;
}

html body .phongvt-single-news .phongvt-single-news-meta > span:nth-child(3) {
    display: none !important;
}


/* Giữ icon và tên tác giả, không hiển thị nhãn. */
html body .phongvt-single-news .phongvt-single-news-meta > span:nth-child(2)::before {
    content: none;
    margin: 0;
}


/* Căn icon và chữ meta trên cùng một trục. */
html body .phongvt-single-news .phongvt-single-news-meta > span {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    line-height: 1.2;
}

html body .phongvt-single-news .phongvt-single-news-meta > span i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    vertical-align: middle;
}




/* Banner rõ hơn gấp đôi: chỉ phủ tối nhẹ tại vùng chữ. */
html body .phongvt-single-news .phongvt-single-news-hero-overlay {
    background: linear-gradient(90deg, rgba(12,12,12,.38) 0%, rgba(18,18,18,.20) 56%, rgba(18,18,18,.06) 100%), linear-gradient(0deg, rgba(10,10,10,.18), transparent 62%, rgba(10,10,10,.08)) !important;
}