/* ANGIA Hospitality · selected AG identity · 23 October 2026.
   Additive visual layer. Original image files, content, JS hooks and forms remain intact. */
:root {
  --brand-espresso:#211C19; --brand-ivory:#F2EDE4; --brand-champagne:#B9A27A; --brand-greige:#C9BFB1;
  --cream:#F2EDE4; --paper:#FAF7F1; --soft:#E8E0D4; --line:#D8CFC2;
  --ink:#211C19; --ink-deep:#211C19; --ink-2:#3C3129; --muted:#6C6259;
  --brass:#B9A27A; --brass-hi:#D0BB98; --brass-text:#78613F;
  --on-ink:#F2EDE4; --on-ink-dim:#C9BFB1; --on-ink-line:rgba(242,237,228,.19);
  --display:'Noto Serif',Georgia,serif; --sans:'Manrope',Arial,sans-serif;
  --pg-rule:#D8CFC2; --pg-sheet:#FAF7F1; --pg-glow-a:rgba(185,162,122,.27); --pg-glow-b:rgba(83,64,46,.3);
  --hdr-h:108px;
}
body.angia-luxury {
  background:var(--cream); color:var(--ink); font-family:var(--sans); -webkit-font-smoothing:antialiased;
  --az-ink:#211C19; --az-muted:#6C6259; --az-service-blue:#78613F; --az-service-blue-hover:#59452C;
  --az-ice:#F2EDE4; --az-hairline:#D8CFC2; --az-ambient:none;
  --az-focus-ring:#78613F; --az-focus-edge:#FAF7F1; --az-text-muted-dark-bg:#C9BFB1;
  --az-text-muted-light-bg:#6C6259; --az-accent-light-bg:#78613F; --az-accent-light-bg-hover:#59452C;
}
.angia-luxury :is(h1,h2) {font-family:var(--display)!important;font-weight:400;letter-spacing:-.035em;text-wrap:balance}
.angia-luxury :is(button,input,select,textarea) {font-family:var(--sans)!important}
.angia-luxury :is(h3,h4) {font-family:var(--sans)}
.angia-luxury :is(a,button,input,select,textarea,summary):focus-visible {outline:2px solid #9C7D4E;outline-offset:4px}
.angia-luxury ::selection {background:#D9C9AE;color:#211C19}
.angia-luxury :is(.eyebrow,.az-kicker,.trust-kicker) {letter-spacing:.18em}

/* Square master artwork stays square. No crop, tint or logo reconstruction. */
.angia-luxury img.angia-identity-logo {display:block;width:100px;height:100px;max-width:none;object-fit:contain;filter:none!important;aspect-ratio:1}
.angia-luxury header img.angia-identity-logo {width:84px!important;height:84px!important}
.angia-luxury :is(.hdr-logo,.brand,.logo,.az-brand,.trust-brand) {flex-shrink:0}
.angia-luxury .hdr {height:var(--hdr-h);background:rgba(242,237,228,.97);color:var(--ink);border-bottom:1px solid var(--line)}
.angia-luxury .hdr:after {display:none}
.angia-luxury .hdr.is-solid {background:rgba(242,237,228,.98);box-shadow:0 8px 24px -20px #211C1940}
.angia-luxury .hdr-logo,.angia-luxury .hdr.is-solid .hdr-logo {padding:0;background:transparent;border-radius:0}
.angia-luxury .hdr-in {gap:32px}
.angia-luxury .hdr-nav {font-size:12px;letter-spacing:.01em}
.angia-luxury .hdr-cta {background:var(--ink);border-color:var(--ink);color:var(--cream)}
.angia-luxury :is(.site-header,.oa-header) {min-height:108px;padding-block:12px;background:var(--cream);border-bottom:1px solid var(--line)}
.angia-luxury.angia-subpage .site-header {min-height:108px;padding-block:12px}
.angia-luxury.az-refresh :is(.az-header,.trust-header),.angia-luxury.az-secondary-page>header {
  top:0!important;width:100%;margin:0;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0;
  background:rgba(242,237,228,.98)!important;box-shadow:none;
}
.angia-luxury.az-refresh :is(.az-header-inner,.trust-header-inner),.angia-luxury.az-secondary-page>header>div {
  min-height:108px;max-width:1336px!important;margin-inline:auto;padding:12px clamp(24px,4.6vw,72px)!important;
}
.angia-luxury :is(.desktop-nav,.hdr-nav,.az-nav) a {font-weight:600}
.angia-luxury .mobile-menu nav {background:var(--cream)!important;border-color:var(--line)!important}
.angia-luxury :is(.mobile-menu summary>span,.desktop-nav a[aria-current=page],.mobile-menu nav a[aria-current=page]) {color:#78613F!important}
.angia-luxury .hdr-nav a:after {background:var(--brass)}
.angia-luxury .hdr-nav a[aria-current=page] {color:#78613F}
.angia-luxury footer img.angia-identity-logo {width:148px!important;height:148px!important;padding:13px;background:var(--cream);border-radius:0}
.angia-luxury :is(.site-footer,.az-footer,.oa-footer) img.angia-identity-logo {padding:0;background:transparent}
.angia-luxury .ftr {background:var(--ink-deep)}
.angia-luxury .ftr-top {gap:32px}

/* Home and pricing: warm photographic depth, quiet surfaces and precise edges. */
.angia-luxury .hero-shade {background:linear-gradient(90deg,#211C19F2,#211C19D6 34%,#211C196B 64%,#211C199E),linear-gradient(0deg,#211C19E6,#211C1900 34%)}
.angia-luxury :is(.hero-trio a,.feed) {background:rgba(33,28,25,.62)}
.angia-luxury .hero-trio a:hover {background:rgba(33,28,25,.85)}
.angia-luxury .ai-chip {background:rgba(33,28,25,.88)}
.angia-luxury .proof {background:rgba(242,237,228,.97)}
.angia-luxury :is(.btn,.button,.eco-card,.eco-product,.task,.result,.feed,.feed-item,.proof) {border-radius:2px}
.angia-luxury .btn-brass {box-shadow:none;background:var(--brass);color:var(--ink)}
.angia-luxury .btn-brass:hover {background:var(--brass-hi)}
.angia-luxury .btn-ink {background:var(--ink);color:var(--cream)}
.angia-luxury .btn-line-light {background:rgba(33,28,25,.18)}
.angia-luxury .btn-line-light:hover {background:rgba(33,28,25,.4)}
.angia-luxury .eco-card {background:var(--cream);border-color:var(--line)}
.angia-luxury .eco-card:hover {box-shadow:0 20px 40px -32px #211C1966}
.angia-luxury :is(.contact-surface,.knowledge-hero) {background:var(--ink)}
.angia-luxury :is(.knowledge-lead,.article-meta,.contact-inner>div>p:not(.eyebrow)) {color:var(--on-ink-dim)}
.angia-luxury :is(.knowledge-card,.article-summary,.article-copy tbody th) {background:#E8E0D4}
.angia-luxury .article-copy :is(p,li) {color:#51473E}
.angia-luxury .article-copy a {color:#78613F}
.angia-luxury :is(.knowledge-hero .eyebrow,.knowledge-hero h1 em) {color:#D0BB98}
.angia-luxury .primary {background:var(--ink);color:var(--cream);border-color:var(--ink)}
.angia-luxury .primary:hover {background:#3C3129}

/* OTA page keeps all established form/menu selectors. */
body.angia-luxury.angia-ota-service.az-refresh {
  --ota-ink:#211C19;--ota-paper:#FAF7F1;--ota-cream:#F2EDE4;--ota-brass:#B9A27A;--ota-muted:#6C6259;--ota-line:#D8CFC2;
  --az-service-blue:#78613F;--az-service-blue-hover:#59452C;
}
body.angia-luxury.angia-ota-service.az-refresh .az-header>.az-header-inner {min-height:108px}
body.angia-luxury.angia-ota-service.az-refresh .az-home-hero {background:var(--ink)}
body.angia-luxury.angia-ota-service.az-refresh :is(.az-hero-lead,.ota-service-details,.ota-service-details p,.ota-breadcrumb) {color:#C9BFB1}
body.angia-luxury.angia-ota-service.az-refresh :is(.az-home-hero,.az-pricing-row) .az-button-outline:hover {background:#3C3129!important}
body.angia-luxury.angia-ota-service.az-refresh :is(.az-button,.az-zalo) {border-radius:2px!important}
body.angia-luxury.angia-ota-service.az-refresh .az-footer {background:var(--cream)!important}
body.angia-luxury.angia-ota-service.az-refresh .az-footer .az-brand img {width:148px!important;height:148px!important}

/* Legacy legal/confirmation pages: retain accessible content and tables. */
.angia-luxury.az-refresh :is(.trust-hero,.az-page) {background:var(--cream)}
body.angia-luxury.az-refresh :is(h1,h2) {font-family:var(--display)!important;font-weight:400!important}
.angia-luxury.az-refresh .trust-hero {margin-top:0}
.angia-luxury.az-refresh .trust-section:nth-child(even) {background:#EAE3D8}
.angia-luxury.az-refresh :is(.trust-card,.trust-callout) {border-radius:2px;box-shadow:none;background:var(--paper);border-color:var(--line)}
.angia-luxury.az-refresh .trust-callout {border-left:3px solid var(--brass)}
.angia-luxury.az-refresh :is(.az-kicker,.az-home-kicker,.trust-kicker) {border-radius:0;background:transparent;padding:0;color:#78613F!important}
.angia-luxury.az-refresh :is(.az-button,.az-home-primary,.az-home-secondary,.trust-button,.h1,.h2,.h2b) {border-radius:2px!important}
.angia-luxury.az-secondary-page :is(a.h1,button.h1,.trust-button:not(.trust-button-secondary)) {background:var(--ink)!important;border-color:var(--ink)!important;color:var(--cream)!important}
.angia-luxury.az-secondary-page :is(a.h2,a.h2b,.trust-button-secondary) {border-color:#9E8C73!important;color:#78613F!important}
.angia-luxury.az-secondary-page :where([style*="background:rgba(201,164,100"]) {background:#E8E0D4!important}
.angia-luxury.az-secondary-page main>div>div[style*="border:1px"] {border-radius:2px}
.angia-luxury.az-secondary-page footer {background:var(--cream)!important}
.angia-luxury.az-secondary-page :is(h3,h4) {font-family:var(--sans)!important}

/* Zalo landing: preserve native Zalo links, validation and submission behavior. */
.angia-luxury.az-zalo-page {background:var(--cream);color:var(--ink)}
.angia-luxury .oa-layout {background:#E8E0D4;border-color:var(--line);border-radius:2px}
.angia-luxury .oa-visual {background:var(--ink)}
.angia-luxury .oa-visual:after {background:linear-gradient(90deg,#211C19E5,#211C1999 82%),linear-gradient(0deg,#211C19C4,transparent 68%)}
.angia-luxury :is(.oa-visual h1 em,.oa-kicker,.oa-secondary .eyebrow) {color:#D0BB98}
.angia-luxury :is(.oa-header-phone strong,.oa-trial strong,.zalo-eyebrow,.zalo-field span,.zalo-direct,.zalo-success-mark,.oa-next-list li>span) {color:#78613F}
.angia-luxury.az-zalo-page .oa-next-heading .eyebrow.blue {color:#78613F}
.angia-luxury :is(.oa-chat,.oa-trial,.oa-form-card) {background:var(--paper);color:var(--ink);border-color:var(--line);border-radius:2px;box-shadow:none}
.angia-luxury :is(.oa-chat:hover,.oa-jump:hover) {color:#B9A27A}
.angia-luxury .zalo-submit {border-radius:2px;background:var(--ink);color:var(--cream)}
.angia-luxury .zalo-submit:hover {background:#3C3129}
.angia-luxury .zalo-contact-consent input {accent-color:var(--ink)}
.angia-luxury .oa-form-card :is(input:not([type=checkbox]),select) {border-color:#B9AC99;border-radius:2px;color:var(--ink)}
.angia-luxury .oa-secondary {background:var(--ink);border-radius:2px}
.angia-luxury .oa-secondary-links a {border-radius:2px}
.angia-luxury .oa-secondary-links a:first-child {background:var(--cream);color:var(--ink)}
.angia-luxury :is(.oa-header-phone,.zalo-optional,.zalo-reassurance,.oa-next-list li) {border-color:var(--line)}

@media(max-width:1100px) {
  .angia-luxury {--hdr-h:96px}
  .angia-luxury .hdr-in {gap:18px}
  .angia-luxury header img.angia-identity-logo {width:72px!important;height:72px!important}
  .angia-luxury :is(.site-header,.oa-header),.angia-luxury.angia-subpage .site-header {min-height:96px;padding-block:12px}
  .angia-luxury.az-refresh :is(.az-header-inner,.trust-header-inner),.angia-luxury.az-secondary-page>header>div,
  body.angia-luxury.angia-ota-service.az-refresh .az-header>.az-header-inner {min-height:96px;padding-block:12px!important}
}
@media(max-width:680px) {
  .angia-luxury :is(.hdr-logo,.hdr.is-solid .hdr-logo) {padding:0}
  .angia-luxury .hdr-cta {padding-inline:12px;font-size:11px}
  .angia-luxury .hdr-in {gap:12px}
  .angia-luxury .hdr-menu {margin-left:auto}
  .angia-luxury footer img.angia-identity-logo {width:120px!important;height:120px!important}
  .angia-luxury .ftr-top {gap:24px}
  .angia-luxury .trust-section {padding-block:56px}
  .angia-luxury :is(.article-copy p,.article-copy li) {line-height:1.9}
  .angia-luxury.az-refresh :is(.az-header-inner,.trust-header-inner),.angia-luxury.az-secondary-page>header>div {padding-inline:20px!important}
  /* Privacy contact table: wrap full contact values inside the available column.
     The legacy mobile layer otherwise forces 150px cells in a scrolling block. */
  .angia-luxury.az-secondary-page main>div[style*="max-width:820px"]>table:first-of-type {
    display:table;width:100%;max-width:100%;table-layout:fixed;overflow:visible;
  }
  .angia-luxury.az-secondary-page main>div[style*="max-width:820px"]>table:first-of-type :is(th,td) {
    min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:normal;
  }
  .angia-luxury.az-secondary-page main>div[style*="max-width:820px"]>table:first-of-type th {width:34%}
  .angia-luxury.az-secondary-page main>div[style*="max-width:820px"]>table:first-of-type a {white-space:normal;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce) {
  .angia-luxury :is(.eco-card,.btn,.button) {transition:none}
}
