/* =========================================================
   A WALD STUDIO — SVG ICON + HEADER CONSISTENCY LOCK
   18 July 2026
   Loaded last. Replaces every CSS/Unicode arrow and fixes
   logo/header sizing consistently across all pages.
   ========================================================= */

/* Retire the old CSS-drawn arrow system completely. */
.ui-glyph,
.ui-chevron{
  display:none!important;
}
.ui-glyph::before,
.ui-glyph::after,
.ui-chevron::before,
.ui-chevron::after{
  content:none!important;
  display:none!important;
}

/* Controlled inline SVG icon system: no emoji/font rendering. */
.ui-svg-icon{
  display:inline-block;
  width:17px;
  height:17px;
  flex:0 0 17px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
  vertical-align:middle;
  pointer-events:none;
  transform:none!important;
}
.glass-btn .ui-svg-icon-ne,
.text-link .ui-svg-icon-ne{
  margin-left:7px;
}
.text-link .ui-svg-icon-down{
  width:15px;
  height:15px;
  flex-basis:15px;
  margin-left:7px;
}
.text-link .ui-svg-icon-left{
  width:16px;
  height:16px;
  flex-basis:16px;
  margin-right:7px;
}
.aw-concierge-suggestions .ui-svg-icon-right{
  width:16px;
  height:16px;
  flex-basis:16px;
  margin-left:auto;
  color:rgba(244,236,225,.70);
}

/* One header and logo system across homepage + every inner page. */
html body header#header{
  box-sizing:border-box!important;
  height:100px!important;
  min-height:100px!important;
  padding:9px clamp(32px,3.5vw,54px)!important;
  align-items:center!important;
}
html body header#header .brand{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  height:82px!important;
  min-height:82px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  transform:none!important;
}
html body header#header .brand img,
html body:not(.inner-page) header#header .brand img,
html body.inner-page header#header .brand img{
  display:block!important;
  width:auto!important;
  height:82px!important;
  max-height:82px!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0!important;
  transform:none!important;
}

/* Scrolled header: smaller lockup that remains wholly inside the bar. */
html body header#header.scrolled{
  box-sizing:border-box!important;
  height:76px!important;
  min-height:76px!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
  align-items:center!important;
}
html body header#header.scrolled .brand{
  height:60px!important;
  min-height:60px!important;
  align-items:center!important;
}
html body header#header.scrolled .brand img,
html body:not(.inner-page) header#header.scrolled .brand img,
html body.inner-page header#header.scrolled .brand img{
  width:auto!important;
  height:60px!important;
  max-height:60px!important;
  object-fit:contain!important;
  object-position:left center!important;
}

/* Keep navigation and CTA vertically centered in both header states. */
html body header#header nav,
html body header#header .header-actions{
  align-self:center!important;
  margin:0!important;
}
html body header#header .header-cta{
  min-height:48px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  display:inline-flex!important;
  align-items:center!important;
}
html body header#header.scrolled .header-cta{
  min-height:42px!important;
}

/* SVG icon sizing at smaller breakpoints. */
@media (max-width:1100px){
  html body header#header{
    grid-template-columns:1fr auto!important;
  }
}
@media (max-width:680px){
  html body header#header{
    height:78px!important;
    min-height:78px!important;
    padding:7px 18px!important;
  }
  html body header#header .brand{
    height:64px!important;
    min-height:64px!important;
  }
  html body header#header .brand img,
  html body:not(.inner-page) header#header .brand img,
  html body.inner-page header#header .brand img{
    height:64px!important;
    max-height:64px!important;
  }
  html body header#header.scrolled{
    height:68px!important;
    min-height:68px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
  }
  html body header#header.scrolled .brand{
    height:54px!important;
    min-height:54px!important;
  }
  html body header#header.scrolled .brand img,
  html body:not(.inner-page) header#header.scrolled .brand img,
  html body.inner-page header#header.scrolled .brand img{
    height:54px!important;
    max-height:54px!important;
  }
  .ui-svg-icon{
    width:15px;
    height:15px;
    flex-basis:15px;
  }
}


/* v3.31 — remove duplicate tight card outlines behind package core */
.architectural-system .core-depth,
.architectural-system .core-depth-a,
.architectural-system .core-depth-b{display:none!important;opacity:0!important;box-shadow:none!important;border:0!important;}