/*
 * 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-optical-sizing:auto;font-synthesis:none;text-rendering:optimizeLegibility}
::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 typography inside the real font range. Values above 750 previously
 * produced synthetic, swollen strokes on Windows and mobile browsers.
 */
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: 76"],[style*="font-weight:76"],
[style*="font-weight: 77"],[style*="font-weight:77"],
[style*="font-weight: 78"],[style*="font-weight:78"],
[style*="font-weight: 79"],[style*="font-weight:79"],
[style*="font-weight: 8"],[style*="font-weight:8"],
[style*="font-weight: 9"],[style*="font-weight:9"],
[style*="font-weight: bolder"],[style*="font-weight:bolder"]{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:var(--dq-primary-deep)}
.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)}

body.dq-global-chrome .dq-footer{padding-top:44px;background:var(--dq-primary-deep);color:#e5e7eb;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:28px;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{color:#fff}
body.dq-global-chrome .dq-footer-menu{columns:auto}
body.dq-global-chrome .dq-footer-menu a{color:inherit;font-size:inherit}
body.dq-global-chrome .dq-footer-contact{margin-block:1em;font-size:inherit}
body.dq-global-chrome .dq-copyright{margin-top:34px;padding:16px;border-top:1px solid rgba(255,255,255,.12);background:transparent;color:#cbd5e1;text-align:center}

/* 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}}
