/*
Theme Name: DunghangViet Theme
Theme URI: https://dev.com.vn
Author: dev.com.vn
Author URI: https://dev.com.vn
Description: Theme DunghangViet.com bám layout homepage HTML gốc, dùng cùng plugin dunghangviet-core-v1-0-3.
Version: 1.0.4
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: dunghangviet-theme
*/

:root{
  --hv-red:#DA251D;--hv-yellow:#FFCC00;--hv-red-dark:#9B1A14;--hv-red-light:#F05A54;
  --hv-yellow-dark:#C9A100;--hv-yellow-light:#FFF8DC;--hv-bg:#FFFDF5;--hv-border:#e8d8c0;
  --hv-text:#1f2937;--hv-muted:#6b7280;--hv-shadow:0 8px 24px rgba(155,26,20,.08);
  --hv-radius:12px;--hv-container:1400px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--hv-bg);color:var(--hv-text)}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}
.hv-container{max-width:var(--hv-container);margin:0 auto;padding:0 24px}
.hv-grid{display:grid;gap:20px}
.hv-topbar{background:var(--hv-red-dark);color:#fff;font-size:12px;padding:6px 0}
.hv-topbar__inner,.hv-header__inner,.hv-footer__bottom,.hv-footer__top,.hv-main-layout{max-width:var(--hv-container);margin:0 auto;padding-left:24px;padding-right:24px}
.hv-topbar__inner{display:flex;justify-content:space-between;gap:12px;align-items:center}
.hv-header{position:sticky;top:0;z-index:200;background:var(--hv-red);box-shadow:0 3px 16px rgba(0,0,0,.2)}
.hv-header__inner{display:flex;gap:20px;align-items:center;padding-top:14px;padding-bottom:14px}
.hv-logo{display:flex;align-items:center;gap:12px;flex-shrink:0}
.hv-logo__mark{width:44px;height:44px;background:var(--hv-yellow);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.hv-logo__brand{font-size:24px;font-weight:700;color:#fff;line-height:1}
.hv-logo__sub{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--hv-yellow)}
.hv-header__search{flex:1;display:flex;max-width:640px;background:#fff;border-radius:8px;overflow:hidden;border:2px solid var(--hv-yellow)}
.hv-header__search input{flex:1;border:none;padding:12px 16px;font-size:14px;outline:none}
.hv-header__search button{border:none;background:var(--hv-yellow);padding:0 20px;font-weight:700;cursor:pointer;color:var(--hv-red-dark)}
.hv-header__actions{display:flex;gap:10px;margin-left:auto}
.hv-btn,.button,.wp-element-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.15);color:#fff;font-weight:600;font-size:13px;cursor:pointer}
.hv-btn--primary{background:var(--hv-yellow);color:var(--hv-red-dark);border-color:var(--hv-yellow)}
.hv-nav{background:var(--hv-red-dark);border-bottom:3px solid var(--hv-yellow)}
.hv-nav__menu{max-width:var(--hv-container);margin:0 auto;padding:0 24px;display:flex;gap:0;overflow:auto;list-style:none}
.hv-nav__menu>li{position:relative}
.hv-nav__menu>li>a{display:block;padding:14px 16px;color:rgba(255,255,255,.9);font-size:13px;font-weight:600;white-space:nowrap}
.hv-nav__menu li:hover>a,.hv-nav__menu .current-menu-item>a,.hv-nav__menu .current-menu-ancestor>a{color:var(--hv-yellow)}
.hv-nav__menu ul{position:absolute;left:0;top:100%;min-width:220px;background:#fff;border:1px solid var(--hv-border);box-shadow:var(--hv-shadow);border-radius:10px;padding:10px 0;list-style:none;display:none;z-index:300}
.hv-nav__menu ul ul{left:100%;top:0}
.hv-nav__menu li:hover>ul{display:block}
.hv-nav__menu ul a{display:block;padding:10px 14px;color:#333;font-size:13px}
.hv-main-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;padding-top:20px;padding-bottom:30px;align-items:start}
.hv-sidebar,.widget{background:#fff;border:1px solid var(--hv-border);border-radius:var(--hv-radius);overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.02)}
.hv-sidebar{position:sticky;top:96px}
.hv-box-title,.widget-title{background:var(--hv-red);color:var(--hv-yellow);padding:12px 16px;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;margin:0}
.hv-sidebar__section{border-bottom:1px solid #f0e8d8}
.hv-sidebar__section-title{padding:12px 16px 8px;font-size:11px;text-transform:uppercase;color:var(--hv-red-dark);font-weight:700;letter-spacing:1px}
.hv-sidebar__list,.widget ul{list-style:none;margin:0;padding:0 0 10px}
.hv-sidebar__list a,.widget li a{display:flex;justify-content:space-between;align-items:center;padding:8px 16px 8px 22px;color:#555;font-size:12.5px}
.hv-sidebar__support{padding:14px 16px}
.hv-support-btn{display:flex;gap:10px;align-items:flex-start;background:var(--hv-yellow-light);border:1px solid var(--hv-border);border-radius:8px;padding:10px 12px;margin-bottom:10px}
.hv-support-btn strong{display:block;font-size:12px;color:var(--hv-red-dark)}
.hv-support-btn span{display:block;font-size:11px;color:#777}
.hv-hotline{margin-top:10px;background:var(--hv-red);border-radius:8px;padding:12px;text-align:center;color:#fff}
.hv-hotline strong{display:block;color:var(--hv-yellow);font-size:20px}
.hv-content{display:flex;flex-direction:column;gap:24px;min-width:0}
.hv-card,.hv-section-card,.hv-product-card,.hv-brand-card,.hv-person-card,.hv-news-item,.hv-region-card,.hv-agri-card,.hv-stat-card{background:#fff;border:1px solid var(--hv-border);border-radius:var(--hv-radius);box-shadow:0 2px 6px rgba(0,0,0,.02)}
.hv-hero{background:linear-gradient(135deg,var(--hv-red-dark) 0%,var(--hv-red) 55%,#c0392b 100%);border-radius:16px;padding:32px 36px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;min-height:180px}
.hv-hero:before{content:'';position:absolute;top:-40px;right:-40px;width:260px;height:260px;background:rgba(255,204,0,.08);border-radius:50%}
.hv-hero__title{font-size:34px;line-height:1.1;color:#fff;margin:0;font-weight:700}
.hv-hero__title span{color:var(--hv-yellow)}
.hv-hero__desc{max-width:560px;color:rgba(255,255,255,.85);font-size:14px;line-height:1.7;margin-top:10px}
.hv-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.hv-badge{font-size:11px;font-weight:600;padding:5px 10px;border-radius:999px;background:rgba(255,204,0,.18);border:1px solid rgba(255,204,0,.4);color:var(--hv-yellow)}
.hv-star-stack{display:flex;gap:8px;align-items:center;position:relative;z-index:1}.hv-star{background:var(--hv-yellow);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.hv-star--lg{width:72px;height:72px}.hv-star--sm{width:44px;height:44px;opacity:.7}
.hv-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hv-stat-card{padding:16px;text-align:center;border-top:3px solid var(--hv-red)}.hv-stat-card strong{display:block;font-size:28px;color:var(--hv-red-dark)}.hv-stat-card span{font-size:12px;color:#777}
.hv-promo{background:var(--hv-yellow);color:var(--hv-red-dark);padding:16px 20px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:20px}.hv-promo small{display:block;margin-top:3px;font-size:11px;color:var(--hv-red)}
.hv-section__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.hv-section__head h2{font-size:22px;margin:0;color:var(--hv-red-dark);font-weight:700}.hv-section__head h2:before{content:'';display:inline-block;width:4px;height:20px;background:var(--hv-red);border-radius:99px;margin-right:10px;vertical-align:-3px}
.hv-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.hv-pill{padding:7px 14px;border-radius:999px;border:1px solid var(--hv-border);background:#fff;color:#555;font-size:12px;font-weight:600}.hv-pill.is-active{background:var(--hv-red);border-color:var(--hv-red);color:#fff}
.hv-product-grid,.hv-brand-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.hv-person-grid,.hv-agri-grid,.hv-region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hv-product-card{overflow:hidden}.hv-thumb{aspect-ratio:1.2/1;background:var(--hv-yellow-light);display:flex;align-items:center;justify-content:center;font-size:34px;position:relative}.hv-thumb img{width:100%;height:100%;object-fit:cover}
.hv-label{position:absolute;top:8px;right:8px;background:var(--hv-red);color:var(--hv-yellow);font-size:8px;padding:3px 6px;border-radius:4px;font-weight:700}
.hv-label--left{left:8px;right:auto;background:var(--hv-yellow);color:var(--hv-red-dark)}
.hv-card__body{padding:12px}.hv-card__title{font-size:14px;line-height:1.45;font-weight:600;margin:0 0 4px}.hv-card__meta{font-size:11px;color:#888;margin-bottom:8px}.hv-price{font-size:18px;font-weight:700;color:var(--hv-red)}.hv-price old{font-size:11px;color:#bbb;text-decoration:line-through;margin-left:6px}
.hv-brand-card,.hv-region-card,.hv-agri-card{text-align:left;overflow:hidden}.hv-brand-card .hv-card__body{text-align:center}.hv-brand-logo{font-size:28px;text-align:center;padding-top:16px}
.hv-person-card{padding:16px;display:flex;gap:12px;align-items:flex-start}.hv-avatar,.hv-avatar-fallback{width:52px;height:52px;border-radius:50%;background:var(--hv-yellow-light);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--hv-red-dark);border:2px solid var(--hv-yellow);overflow:hidden;flex-shrink:0}.hv-avatar img{width:100%;height:100%;object-fit:cover}
.hv-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.hv-tag{font-size:10px;background:#f5f0e8;color:#666;padding:4px 8px;border-radius:999px}
.hv-region-map{height:120px;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff}.hv-map--1{background:linear-gradient(135deg,#1a3a6b,#2563b0)}.hv-map--2{background:linear-gradient(135deg,#7d4e1e,#c47c3a)}.hv-map--3{background:linear-gradient(135deg,#1e6b3a,#3aaa6e)}.hv-map--4{background:linear-gradient(135deg,#4a1a6b,#8a45b5)}.hv-map--5{background:linear-gradient(135deg,#3a6b1e,#78b545)}.hv-map--6{background:linear-gradient(135deg,#1a5a6b,#2da0b5)}
.hv-connect{background:linear-gradient(135deg,var(--hv-red-dark),var(--hv-red));color:#fff;border-radius:16px;padding:28px 30px}.hv-connect h2{margin:0 0 8px;color:var(--hv-yellow);font-size:24px;font-weight:700}.hv-connect p{margin:0 0 20px;color:rgba(255,255,255,.82)}.hv-connect__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hv-connect__item{background:rgba(255,255,255,.12);border:1px solid rgba(255,204,0,.3);border-radius:12px;padding:16px;text-align:center}.hv-connect__item strong{display:block;margin:8px 0 4px}.hv-connect__actions{display:flex;gap:10px;margin-top:18px}
.hv-news-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.hv-news-main{overflow:hidden}.hv-news-main .hv-thumb{aspect-ratio:2.5/1}.hv-news-list{display:flex;flex-direction:column;gap:10px}.hv-news-item{display:flex;gap:10px;padding:12px}.hv-news-item .hv-news-mini-thumb{width:54px;height:54px;border-radius:8px;background:var(--hv-yellow-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hv-footer{background:var(--hv-red-dark);margin-top:10px}.hv-footer__top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px;padding-top:28px;padding-bottom:20px}.hv-footer__top h4{margin:0 0 12px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--hv-yellow)}.hv-footer__top a,.hv-footer__top p{font-size:12px;color:rgba(255,255,255,.66);line-height:1.7;margin:0 0 7px}.hv-footer__brand{font-size:22px;font-weight:700;color:var(--hv-yellow)}.hv-footer__bottom{border-top:1px solid rgba(255,255,255,.15);padding-top:16px;padding-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.hv-footer__bottom p{margin:0;font-size:11px;color:rgba(255,255,255,.56)}
.hv-footer-strip{background:#6b1010;color:rgba(255,255,255,.76);padding:10px 24px;display:flex;justify-content:center;gap:30px;flex-wrap:wrap;font-size:12px}

.hv-footer-social{display:flex;gap:8px;margin-top:12px}
.hv-fsoc{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .2s}
.hv-fsoc:hover{background:var(--hv-yellow);color:var(--hv-red-dark)}
.hv-certifs{display:flex;gap:8px;flex-wrap:wrap}
.hv-certif{font-size:10px;background:rgba(255,204,0,.2);color:var(--hv-yellow);border:1px solid rgba(255,204,0,.3);padding:3px 10px;border-radius:10px;font-weight:600}
.hv-archive-head{background:#fff;border:1px solid var(--hv-border);border-radius:16px;padding:20px}.hv-filter-toggle{display:none}
.hv-entry{background:#fff;border:1px solid var(--hv-border);border-radius:16px;padding:22px}.hv-entry h1{font-size:30px;margin:0 0 12px;color:var(--hv-red-dark)}.hv-entry .entry-meta{color:#777;font-size:13px;margin-bottom:16px}.hv-entry .entry-content{line-height:1.8;font-size:16px}.hv-entry .entry-content h2,.hv-entry .entry-content h3{color:var(--hv-red-dark);font-weight:700;margin-top:24px}
.hv-single-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}.hv-single-side .widget{position:sticky;top:96px}
.hv-contact-card{padding:16px}.hv-contact-card h3{margin:0 0 10px;color:var(--hv-red-dark)}.hv-contact-row{font-size:14px;padding:8px 0;border-bottom:1px solid #f4ead8}
.hv-related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.hv-mobile-bottom-nav{display:none}
@media (max-width: 1200px){.hv-product-grid,.hv-brand-grid{grid-template-columns:repeat(4,1fr)}.hv-connect__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 991px){.hv-main-layout,.hv-single-layout,.hv-news-grid,.hv-footer__top{grid-template-columns:1fr}.hv-sidebar{display:none}.hv-filter-toggle{display:inline-flex}.hv-header__actions{display:none}.hv-stats{grid-template-columns:repeat(2,1fr)}.hv-product-grid,.hv-brand-grid,.hv-person-grid,.hv-agri-grid,.hv-region-grid{grid-template-columns:repeat(3,1fr)}.hv-header__inner{flex-wrap:wrap}.hv-header__search{max-width:none;order:3;width:100%}}
@media (max-width: 767px){.hv-topbar__inner,.hv-header__inner,.hv-nav__menu,.hv-main-layout,.hv-footer__top,.hv-footer__bottom{padding-left:16px;padding-right:16px}.hv-hero{padding:22px;min-height:auto}.hv-hero__title{font-size:28px}.hv-star-stack{display:none}.hv-product-grid,.hv-brand-grid,.hv-person-grid,.hv-agri-grid,.hv-region-grid,.hv-related-grid,.hv-connect__grid{grid-template-columns:repeat(2,1fr)}.hv-footer__top{grid-template-columns:repeat(2,1fr)}.hv-mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--hv-border);display:grid;grid-template-columns:repeat(4,1fr);z-index:500;box-shadow:0 -8px 24px rgba(0,0,0,.08)}.hv-mobile-bottom-nav a{padding:10px 6px;text-align:center;font-size:11px;color:#555}.admin-bar .hv-mobile-bottom-nav{bottom:46px}body{padding-bottom:64px}}