/* Header/menu/footer Dragon Homes – thay header & footer Flatsome */
body.dh-has-nav #header,
body.dh-has-nav .header-wrapper,
body.dh-has-nav #top-bar,
body.dh-has-nav #footer,
body.dh-has-nav .absolute-footer,
body.dh-has-nav .back-to-top{display:none!important}

.dhnav,.dh-drawer,.dhfoot,.dh-sticky--site{--teal:#2C7A80;--teal-d:#0E4A52;--gold:#B08A55;--gold-l:#E9D9BE;--ink:#1D2B2F;--muted:#5B6B70;--line:#D8E6E7;
  font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.dh-skip{position:absolute;left:-9999px;top:0;z-index:10001;background:#fff;padding:8px 12px}
.dh-skip:focus{left:8px}

.dhnav{position:sticky;top:0;z-index:9990;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line)}
.admin-bar .dhnav{top:32px}
.dhnav__in{max-width:1240px;margin:0 auto;padding:0 16px;height:68px;display:flex;align-items:center;gap:20px}
.dhnav__logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}
.dhnav__logo img{width:40px;height:auto}
.dhnav__logo span{display:flex;flex-direction:column;line-height:1.1}
.dhnav__logo strong{font-family:"Playfair Display",Georgia,serif;color:var(--teal-d);letter-spacing:.08em;font-size:17px}
.dhnav__logo small{color:var(--gold);font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin-top:2px}

.dhnav__menu{flex:1;display:flex;justify-content:center}
.dhnav__list{display:flex;list-style:none;margin:0;padding:0;gap:2px}
.dhnav__list li{position:relative;margin:0}
.dhnav__list a{display:block;padding:10px 11px;color:var(--ink);font-size:14.5px;font-weight:500;text-decoration:none;border-radius:8px;white-space:nowrap}
.dhnav__list a:hover,.dhnav__list a.is-active{color:var(--teal-d);background:#EEF5F5}
.dhnav__list a.is-active{box-shadow:inset 0 -2px 0 var(--gold)}
.dhnav__list .has-sub>a:after,.dhnav__list .menu-item-has-children>a:after{content:"";display:inline-block;margin-left:6px;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-3px)}
.dhnav__sub,.dhnav__list .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:230px;list-style:none;margin:0;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px rgba(14,74,82,.12)}
.dhnav__list li:hover>.dhnav__sub,.dhnav__list li:focus-within>.dhnav__sub,
.dhnav__list li:hover>.sub-menu,.dhnav__list li:focus-within>.sub-menu{display:block}

.dhnav__cta{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.dhnav__tel{color:var(--teal-d);font-weight:700;text-decoration:none;font-size:15px;white-space:nowrap}
.dhnav__btn{background:var(--gold);color:#fff!important;padding:10px 18px;border-radius:999px;font-weight:600;font-size:14.5px;text-decoration:none;white-space:nowrap}
.dhnav__btn:hover{background:#9a7646}
.dhnav__toggle{display:none;align-items:center;gap:8px;background:none;border:1px solid var(--line);border-radius:10px;padding:8px 12px;margin:0;font:600 14px/1 inherit;color:var(--teal-d);cursor:pointer;min-height:0;text-transform:none;letter-spacing:0}
.dhnav__toggle span,.dhnav__toggle span:before,.dhnav__toggle span:after{display:block;width:16px;height:2px;background:currentColor;position:relative;content:""}
.dhnav__toggle span:before{position:absolute;top:-5px}.dhnav__toggle span:after{position:absolute;top:5px}

/* Neo anchor không bị header che */
html{scroll-behavior:smooth}
.dh [id]{scroll-margin-top:80px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Drawer */
.dh-drawer{position:fixed;inset:0;z-index:10000;background:rgba(10,30,34,.45)}
.dh-drawer[hidden]{display:none}
.dh-drawer__panel{position:absolute;right:0;top:0;bottom:0;width:min(340px,88vw);background:#fff;padding:20px 22px;overflow-y:auto}
.dh-drawer__close{float:right;background:none;border:0;color:var(--muted);font:600 14px inherit;cursor:pointer;margin:0;padding:4px;min-height:0}
.dh-drawer__h{clear:both;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-weight:700;margin:22px 0 6px}
.dh-drawer ul{list-style:none;margin:0;padding:0}
.dh-drawer li{margin:0;border-bottom:1px solid #EEF2F2}
.dh-drawer li a{display:block;padding:11px 0;color:var(--ink);text-decoration:none;font-weight:500}
.dh-drawer__cta{display:flex;flex-direction:column;gap:12px;margin-top:24px;text-align:center}

/* Footer */
.dhfoot{background:var(--teal-d);color:#D9E7E8;font-size:15px;line-height:1.6}
.dhfoot__in{max-width:1240px;margin:0 auto;padding:48px 16px 28px;display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:32px}
.dhfoot__logo{display:flex;align-items:center;gap:10px;font-family:"Playfair Display",Georgia,serif;color:#fff;font-size:18px;letter-spacing:.08em;margin:0 0 12px}
.dhfoot__h{color:var(--gold-l);font-weight:700;margin:0 0 10px;text-transform:uppercase;font-size:13px;letter-spacing:.08em}
.dhfoot ul{list-style:none;margin:0;padding:0}
.dhfoot li{margin:0 0 6px}
.dhfoot a{color:#fff;text-decoration:none}
.dhfoot a:hover{color:var(--gold-l)}
.dhfoot__small{font-size:13px;opacity:.8;margin-top:10px}
.dhfoot__bar{border-top:1px solid rgba(255,255,255,.12)}
.dhfoot__bar p{max-width:1240px;margin:0 auto;padding:16px;font-size:12.5px;opacity:.75}

/* Sticky CTA cho trang không phải landing */
.dh-sticky--site{display:none}

@media (max-width:1180px){
  .dhnav__list a{padding:10px 8px;font-size:14px}
  .dhnav__tel{display:none}
}
@media (max-width:1023px){
  .dhnav__menu{display:none}
  .dhnav__toggle{display:inline-flex}
  .dhnav__in{justify-content:space-between}
  .dhnav__cta .dhnav__tel{display:none}
}
@media (max-width:849px){
  .dhnav__in{height:60px}
  .dhnav__cta>.dhnav__btn{display:none}
  .dhfoot__in{grid-template-columns:1fr 1fr;gap:24px}
  .dhfoot__about{grid-column:1/-1}
  .dhfoot{padding-bottom:52px}
  .dh-sticky--site{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:999;background:#fff;box-shadow:0 -4px 16px rgba(0,0,0,.12)}
  .dh-sticky--site a{flex:1;text-align:center;padding:14px 6px;font-weight:600;color:var(--teal-d);text-decoration:none}
  .dh-sticky--site a.is-main{background:var(--gold);color:#fff}
}
@media (max-width:782px){.admin-bar .dhnav{top:46px}}
@media (max-width:600px){.admin-bar .dhnav{top:0}}