/* Kyaw Sein glass controls. Loaded after each page's original styles. */
:root {
  --glass-ink: #f4eee3;
  --glass-rim: rgba(240, 224, 194, .34);
  --glass-fill: linear-gradient(165deg, rgba(218, 204, 181, .14), rgba(26, 24, 20, .32) 75%);
  --glass-hover: linear-gradient(165deg, rgba(218, 204, 181, .22), rgba(37, 32, 24, .38) 75%);
  --glass-depth: inset 0 1px 0 rgba(255, 248, 230, .19), 0 5px 14px rgba(0, 0, 0, .24);
  --glass-glow: inset 0 1px 0 rgba(255, 248, 230, .26), 0 1px 0 rgba(222, 193, 135, .66), 0 10px 23px -9px rgba(222, 193, 135, .7);
}

html body :is(
  a.glass-action, a.btn, a.button, a.ks-button, a.home-offer-primary, a.home-offer-secondary,
  a.residence-primary, a.residence-secondary, a.private-members-link, a.switch,
  button:not(.gallery-card), input[type="submit"]
) {
  box-sizing: border-box;
  color: var(--glass-ink) !important;
  background: var(--glass-fill) !important;
  border: 1px solid var(--glass-rim) !important;
  border-radius: 999px;
  box-shadow: var(--glass-depth);
  -webkit-backdrop-filter: blur(3px) saturate(110%);
  backdrop-filter: blur(3px) saturate(110%);
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .65);
  min-height: 44px;
  max-width: 100%;
  white-space: normal;
  transition: background-color .2s ease, box-shadow .24s ease, border-color .24s ease, transform .24s ease !important;
}

html body :is(
  a.glass-action, a.btn, a.button, a.ks-button, a.home-offer-primary, a.home-offer-secondary,
  a.residence-primary, a.residence-secondary, a.private-members-link, a.switch,
  button:not(.gallery-card, .ks-menu, .menu), input[type="submit"]
):not([hidden]) {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: .55em;
  padding-block: .65em;
  padding-inline: clamp(14px, 3vw, 26px);
  line-height: 1.35;
}

html body :is(.ks-menu, .menu) { padding-inline: 16px; }
html body a.btn { min-height: 52px; }
html body a.private-members-link { color: #e7d4ad !important; font-size: .72rem; }
html body :is(button.lbBtn, button.close, button[aria-label="Close photo"]) {
  min-width: 44px;
  padding: 0;
}

html body :is(
  a.glass-action, a.btn, a.button, a.ks-button, a.home-offer-primary, a.home-offer-secondary,
  a.residence-primary, a.residence-secondary, a.private-members-link, a.switch,
  button:not(.gallery-card), input[type="submit"]
):is(:focus-visible, :hover, [aria-expanded="true"], [aria-pressed="true"], [data-filter].active):not(:disabled) {
  background: var(--glass-hover) !important;
  border-color: #d0b783 !important;
  box-shadow: var(--glass-glow) !important;
  filter: none;
}

html body :is(a.glass-action, a.btn, a.button, a.ks-button, a.home-offer-primary, a.home-offer-secondary,
  a.residence-primary, a.residence-secondary, a.private-members-link, a.switch,
  button, input[type="submit"]):focus-visible {
  outline: 2px solid #e8cb8e;
  outline-offset: 4px;
}

html body .ks-enquiry .ks-enquiry-option {
  background: var(--glass-fill);
  border-radius: 14px;
  border-color: var(--glass-rim);
}
html body .ks-enquiry .ks-enquiry-option:has(:checked) {
  background: var(--glass-hover);
  border-color: #d0b783;
  box-shadow: var(--glass-glow);
}
html body button:disabled { opacity: .55; cursor: not-allowed; }
html body button.gallery-card { border-radius: 10px; }
html body button.gallery-card:is(:hover, :focus-visible) { box-shadow: var(--glass-glow); }

@media (prefers-reduced-motion: reduce) {
  html body :is(a.glass-action, a.btn, a.button, a.ks-button, a.home-offer-primary, a.home-offer-secondary,
    a.residence-primary, a.residence-secondary, a.private-members-link, a.switch,
    button, input[type="submit"]) {
    transition: none !important;
    transform: none !important;
  }
}

/* Keep the collapsed navigation trigger out of the desktop layout. */
@media (min-width: 1301px) {
  html body .ks-header .ks-menu { display: none; }
}
@media (min-width: 901px) {
  html body button.menu[aria-controls="mobile-nav"] { display: none; }
}