/** Shared NARIYA OUD Header and Footer for the approved site chrome. */
.nariya-shared-chrome {
  --ast-global-color-0: #4B3020;
  --ast-global-color-1: #26211D;
  --nariya-interactive: #4B3020;
  --nariya-interactive-dark: #26211D;
  --nariya-interactive-border: #B8ADA0;
  --nariya-interactive-gold: #976928;
}
.nariya-shared-chrome ::selection {
  background: #4B3020;
  color: #E8E0D6;
}
.nariya-shared-chrome :where(a, button, input, select, textarea, [tabindex]) {
  -webkit-tap-highlight-color: rgba(75, 48, 32, .18);
}
.nariya-shared-chrome :where(input, select, textarea):focus {
  border-color: var(--nariya-interactive);
  box-shadow: none;
}
body.nariya-shared-chrome :where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--nariya-interactive);
  outline-offset: 2px;
  box-shadow: none;
}
body.nariya-shared-chrome input:focus-visible,
body.nariya-shared-chrome select:focus-visible,
body.nariya-shared-chrome textarea:focus-visible {
  border-color: var(--nariya-interactive);
  outline: 2px solid var(--nariya-interactive) !important;
  outline-offset: 2px;
  box-shadow: 0 0 0 2px var(--nariya-interactive) !important;
}
.nariya-shared-chrome :where(input[type='checkbox'], input[type='radio']) {
  accent-color: var(--nariya-interactive);
}
.nariya-shared-chrome .site-title {
  position: relative;
  padding-bottom: 12px;
}
.nariya-shared-chrome .site-title a {
  display: block;
  width: 280px;
  height: 66px;
  overflow: hidden;
  background: url('/wp-content/uploads/2026/07/nariya-oud-official-logo.webp') left center / contain no-repeat;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  filter: saturate(1.35) contrast(1.25);
}
.nariya-shared-chrome .site-title::after {
  position: absolute;
  bottom: 3px;
  left: 56px;
  content: 'NHA TRANG, VIETNAM';
  color: #5f4316;
  font-size: 8px;
  font-weight: 600;
  letter-spacing: .2em;
  white-space: nowrap;
}
.nariya-shared-chrome .main-header-menu > .menu-item > .menu-link {
  padding-right: 24px;
  padding-left: 24px;
  color: #3F342B;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .065em;
}
.nariya-shared-chrome .main-header-menu > .current-menu-item > .menu-link,
.nariya-shared-chrome .main-header-menu > .current-menu-ancestor > .menu-link {
  color: #976928;
}
.nariya-shared-chrome .main-header-menu .menu-link:hover,
.nariya-shared-chrome .main-header-menu .menu-link:focus-visible,
.nariya-shared-chrome .main-header-menu .menu-link:active,
.nariya-shared-chrome .main-header-menu .current-menu-item > .menu-link,
.nariya-shared-chrome .main-header-menu .current-menu-ancestor > .menu-link {
  color: var(--nariya-interactive);
}
.nariya-shared-chrome .main-header-menu .sub-menu .menu-link:hover,
.nariya-shared-chrome .main-header-menu .sub-menu .menu-link:focus-visible,
.nariya-shared-chrome .main-header-menu .sub-menu .menu-link:active {
  background-color: rgba(75, 48, 32, .08);
}
.nariya-shared-chrome .site-content a:not(.elementor-button):not(.wp-element-button):not(.nariya-btn):hover,
.nariya-shared-chrome .site-content a:not(.elementor-button):not(.wp-element-button):not(.nariya-btn):focus-visible,
.nariya-shared-chrome .site-content a:not(.elementor-button):not(.wp-element-button):not(.nariya-btn):active {
  color: var(--nariya-interactive);
  border-color: var(--nariya-interactive);
}
body.nariya-shared-chrome :where(button, input[type='button'], input[type='submit'], .button, .ast-button, .elementor-button, .wp-element-button, .nariya-btn):not(:disabled):not([aria-disabled='true']):hover,
body.nariya-shared-chrome :where(button, input[type='button'], input[type='submit'], .button, .ast-button, .elementor-button, .wp-element-button, .nariya-btn):not(:disabled):not([aria-disabled='true']):active {
  border-color: var(--nariya-interactive);
  background-color: var(--nariya-interactive);
  color: #F6EFE3;
}
body.nariya-shared-chrome :where(.nariya-ember-size, [role='radio'], [role='option'])[aria-checked='true'],
body.nariya-shared-chrome :where(.nariya-ember-size, [role='radio'], [role='option'])[aria-selected='true'],
body.nariya-shared-chrome .nariya-ember-size.is-selected {
  border-color: var(--nariya-interactive-dark);
  background-color: var(--nariya-interactive-dark);
  color: #F6EFE3;
}
body.nariya-shared-chrome :where(.nariya-ember-gallery-thumb, [role='tab'])[aria-selected='true'],
body.nariya-shared-chrome .nariya-ember-gallery-thumb.is-selected {
  border-color: var(--nariya-interactive);
}
@media (min-width: 922px) {
  .nariya-shared-chrome .ast-primary-header-bar,
  .nariya-shared-chrome .site-primary-header-wrap,
  .nariya-shared-chrome .site-primary-header-wrap .ast-builder-grid-row {
    min-height: 110px;
  }
  .nariya-shared-chrome .site-primary-header-wrap.ast-container {
    width: 100%;
    max-width: 1240px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
  }
  .nariya-shared-chrome .site-primary-header-wrap .ast-builder-grid-row {
    width: 100%;
  }
  .nariya-shared-chrome .site-header-primary-section-left .ast-builder-layout-element,
  .nariya-shared-chrome .site-branding,
  .nariya-shared-chrome .site-title {
    flex: 0 0 280px;
    width: 280px;
  }
  .nariya-shared-chrome #masthead .site-title a {
    width: 280px;
    height: 66px;
  }
}
.nariya-shared-chrome .site-footer { display: none !important; }
.nariya-global-footer {
  width: 100%;
  background: #1F1B18;
  color: #E8E0D6;
}
.nariya-global-footer-inner {
  width: min(1180px, calc(100% - 64px));
  margin: 0 auto;
  padding: 58px 0 28px;
}
.nariya-global-footer .nariya-footer-main {
  display: grid;
  grid-template-columns: 1.45fr .72fr 1fr 1fr;
  gap: clamp(38px, 5vw, 72px);
  align-items: start;
  padding-bottom: 46px;
  border-bottom: 1px solid rgba(232, 224, 214, 0.14);
}
.nariya-global-footer .nariya-footer-brand-logo {
  display: block;
  width: min(238px, 100%);
  height: auto;
  margin: 0 0 20px;
}
.nariya-global-footer .nariya-footer-brand-copy {
  max-width: 330px;
  margin: 20px 0 0;
  color: #B8ADA0;
  font-size: 14px;
  line-height: 1.65;
}
.nariya-global-footer .nariya-footer-column {
  display: grid;
  align-content: start;
  gap: 12px;
}
.nariya-global-footer .nariya-footer-column-title {
  margin: 0 0 7px;
  color: #c49a60;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .16em;
}
.nariya-global-footer .nariya-footer-column a,
.nariya-global-footer .nariya-footer-contact-note {
  color: #E8E0D6;
  font-size: 15px;
  line-height: 1.65;
  letter-spacing: .13em;
  text-decoration: none;
}
.nariya-global-footer .nariya-footer-contact-note {
  max-width: 230px;
  margin: 5px 0 0;
  color: #B8ADA0;
  font-size: 14px;
  line-height: 1.65;
  letter-spacing: .03em;
}
.nariya-global-footer div.nariya-footer-column a {
  font-size: 14.5px;
}
.nariya-global-footer .nariya-footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  padding-top: 27px;
  color: #B8ADA0;
  font-size: 13px;
  line-height: 1.65;
  letter-spacing: .1em;
}
.nariya-global-footer .nariya-footer-column a:hover,
.nariya-global-footer .nariya-footer-column a:focus-visible {
  color: #c49a60;
}
.nariya-global-footer :where(a, button, [tabindex]):focus-visible {
  outline-color: #c49a60;
}
@media (max-width: 767px) {
  .nariya-shared-chrome #ast-mobile-header .menu-link,
  .nariya-shared-chrome .ast-mobile-header-content .menu-link {
    color: #3F342B;
  }
  .nariya-shared-chrome #ast-mobile-header .menu-link:hover,
  .nariya-shared-chrome #ast-mobile-header .menu-link:focus-visible,
  .nariya-shared-chrome #ast-mobile-header .menu-link:active,
  .nariya-shared-chrome #ast-mobile-header .current-menu-item > .menu-link,
  .nariya-shared-chrome #ast-mobile-header .current-menu-ancestor > .menu-link,
  .nariya-shared-chrome .ast-mobile-header-content .menu-link:hover,
  .nariya-shared-chrome .ast-mobile-header-content .menu-link:focus-visible,
  .nariya-shared-chrome .ast-mobile-header-content .menu-link:active {
    color: var(--nariya-interactive);
  }
  body.nariya-shared-chrome .menu-toggle,
  body.nariya-shared-chrome .ast-mobile-menu-trigger-minimal {
    border-color: transparent;
    background-color: transparent;
    color: var(--nariya-interactive);
  }
  body.nariya-shared-chrome .menu-toggle:hover,
  body.nariya-shared-chrome .menu-toggle:active,
  body.nariya-shared-chrome .ast-mobile-menu-trigger-minimal:hover,
  body.nariya-shared-chrome .ast-mobile-menu-trigger-minimal:active {
    border-color: var(--nariya-interactive-border);
    background-color: rgba(75, 48, 32, .08);
    color: var(--nariya-interactive);
  }
  .nariya-shared-chrome .site-title { padding-bottom: 9px; }
  .nariya-shared-chrome #masthead .site-title a {
    width: 185px;
    height: 45px;
  }
  .nariya-shared-chrome .site-title::after {
    bottom: 1px;
    left: 43px;
    font-size: 6px;
  }
  .nariya-global-footer-inner {
    width: min(100% - 36px, 1180px);
    padding-top: 50px;
  }
  .nariya-global-footer .nariya-footer-main {
    grid-template-columns: 1fr;
    gap: 42px;
  }
  .nariya-global-footer .nariya-footer-bottom {
    display: block;
    line-height: 1.65;
  }
}