/*
 * Brand palette derived from the active Tiệm Gội Đầu logo.
 * Gold is reserved for actions and highlights; charcoal anchors headings and
 * dark surfaces; warm ivory replaces the former green/blue tinted surfaces.
 */
:root{
    --dq-primary:#9a6708;
    --dq-secondary:#17130d;
    --dq-text:#2d281f;
    --dq-muted:#6f675b;
    --dq-border:#e5dcc9;
    --dq-brand-gold:#c9951d;
    --dq-brand-gold-deep:#9a6708;
    --dq-brand-gold-soft:#f3e4bd;
    --dq-brand-ink:#17130d;
    --dq-brand-ink-soft:#2b2419;
    --dq-brand-ivory:#fbf7ed;
    --dq-brand-paper:#fffdf8;
    --dq-wellness-green:#17130d;
    --dq-wellness-green-2:#9a6708;
    --dq-wellness-cream:#fbf7ed;
    --dq-wellness-orange:#b97708;
    --dq-wellness-line:#e5dcc9;
    --dq-wp-green:#17130d;
    --dq-wp-green-soft:#2b2419;
    --dq-wp-sage:#b98416;
    --dq-wp-cream:#fbf7ed;
    --dq-wp-paper:#fffdf8;
    --dq-wp-ink:#2d281f;
    --dq-wp-line:#e5dcc9;
}

body{background:var(--dq-brand-paper)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--dq-brand-gold)}
::selection{background:var(--dq-brand-gold);color:var(--dq-brand-ink)}

