/*
 * Final public-facing brand pass.
 * Legacy layout families used a badminton blue palette. This layer keeps
 * every UI surface connected to the green/orange tokens from Theme Options.
 * The Zalo button intentionally keeps its official blue channel colour.
 */
:root {
    --dq-brand-shadow: color-mix(in srgb, var(--dq-primary-deep) 12%, transparent);
    --dq-brand-shadow-soft: color-mix(in srgb, var(--dq-primary-deep) 7%, transparent);
}

/* Global header controls and dropdown surfaces. */
body.dq-global-chrome .dq-header-main--desktop .dq-menu .sub-menu li:hover > a,
body.dq-global-chrome .dq-header-main--desktop .dq-menu .sub-menu li:focus-within > a {
    background: var(--dq-primary-soft);
    color: var(--dq-primary);
}

body.dq-global-chrome .dq-header-main--desktop .dq-menu > .menu-item-73 > .sub-menu > li > a,
body.dq-global-chrome .dq-header-main--desktop .search-form {
    border-color: var(--dq-primary-border);
}

body.dq-global-chrome .dq-header-main--desktop .search-form {
    background: var(--dq-primary-soft);
}

body.dq-global-chrome .dq-header-main--desktop .search-form:hover {
    border-color: var(--dq-primary);
    background: #fff;
}

/* Editor-driven static pages. */
.dq-static-hero,
.dq-contact-page .dq-static-hero {
    background:
        radial-gradient(circle at 84% 18%, color-mix(in srgb, var(--dq-primary) 35%, transparent) 0 9%, transparent 9.5%),
        linear-gradient(118deg, var(--dq-primary-deep) 0%, var(--dq-primary-hover) 62%, var(--dq-primary) 100%);
}

.dq-static-hero:after,
.dq-contact-page .dq-static-hero:after {
    background:
        linear-gradient(105deg, transparent 0 68%, color-mix(in srgb, var(--dq-accent) 24%, transparent) 68.2% 68.9%, transparent 69.1%),
        repeating-linear-gradient(135deg, transparent 0 34px, rgba(255, 255, 255, .025) 35px 36px);
}

