/* =========================================================
 HIEPHOINGUOIVN SINGLE V1.3
 Fix: Neoton desktop main navigation overlays page content.
 ========================================================= */
:root{
 --hnv-navy:#071735;--hnv-red:#b6202f;--hnv-text:#273444;
 --hnv-muted:#667085;--hnv-line:#e6e9ef;--hnv-soft:#f7f5f1;
}

/* Hide only Neoton duplicate breadcrumb/title wrappers */
.single-post .rs-breadcrumbs,
.single-post .breadcrumbs-inner,
.single-post .breadcrumb-area,
.single-post .page-title-area,
.single-post .back-breadcrumbs,
.single-post .reactheme-breadcrumbs,
.single-post .rts-breadcrumb-area,
.single-post .breadcrumb-section{
 display:none!important;height:0!important;min-height:0!important;
 padding:0!important;margin:0!important;overflow:hidden!important;
}

/*
 REAL FIX:
 In the current Neoton header the white desktop navigation is overlaying
 roughly 100px of the page below it.
 Do not calculate this with JS; reserve the space explicitly.
*/
body.single-post main.hnv-single-v1{
 background:#fff;
 color:var(--hnv-text);
 position:relative!important;
 clear:both!important;
 z-index:1!important;
 margin-top:104px!important;
}

/* At narrower desktop widths Neoton can wrap a menu item to a second row. */
@media (min-width:992px) and (max-width:1199px){
 body.single-post main.hnv-single-v1{
   margin-top:148px!important;
 }
}

/* Mobile/tablet header uses a different layout; don't add desktop spacer. */
@media (max-width:991px){
 body.single-post main.hnv-single-v1{
   margin-top:0!important;
 }
}

.hnv-single-v1 .hnv-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;}

.hnv-article-header{
 background:var(--hnv-soft)!important;
 padding:32px 0 29px!important;
 margin:0!important;
 border-bottom:1px solid #eeeae4;
 position:relative!important;
 z-index:1!important;
 overflow:visible!important;
 height:auto!important;min-height:0!important;max-height:none!important;
}
.hnv-article-header .hnv-shell{
 max-width:900px!important;
 position:relative!important;
 overflow:visible!important;
 height:auto!important;min-height:0!important;max-height:none!important;
}

.hnv-kicker{
 display:block!important;position:static!important;
 color:var(--hnv-red)!important;font-size:12px!important;font-weight:700!important;
 line-height:1.35!important;text-transform:uppercase!important;
 letter-spacing:.055em!important;margin:0 0 10px!important;padding:0!important;
}

body.single-post .hnv-article-title{
 display:block!important;position:static!important;float:none!important;clear:both!important;
 width:100%!important;max-width:900px!important;
 margin:0!important;padding:0!important;
 color:var(--hnv-navy)!important;
 font-size:clamp(30px,3.1vw,41px)!important;
 font-weight:700!important;line-height:1.16!important;
 letter-spacing:-.022em!important;text-transform:none!important;
 overflow:visible!important;height:auto!important;min-height:0!important;max-height:none!important;
 white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;
 clip:auto!important;clip-path:none!important;transform:none!important;
 opacity:1!important;visibility:visible!important;
}

.hnv-article-meta{
 display:flex;align-items:center;gap:9px;flex-wrap:wrap;
 margin-top:12px;color:var(--hnv-muted);font-size:13px;line-height:1.5;
}
.hnv-article-meta a{color:var(--hnv-muted);}

.hnv-featured{max-width:900px;margin:34px auto 30px;}
.hnv-featured img{display:block;width:100%;max-height:560px;object-fit:cover;border-radius:7px;}

.hnv-article-body{
 max-width:790px;margin:0 auto;padding:0 0 20px;
 font-size:17px;line-height:1.76;color:var(--hnv-text);
}
.hnv-article-body p{margin:0 0 1.25em;}
.hnv-article-body h2{font-size:28px;line-height:1.3;color:var(--hnv-navy);margin:1.7em 0 .65em;}
.hnv-article-body h3{font-size:23px;line-height:1.35;color:var(--hnv-navy);margin:1.5em 0 .6em;}
.hnv-article-body img{max-width:100%;height:auto;border-radius:5px;}
.hnv-article-body iframe,.hnv-article-body video{max-width:100%;}

.hnv-tags{margin-top:32px;padding-top:18px;border-top:1px solid var(--hnv-line);display:flex;align-items:flex-start;gap:10px;font-size:13px;}
.hnv-tags strong{padding-top:5px;color:var(--hnv-navy);}
.hnv-tag-list{display:flex;gap:7px;flex-wrap:wrap;}
.hnv-tag-list a{display:inline-block;padding:5px 10px;border:1px solid var(--hnv-line);border-radius:18px;color:var(--hnv-muted);background:#fff;font-size:12px;}

.hnv-post-nav{
 max-width:900px;margin:35px auto 0;padding:22px 0;border-top:1px solid var(--hnv-line);
 border-bottom:1px solid var(--hnv-line);display:grid;grid-template-columns:1fr 1fr;gap:40px;
}
.hnv-post-nav span{display:block;color:#98a2b3;font-size:10px;font-weight:700;letter-spacing:.08em;margin-bottom:6px;}
.hnv-post-nav a{display:-webkit-box;color:var(--hnv-navy);font-size:14px;font-weight:600;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hnv-nav-next{text-align:right;}

.hnv-related{max-width:960px;margin:42px auto 54px;}
.hnv-section-heading{display:flex;align-items:center;gap:16px;margin-bottom:22px;}
.hnv-section-heading h2{margin:0;color:var(--hnv-navy);font-size:22px;line-height:1.3;text-transform:uppercase;}
.hnv-section-heading span{width:70px;height:2px;background:var(--hnv-red);}
.hnv-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.hnv-card-image{display:block;aspect-ratio:16/10;background:#eef1f4;overflow:hidden;border-radius:5px;}
.hnv-card-image img{width:100%;height:100%;object-fit:cover;display:block;}
.hnv-card-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px;color:var(--hnv-muted);font-size:11px;}
.hnv-card-meta span{color:var(--hnv-red);font-weight:600;}
.hnv-related-card h3{font-size:16px;line-height:1.4;margin:6px 0 0;}
.hnv-related-card h3 a{color:var(--hnv-navy);}

.hnv-article-body .nbfidf-gallery{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;
}
.hnv-article-body .nbfidf-gallery-item{margin:0!important;}
.hnv-article-body .nbfidf-gallery-item img{width:100%!important;aspect-ratio:4/3;object-fit:cover;}

@media(max-width:767px){
 .hnv-single-v1 .hnv-shell{width:min(100% - 26px,1180px);}
 .hnv-article-header{padding:24px 0 22px!important;}
 body.single-post .hnv-article-title{font-size:29px!important;line-height:1.2!important;}
 .hnv-featured{margin:24px auto;}
 .hnv-featured img{max-height:none;}
 .hnv-article-body{font-size:16.5px;line-height:1.72;}
 .hnv-post-nav{grid-template-columns:1fr;gap:20px;}
 .hnv-nav-next{text-align:left;}
 .hnv-related-grid{grid-template-columns:1fr;}
 .hnv-article-body .nbfidf-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}