/* Global navigation, calls to action and utility components. */
.dq-topbar,.dq-archive-hero,.dq-tabs__nav button,.dq-review-form summary,.dq-comment-card{background:var(--dq-brand-ivory)}
.dq-menu a:hover,.dq-topbar-menu a:hover,.dq-bottom-menu a:hover,.dq-menu .current-menu-item>a{color:var(--dq-brand-gold-deep)}
.dq-hotline,.dq-header-btn,.dq-btn,.dq-submit-review,.dqc-contact-form button{
    border-color:var(--dq-brand-gold-deep);
    background:linear-gradient(135deg,#d6aa3a,#9a6708);
    color:#fff;
}
.dq-hotline:hover,.dq-header-btn:hover,.dq-btn:hover,.dq-submit-review:hover,.dqc-contact-form button:hover{background:var(--dq-brand-ink);color:#fff}
.dq-btn--light{border-color:#fff;background:#fff;color:var(--dq-brand-ink)}
.dq-eyebrow,.dq-library-eyebrow{color:var(--dq-brand-gold-deep)}
.dq-banner,.dq-video,.dq-trust-story{background-color:var(--dq-brand-ink)}
.dq-toc{border-color:#ead9ad}.dq-toc summary{background:#fbf2db;color:#805500}.dq-toc__list{border-color:#ead9ad}
.dq-single-info a{color:var(--dq-brand-gold-deep)}
.dq-comment-stars .is-active,.dq-rating-stars input:checked~label,.dq-rating-stars label:hover,.dq-rating-stars label:hover~label{color:var(--dq-brand-gold)}

/* Homepage and reusable wellness sections. */
.home .dq-menu .current-menu-item>a,.dq-wellness-eyebrow,.dq-content-rail.is-service .dq-library-heading .dq-library-eyebrow{color:var(--dq-brand-gold-deep)}
.home .dq-header-btn,.dq-wellness-btn{background:linear-gradient(135deg,#d6aa3a,#9a6708);color:#fff;box-shadow:0 10px 24px rgba(98,64,4,.2)}
.dq-immersive-hero{background:var(--dq-brand-ivory)}
.dq-immersive-hero__copy h1,.dq-immersive-hero__accent,.dq-wellness-heading h2,.dq-content-rail .dq-library-heading h2{color:var(--dq-brand-ink)}
.dq-immersive-hero__benefit{border-color:rgba(154,103,8,.24)}
.dq-immersive-hero__benefit strong{color:#4a3b21}
.dq-wellness-icon,.dq-wellness-icon:before,.dq-wellness-icon:after{border-color:var(--dq-brand-gold)}
.dq-content-rail.is-service .dq-library-heading:after{background:linear-gradient(90deg,transparent,var(--dq-brand-gold) 28%,var(--dq-brand-gold) 72%,transparent)}
.dq-content-rail.is-service .dq-library-heading:before{border-color:var(--dq-brand-gold)}
.dq-content-rail.is-service .dq-text-link{background:var(--dq-brand-ink)}
.dq-media-gallery-band,.dq-media-gallery-band.is-forest{background:linear-gradient(180deg,#f7eed9 0%,#fffaf0 100%);color:var(--dq-brand-ink)}
.dq-media-gallery-band__copy{background:linear-gradient(145deg,#17130d,#3b2c12);box-shadow:0 18px 40px rgba(36,25,7,.2)}
.dq-media-gallery-band__copy .dq-wellness-eyebrow{color:#edcf82}
.dq-commerce-shelf{background:#fffcf5}
.dq-commerce-card__buy{background:linear-gradient(90deg,#c89216,#9a6708)}
.dq-commerce-card__price{color:#9a2f12}
.dq-content-cta-grid__cta{background:radial-gradient(circle at 50% 15%,#fff 0,#fbf1d9 70%,#f0dfb7 100%)}
.dq-wellness-mark:before,.dq-wellness-mark:after{border-color:var(--dq-brand-gold-deep)}
.dq-place-reviews{background:var(--dq-brand-ivory)}
.dq-place-review-card__image>span{background:rgba(23,19,13,.9)}
.dq-place-review-card__location,.dq-place-review-card__link{color:var(--dq-brand-gold-deep)}
.dq-place-review-card__note span{background:#f7e8bf;color:#704a00}
.dq-place-reviews__disclosure,.dq-commerce-shelf__disclosure{border-left-color:var(--dq-brand-gold)}
.dq-content-cta-grid__nav,.dq-wellness-rail__nav{border-color:#cba84f;color:var(--dq-brand-ink);box-shadow:0 10px 26px rgba(64,43,6,.15)}
.dq-content-cta-grid__nav:hover:not(:disabled),.dq-wellness-rail__nav:hover:not(:disabled){background:var(--dq-brand-ink);color:#fff}
.home .dq-numbered-features{background:linear-gradient(145deg,#17130d,#2f2412)}
.home .dq-numbered-features__grid article>span{color:#e0b44a}
.home .dq-numbered-features__grid article{border-color:rgba(224,180,74,.24)}
.home .dq-numbered-features__grid p{color:#ddd3c2}

.home .dq-section--faq{padding:64px 0 72px;background:linear-gradient(180deg,#fffdf8,#fbf3df)}
.home .dq-section--faq .dq-container{max-width:980px}
.home .dq-section--faq .dq-section-title{margin-bottom:28px;text-align:center;font-size:clamp(31px,4vw,46px);letter-spacing:-.035em}
.home .dq-section--faq details{margin-bottom:12px;padding:0 20px;border-color:#dfcfaa;border-radius:16px;background:rgba(255,255,255,.88);box-shadow:0 8px 24px rgba(61,42,8,.045)}
.home .dq-section--faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:62px;color:var(--dq-brand-ink);font-size:16px;list-style:none}
.home .dq-section--faq summary::-webkit-details-marker{display:none}
.home .dq-section--faq summary:after{content:"+";display:grid;flex:0 0 30px;width:30px;height:30px;border:1px solid #d4b56a;border-radius:50%;place-items:center;color:var(--dq-brand-gold-deep);font-size:21px;font-weight:500;line-height:1}
.home .dq-section--faq details[open] summary{color:var(--dq-brand-gold-deep)}
.home .dq-section--faq details[open] summary:after{content:"−";background:var(--dq-brand-ink);border-color:var(--dq-brand-ink);color:#fff}
.home .dq-section--faq details p{margin:0;padding:0 50px 20px 0;color:#665e51;line-height:1.7}

/* Inner wellness pages, articles and editorial page variants. */
.dq-wellness-inner-page{background:var(--dq-brand-paper)}
.dq-wellness-inner-page .dq-menu .current-menu-item>a{color:var(--dq-brand-gold-deep)}
.dq-wellness-inner-page .dq-header-btn{background:linear-gradient(135deg,#d6aa3a,#9a6708)}
.dq-wellness-inner-hero{background:var(--dq-brand-ivory)}
.dq-wellness-inner-hero.is-forest,.dq-wellness-expert-note__copy{background:var(--dq-brand-ink)}
.dq-wellness-expert-note{background:linear-gradient(115deg,#fbf1da,#fffaf0)}
.dq-wellness-contact-studio__channels{background:var(--dq-brand-ivory)}

.dq-editorial{--ink:var(--dq-brand-ink);--green:var(--dq-brand-gold);--line:#eadfc8}
.dq-editorial em,.dq-ed-story>.dq-ed-label,.dq-ed-feature .dq-ed-label,.dq-ed-process__head .dq-ed-label,.dq-ed-spec>span,.dq-ed-process li:before{color:var(--dq-brand-gold-deep)}
.dq-ed-link:hover{color:var(--dq-brand-gold-deep)}
.dq-ed-link:focus-visible,.dq-ed-button:focus-visible{outline-color:var(--dq-brand-gold)}
.dq-ed-button:hover{background:var(--dq-brand-gold-deep)}
.dq-ed-hero__photo figcaption,.dq-ed-desk__form .dq-btn{background:var(--dq-brand-gold-deep)}
.dq-ed-process{background:var(--dq-brand-ivory)}
.dq-ed-process li{border-color:#e6d5ad}
.dq-ed-contact-row{border-color:#4b402f}
.dq-ed-contact-row small{color:#e6d6b5}
.dq-ed-desk__form .dqc-contact-form input,.dq-ed-desk__form .dqc-contact-form textarea{border-color:#e6d5ad;background:#fffaf0}

.dq-article{--article-green:#2b2419;--article-green-deep:#17130d;--article-sage:#756a58;--article-cream:#fbf7ed;--article-line:#e5dcc9;--article-gold:#b98416;color:#332d23}
.dq-article-hero{background:linear-gradient(180deg,#fbf7ed 0%,#f5ead0 78%,#fff 78%)}
.dq-article-category:hover,.dq-article-aside__note{background:var(--article-green-deep)}
.dq-article-content a{color:var(--dq-brand-gold-deep);text-decoration-color:rgba(154,103,8,.3)}
.dq-article-content th,.dq-article .dq-review-form summary{background:#fbf2dc}
.dq-article .dq-expert-box{background:linear-gradient(135deg,#fbf0d3 0%,#fffaf0 100%)}

/* Booking and footer surfaces use the same charcoal/gold pairing. */
.dq-booking-modal{background:rgba(23,19,13,.76)}
.dq-booking-modal__intro{background:linear-gradient(150deg,#17130d,#3b2c12)}
.dq-booking-modal__eyebrow,.dq-booking-modal__step{color:#e6c66f}
.dq-booking-modal__intro li:before{background:#e6c66f;color:var(--dq-brand-ink)}
.dq-booking-modal__form .dq-booking-modal__step{color:var(--dq-brand-gold-deep)}
.dq-booking-modal__form>h3{color:var(--dq-brand-ink)}
.dq-booking-modal .dqc-contact-form input:focus,.dq-booking-modal .dqc-contact-form textarea:focus{border-color:var(--dq-brand-gold);box-shadow:0 0 0 3px rgba(201,149,29,.16)}
.dq-booking-modal .dqc-contact-form button{background:linear-gradient(135deg,#d6aa3a,#9a6708)}

.dq-footer,.home .dq-footer{background:#211b12;color:#e8dfce}
.dq-footer h3,.dq-footer-contact strong,.home .dq-footer h3,.home .dq-footer-contact strong{color:#fff7e5}
.dq-footer.dq-footer--single,.home .dq-footer.dq-footer--single{background:radial-gradient(circle at 50% 15%,rgba(255,255,255,.9),rgba(255,255,255,0) 34%),linear-gradient(135deg,#fbf0d2 0%,#f3e3bc 52%,#fffaf0 100%);color:#40351f}
.dq-footer__brand-name{color:var(--dq-brand-ink)}
.dq-footer__intro{color:#655b49}
.dq-footer__nav-list a{border-color:rgba(154,103,8,.35);color:#5e430e}
.dq-footer__nav-list a:hover{border-color:var(--dq-brand-gold-deep);color:#704a00}
.dq-footer__fact{border-color:#dfcfaa;color:#443719}
.dq-footer__fact-dot{background:var(--dq-brand-gold);box-shadow:0 0 0 5px rgba(201,149,29,.14)}
.dq-footer--single .dq-copyright,.home .dq-footer--single .dq-copyright,.home .dq-copyright{border-color:#443719;background:var(--dq-brand-ink);color:#eee3cc}
.dq-footer--single .dq-copyright{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 20px}
.dq-footer__legal{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px}
.dq-footer__legal a{color:#f1d993;text-decoration:underline;text-decoration-color:rgba(241,217,147,.4);text-underline-offset:3px}
.dq-footer__legal a:hover{color:#fff}
.dq-legal-page .dq-col{max-width:900px;margin-inline:auto}
.dq-legal-page .dq-heading{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,5vw,64px);color:var(--dq-brand-ink)}
.dq-legal-page .dq-richtext{font-size:17px;line-height:1.8;color:#4d4436}
.dq-legal-page .dq-richtext h2{margin:38px 0 12px;color:var(--dq-brand-ink);font-size:clamp(23px,3vw,31px)}
.dq-legal-page .dq-richtext a{color:var(--dq-brand-gold-deep);text-decoration:underline;text-underline-offset:3px}
.dqc-contact-notice{padding:12px 15px;border:1px solid #d6aa3a;border-radius:10px;background:#fff8df;color:#654700}

/* Item-level colors may be stored inline in ACF, so brand them explicitly. */
.dq-floating-contact__item--phone{--dq-contact-item:#9a6708!important}
.dq-floating-contact__item--zalo{--dq-contact-item:#0877f9!important}
.dq-floating-contact--compact .dq-floating-contact__item--phone{background:linear-gradient(145deg,#d2a12d 0%,#9a6708 100%)!important}
.dq-floating-contact--compact .dq-floating-contact__copy{background:rgba(23,19,13,.95)}

@media(max-width:760px){
    .dq-immersive-hero{background:var(--dq-brand-ivory)}
    .home .dq-section--faq{padding:44px 0 52px}
    .home .dq-section--faq .dq-section-title{text-align:left}
    .home .dq-section--faq details{padding:0 15px;border-radius:12px}
    .home .dq-section--faq summary{min-height:56px;font-size:14px;line-height:1.4}
    .home .dq-section--faq details p{padding:0 0 17px;font-size:13px}
    .dq-footer--single .dq-copyright{flex-direction:column;gap:8px}
    .dq-legal-page .dq-richtext{font-size:15px;line-height:1.75}
}