/*
 * Global brand layer.
 * All chromatic UI tokens inherit from Theme Options > Màu chủ đạo.
 */
html{font-synthesis:none}
body{color:var(--dq-text);font-family:var(--dq-font);font-synthesis-weight:none}
::selection{background:var(--dq-primary-tint);color:var(--dq-primary-deep)}
:focus-visible{outline:3px solid var(--dq-primary-border);outline-offset:3px}
a:hover{color:var(--dq-primary-hover)}

/* Keep type within the supported range of common webfonts. */
h1,h2,h3,h4,h5,h6,strong,b,th,label,summary,button,input[type=submit],input[type=button],.button,.dq-btn{font-weight:700}
[style*="font-weight: 8"],[style*="font-weight:8"],[style*="font-weight: 9"],[style*="font-weight:9"]{font-weight:750!important}

/* Shared controls and navigation. */
.dq-btn,.dq-hotline,.dq-load-more:hover,.dqc-contact-form button,.search-submit{border-color:var(--dq-primary);background:var(--dq-primary);color:#fff}
.dq-btn:hover,.dq-hotline:hover,.dqc-contact-form button:hover,.search-submit:hover{border-color:var(--dq-primary-hover);background:var(--dq-primary-hover);color:#fff}
.dq-btn--outline,.dq-load-more{border-color:var(--dq-primary);background:transparent;color:var(--dq-primary)}
.dq-header-btn{background:var(--dq-primary-deep)}
.dq-footer{background:#fff}
.dq-back-to-top,.dq-floating-contact a{background:var(--dq-primary)}

/*
 * One global header/footer on every route. These selectors intentionally
 * override legacy .home-only chrome rules from optional layout families.
 */
body.dq-global-chrome .dq-header{position:relative;inset:auto;top:auto;color:var(--dq-text);background:#fff;border-bottom:1px solid var(--dq-border);box-shadow:0 2px 10px rgba(15,23,42,.05);font-family:var(--dq-font);font-synthesis:none}
body.dq-global-chrome .dq-header--sticky{position:sticky;top:0;inset-inline:0;z-index:50}
body.admin-bar.dq-global-chrome .dq-header--sticky{top:32px}
body.dq-global-chrome .dq-header-main__grid{min-height:76px}
body.dq-global-chrome .dq-menu{gap:22px}
body.dq-global-chrome .dq-menu a{color:var(--dq-text);font-size:14px;font-weight:700;letter-spacing:normal}
body.dq-global-chrome .dq-menu .current-menu-item>a,body.dq-global-chrome .dq-menu .current-menu-ancestor>a{color:var(--dq-primary)}
body.dq-global-chrome .dq-logo img{max-width:220px;max-height:64px}
body.dq-global-chrome .dq-logo strong{display:inline;color:var(--dq-text);font-size:inherit;line-height:inherit;letter-spacing:normal}
body.dq-global-chrome .dq-logo strong:before,body.dq-global-chrome .dq-logo strong:after{content:none}
body.dq-global-chrome .dq-hotline{border-color:var(--dq-primary);background:var(--dq-primary);color:#fff}
body.dq-global-chrome .dq-header-btn{border-radius:6px;background:var(--dq-primary-deep);color:#fff}
body.dq-global-chrome .dq-header-main--mobile{color:var(--dq-text);background:#fff}
body.dq-global-chrome .dq-menu-toggle,body.dq-global-chrome .dq-search-toggle{color:var(--dq-text);background:#fff;border:1px solid var(--dq-border)}

/* Desktop sport header: promotional strip plus high-contrast navigation. */
@media(min-width:901px){
body.dq-global-chrome .dq-header{border-bottom:0;background:#050505;box-shadow:0 3px 14px rgba(0,0,0,.16)}
body.dq-global-chrome .dq-header .dq-container{width:min(1680px,calc(100% - 36px));max-width:none}
body.dq-global-chrome .dq-topbar{border-bottom:1px solid #e5e7eb;background:#fff;color:#ef2626;font-size:14px;font-style:italic;font-weight:700}
body.dq-global-chrome .dq-topbar__inner{min-height:40px;grid-template-columns:1fr auto 1fr;gap:20px}
body.dq-global-chrome .dq-header-zone--topbar-left{justify-content:flex-start;text-align:left}
body.dq-global-chrome .dq-header-zone--topbar-center{color:#ef2626;font-size:15px;font-style:normal}
body.dq-global-chrome .dq-header-zone--topbar-right{color:#ef2626}
body.dq-global-chrome .dq-header-main--desktop{background:#050505}
body.dq-global-chrome .dq-header-main__grid{height:88px;min-height:88px;grid-template-columns:auto minmax(0,1fr) auto;gap:20px}
body.dq-global-chrome .dq-header-zone--left{justify-content:flex-start}
body.dq-global-chrome .dq-header-zone--center{min-width:0;justify-content:center}
body.dq-global-chrome .dq-header-zone--right{position:relative;justify-content:flex-end;gap:8px}
body.dq-global-chrome .dq-logo{display:flex;width:300px;height:72px;justify-content:center;padding:2px 6px;border-radius:4px;background:#fff;overflow:hidden}
body.dq-global-chrome .dq-logo img{width:auto;max-width:100%;height:100%;max-height:none;object-fit:contain;transform:scale(1.8)}
body.dq-global-chrome .dq-nav{min-width:0;justify-content:center}
body.dq-global-chrome .dq-menu{display:flex;align-items:center;justify-content:center;gap:clamp(14px,1.35vw,26px);white-space:nowrap}
body.dq-global-chrome .dq-menu>li{position:relative}
body.dq-global-chrome .dq-menu>li>a{display:flex;min-height:88px;align-items:center;gap:7px;color:#fff;font-size:clamp(14px,.88vw,16px);font-weight:750;letter-spacing:.005em;text-transform:uppercase}
body.dq-global-chrome .dq-menu>li>a:hover,body.dq-global-chrome .dq-menu>.current-menu-item>a,body.dq-global-chrome .dq-menu>.current-menu-ancestor>a{color:#fff}
body.dq-global-chrome .dq-menu>li>a:after{position:absolute;right:50%;bottom:0;left:50%;height:3px;background:#ef2626;content:"";transition:left .18s ease,right .18s ease}
body.dq-global-chrome .dq-menu>li:hover>a:after,body.dq-global-chrome .dq-menu>.current-menu-item>a:after,body.dq-global-chrome .dq-menu>.current-menu-ancestor>a:after{right:0;left:0}
body.dq-global-chrome .dq-menu>.menu-item-has-children>a:before{width:7px;height:7px;margin-left:auto;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;content:"";order:2;transform:translateY(-2px) rotate(45deg)}
body.dq-global-chrome .dq-menu .sub-menu{position:absolute;z-index:90;top:100%;left:-18px;display:none;width:260px;margin:0;padding:10px;border-top:3px solid #ef2626;background:#0b0b0b;list-style:none;box-shadow:0 16px 34px rgba(0,0,0,.3)}
body.dq-global-chrome .dq-menu li:hover>.sub-menu,body.dq-global-chrome .dq-menu li:focus-within>.sub-menu{display:block}
body.dq-global-chrome .dq-menu .sub-menu a{display:block;padding:11px 12px;color:#fff;font-size:13px;font-weight:650;line-height:1.35;text-transform:none;white-space:normal}
body.dq-global-chrome .dq-menu .sub-menu a:hover{background:#191919;color:#ef2626}
body.dq-global-chrome .dq-hotline,body.dq-global-chrome .dq-header-btn{display:none}
body.dq-global-chrome .dq-desktop-search{position:relative;display:grid;place-items:center}
body.dq-global-chrome .dq-desktop-search__toggle{width:42px;height:42px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}
body.dq-global-chrome .dq-desktop-search__toggle svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.dq-global-chrome .dq-desktop-search__toggle:hover{color:#ef2626}
body.dq-global-chrome .dq-desktop-search__panel{position:absolute;z-index:95;top:calc(100% + 18px);right:0;width:min(360px,calc(100vw - 32px));padding:14px;border-top:3px solid #ef2626;background:#fff;box-shadow:0 18px 38px rgba(0,0,0,.26)}
body.dq-global-chrome .dq-desktop-search__panel[hidden]{display:none!important}
body.dq-global-chrome .dq-desktop-search__panel .search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
body.dq-global-chrome .dq-desktop-search__panel .search-field{width:100%;min-width:0;height:44px;padding:0 12px;border:1px solid #d7dee7;border-radius:0;font:inherit}
body.dq-global-chrome .dq-desktop-search__panel .search-submit{min-height:44px;padding:0 16px;border:0;border-radius:0}
}

body.dq-global-chrome .dq-footer{padding-top:44px;background:#fff;color:#334155;border-top:1px solid #dbe7f3;font-family:var(--dq-font);font-synthesis:none}
body.dq-global-chrome .dq-footer__grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0;padding-top:0}
body.dq-global-chrome .dq-footer__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
body.dq-global-chrome .dq-footer__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
body.dq-global-chrome .dq-footer__grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}
body.dq-global-chrome .dq-footer h3,body.dq-global-chrome .dq-footer-contact strong,body.dq-global-chrome .dq-footer-legal strong{color:var(--dq-primary-deep)}
body.dq-global-chrome .dq-footer-menu{columns:auto}
body.dq-global-chrome .dq-footer-menu a{color:var(--dq-primary-deep);font-size:inherit}
body.dq-global-chrome .dq-footer-contact{margin-block:1em;font-size:inherit}
body.dq-global-chrome .dq-copyright{margin-top:38px;padding:17px;border-top:0;background:var(--dq-primary-deep);color:#e2e8f0;text-align:center}
body.dq-global-chrome .dq-footer-logo{display:block;width:min(280px,100%);max-width:none;max-height:none;height:auto;margin:0 auto 20px;object-fit:contain}
body.dq-global-chrome .dq-footer-submenu-toggle{position:absolute;top:-3px;right:0;display:grid;width:32px;height:32px;place-items:center;padding:0;border:0;border-radius:10px;background:transparent;color:var(--dq-primary);box-shadow:none;cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .18s ease}
body.dq-global-chrome .dq-footer-submenu-toggle:hover{background:var(--dq-primary-soft);color:var(--dq-primary-deep);box-shadow:none;transform:none}
body.dq-global-chrome .dq-footer-submenu-toggle span{display:block;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;font-size:0;line-height:1;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
body.dq-global-chrome .dq-footer-submenu-toggle[aria-expanded=true] span{transform:translateY(2px) rotate(225deg)}
body.dq-global-chrome .dq-footer-submenu-toggle:focus-visible{outline:3px solid var(--dq-primary-border);outline-offset:2px}

@media(max-width:900px){body.dq-global-chrome .dq-footer-logo{width:min(260px,82vw);margin-inline:auto;margin-bottom:20px}body.dq-global-chrome .dq-footer-submenu-toggle{width:34px;height:34px;right:0}}

/* Common surfaces retain contrast while carrying the selected hue. */
.dq-content-hero,.dq-article-hero,.dq-error-page{background:linear-gradient(135deg,var(--dq-primary-soft),var(--dq-primary-tint))}
.dq-content-card__media,.dq-content-card__placeholder,.dq-empty-state__icon{background:var(--dq-primary-tint)}
.dq-content-card__placeholder span,.dq-content-kicker,.dq-content-card__meta span,.dq-content-card__link,.dq-breadcrumb a,.dq-text-link{color:var(--dq-primary)}
.dq-content-hero__copy h1,.dq-article-hero__copy h1,.dq-error-page__copy h1,.dq-section-heading h2,.dq-sidebar__section>h2,.dq-widget>h3,.dq-author-box h2,.dq-article-aside__box h2{color:var(--dq-primary-deep)}
.dq-content-card:hover,.dq-static-page,.dq-sidebar,.dq-article-aside__box,.dq-author-box{border-color:var(--dq-primary-border)}
.dq-article-aside__cta{background:linear-gradient(145deg,var(--dq-primary-deep),var(--dq-primary-hover))}
.dq-article-body blockquote,.dq-term-seo>.dq-richtext,.dq-author-box{background:var(--dq-primary-soft)}
.dq-toc summary{background:var(--dq-primary-soft);color:var(--dq-primary)}
.dq-toc,.dq-toc__list{border-color:var(--dq-primary-border)}

/* Reusable builder families share one brand tone. */
.dq-home-eyebrow,.dq-library-eyebrow,.dq-moving-eyebrow,.dq-wellness-eyebrow,.dq-data-eyebrow,.dq-service-eyebrow{color:var(--dq-primary)!important}
.dq-home-eyebrow:before,.dq-content-kicker:before{background:var(--dq-primary)!important}
.dq-home-btn,.dq-wellness-btn,.dq-data-btn,.dq-moving-btn{background:linear-gradient(135deg,var(--dq-primary),var(--dq-primary-hover));color:#fff}
.dq-home-btn.is-ghost,.dq-data-btn.is-ghost,.dq-moving-btn.is-ghost{border-color:var(--dq-primary);background:transparent;color:var(--dq-primary)}
.dq-home-buy,.dq-commerce-card__buy,.dq-service-action,.dq-data-action{background:linear-gradient(90deg,var(--dq-primary),var(--dq-primary-hover));color:#fff}

/* Native elements and plugin output. */
input:focus,textarea:focus,select:focus{border-color:var(--dq-primary);box-shadow:0 0 0 3px var(--dq-primary-soft);outline:0}
.page-numbers.current,.comment-form input[type=submit]{background:var(--dq-primary);color:#fff}
mark{background:var(--dq-primary-tint);color:var(--dq-primary-deep)}

@media(max-width:900px){
    body.dq-global-chrome .dq-footer__grid,body.dq-global-chrome .dq-footer__grid--3,body.dq-global-chrome .dq-footer__grid--4,body.dq-global-chrome .dq-footer__grid--5{grid-template-columns:1fr}
    body.dq-global-chrome .dq-logo img{max-width:180px;max-height:64px}
}
@media(max-width:782px){body.admin-bar.dq-global-chrome .dq-header--sticky{top:46px}}