/* WordPress-only adjustments. styles.css is the signed-off static stylesheet
   and is kept unchanged; anything WordPress or Elementor needs on top of it
   goes here. */

/* Keep the fixed nav clear of the admin bar when logged in. */
.admin-bar .nav { top: 32px; }
@media (max-width: 782px) {
  .admin-bar .nav { top: 46px; }
}
@media (max-width: 600px) {
  /* The admin bar stops being fixed here and scrolls away. */
  .admin-bar .nav { top: 0; }
}

/* Elementor's frontend.min.css sets `.elementor img { height: auto }` after
   styles.css, which un-fills the photo plates. */
.elementor .plate img { height: 100%; }

/* In the static site every plate is a <figure>, and styles.css never resets
   its margins, so the signed-off layout includes the browser's default figure
   margin. The Elementor plates are divs; give them the same, at zero
   specificity like the browser default, so any styles.css rule still wins. */
:where(.plate) { margin: 1em 40px; }

/* Elementor's atomic elements have no list element, so the chips are a
   .chips block of spans. Same rules as `.chips li` / `.chips--wine li`.
   In the editor canvas each span sits inside a display:contents widget
   wrapper (and next to an overlay div), hence the second selector. */
.chips > :not(.elementor-element-overlay, .elementor-widget),
.chips > .elementor-widget > * {
  font-size: .6875rem; letter-spacing: .13em; text-transform: uppercase;
  font-weight: 600; color: var(--taupe);
  border: 1px solid var(--rule); border-radius: var(--pill);
  padding: .45rem .95rem; background: var(--paper-hi);
}
.chips--wine > :not(.elementor-element-overlay, .elementor-widget),
.chips--wine > .elementor-widget > * {
  background: var(--cream);
  border-color: var(--wine);
  color: var(--wine);
}

/* Elementor strips classes from inline HTML, so the hero's
   <span class="gleam"> words are written as <em> instead. Same as .gleam. */
.display-1 em { font-style: italic; color: var(--clay); }
.band--cocoa .display-1 em { color: var(--beige); }