.dq-static-hero__eyebrow,
.dq-contact-page .dq-static-hero__eyebrow {
    color: color-mix(in srgb, var(--dq-accent) 58%, #fff);
}

.dq-static-hero__lead,
.dq-contact-page .dq-static-hero__lead {
    color: color-mix(in srgb, var(--dq-primary-soft) 88%, #fff);
}

.dq-static-hero figure,
.dq-contact-page .dq-static-hero__inner:after {
    box-shadow: 0 22px 58px var(--dq-brand-shadow);
}

.dq-contact-page .dq-static-area {
    background: linear-gradient(180deg, var(--dq-primary-soft) 0, #fff 240px);
}

.dq-contact-page .dq-static-nav,
.dq-contact-page .dq-static-editor,
.dq-contact-page .dqc-contact-form,
.dq-contact-page .dq-static-editor table {
    border-color: var(--dq-primary-border);
    box-shadow: 0 16px 42px var(--dq-brand-shadow-soft);
}

.dq-contact-page .dq-static-nav li + li,
.dq-contact-page .dq-static-editor th,
.dq-contact-page .dq-static-editor td {
    border-color: var(--dq-border);
}

.dq-contact-page .dq-static-nav a {
    color: var(--dq-muted);
}

.dq-contact-page .dq-static-nav a:hover,
.dq-contact-page .dq-static-nav .current_page_item > a,
.dq-contact-page .dq-static-editor blockquote,
.dq-contact-page .dq-static-editor th {
    background: var(--dq-primary-soft);
}

.dq-contact-page .dq-static-editor .dq-editor-lead {
    border-left-color: var(--dq-accent);
    background: linear-gradient(110deg, var(--dq-accent-tint), #fff);
    color: var(--dq-text);
}

.dq-contact-page .dq-static-nav:before,
.dq-contact-page .dq-static-editor h2:after {
    background: linear-gradient(90deg, var(--dq-primary), var(--dq-accent));
}

.dq-contact-page .dqc-contact-form {
    background: linear-gradient(145deg, var(--dq-primary-soft), #fff);
}

.dq-contact-page .dqc-contact-form label {
    color: var(--dq-text);
}

.dq-contact-page .dqc-contact-form button {
    background: linear-gradient(110deg, var(--dq-primary), var(--dq-primary-hover));
}

/* Homepage and product detail legacy family. */
body.home .dq-banner-slider .dq-banner:before {
    background: linear-gradient(90deg, color-mix(in srgb, var(--dq-primary-deep) 90%, transparent) 0%, color-mix(in srgb, var(--dq-primary-deep) 56%, transparent) 38%, transparent 72%);
}

body.home .dq-slider-prev,
body.home .dq-slider-next {
    background: color-mix(in srgb, var(--dq-primary-deep) 42%, transparent);
}

body.home .dq-section:nth-of-type(even),
body.home .dq-review-carousel,
.dq-product-detail {
    background: var(--dq-primary-soft);
}

body.home .dq-review-carousel__card,
body.home .dq-section--product_grid .dq-card,
body.home .dq-section--blog_posts .dq-card,
.dq-product-detail__gallery,
.dq-product-detail__summary,
.dq-product-detail__content {
    border-color: var(--dq-primary-border);
    box-shadow: 0 14px 34px var(--dq-brand-shadow-soft);
}

body.home .dq-section--product_grid .dq-card:hover,
body.home .dq-section--blog_posts .dq-card:hover {
    border-color: var(--dq-primary);
    box-shadow: 0 22px 44px var(--dq-brand-shadow);
}

body.home .dq-section--product_grid .dq-card img,
body.home .dq-section--blog_posts .dq-card img,
body.home .dq-news-featured__media,
body.home .dq-news-featured__placeholder,
.dq-product-detail__main {
    background: var(--dq-primary-tint);
}

body.home .dq-news-featured__item,
.dq-product-detail__price,
.dq-product-specs,
.dq-product-specs div {
    border-color: var(--dq-primary-border);
}

body.home .dq-news-featured__body time,
body.home .dq-news-featured__body p,
.dq-product-detail__lead,
.dq-product-detail__price span,
.dq-product-detail__note {
    color: var(--dq-muted);
}

.dq-product-detail__price {
    background: var(--dq-primary-soft);
}

body.home .dq-product-contact {
    background: var(--dq-accent);
    color: #fff !important;
}

.dq-product-detail__price strong,
.dq-content-card__price {
    color: var(--dq-accent);
}

/* Product category catalogue. */
.dq-catalog-archive {
    --dq-catalog-blue: var(--dq-primary-deep);
    --dq-catalog-orange: var(--dq-accent);
}

.dq-catalog-archive > .dq-breadcrumb,
.dq-catalog-results {
    color: var(--dq-muted);
}

.dq-catalog-sort select,
.dq-catalog-card,
.dq-catalog-sidebar__box,
.dq-catalog-sidebar__support {
    border-color: var(--dq-primary-border);
}

.dq-catalog-card,
.dq-catalog-sidebar__box,
.dq-catalog-sidebar__support {
    box-shadow: 0 10px 28px var(--dq-brand-shadow-soft);
}

.dq-catalog-card:hover {
    box-shadow: 0 16px 36px var(--dq-brand-shadow);
}

.dq-catalog-card__media,
.dq-catalog-empty {
    background: var(--dq-primary-soft);
}

.dq-catalog-card__body h2 a,
.dq-catalog-sidebar__box li a,
.dq-catalog-sort select {
    color: var(--dq-text);
}

.dq-catalog-sidebar__box li + li {
    border-color: var(--dq-border);
}

.dq-catalog-sidebar__box li small {
    background: var(--dq-primary-soft);
    color: var(--dq-primary);
}

.dq-catalog-sidebar__support {
    background: linear-gradient(145deg, var(--dq-primary-hover), var(--dq-primary-deep));
}

.dq-catalog-sidebar__support > span,
.dq-catalog-sidebar__support a span {
    color: color-mix(in srgb, var(--dq-accent) 58%, #fff);
}

.dq-catalog-more .dq-load-more {
    background: var(--dq-accent);
    box-shadow: 0 10px 22px color-mix(in srgb, var(--dq-accent) 24%, transparent);
}

/* Blog cards and article media surfaces. */
body.blog .dq-content-card__media img,
body.category .dq-content-card__media img,
body.tag .dq-content-card__media img,
.single-post .dq-article-hero__media img,
.dq-news-card__media > img,
.dq-news-card__placeholder,
.single-post .dq-hiwing-article__featured img {
    background: var(--dq-primary-soft);
}

.single-post .dq-article-section {
    background: linear-gradient(180deg, var(--dq-primary-soft), #fff);
}

.single-post .dq-article-body,
.dq-news-card__placeholder > span {
    box-shadow: 0 16px 44px var(--dq-brand-shadow-soft);
}