/* =====================================================================
   WordPress / Elementor adjustments. Loaded after style.css (the original
   site stylesheet, unchanged). Only covers what WordPress adds.
   ===================================================================== */

/* Logged-in users see the admin bar: keep the header below it */
.admin-bar .site-header { top: 32px; }

@media screen and (max-width: 782px) {
  .admin-bar .site-header { top: 46px; }
}

/* On phones the admin bar scrolls away, so the sticky header can sit at the top */
@media screen and (max-width: 600px) {
  .admin-bar .site-header.is-solid { top: 0; }
}

/* Content typed into the WordPress editor (pages other than the original ten,
   posts). style.css resets lists and margins for the designed pages, so give
   ordinary content its spacing back. */
.exo-content > * + * { margin-top: 1em; }
.exo-content ul,
.exo-content ol { padding-left: 1.4em; margin-bottom: 1em; }
.exo-content ul { list-style: disc; }
.exo-content ol { list-style: decimal; }
.exo-content a { color: var(--gold-dark); text-decoration: underline; }
.exo-content img { height: auto; }
.exo-content .alignleft { float: left; margin: 0 1.5em 1em 0; }
.exo-content .alignright { float: right; margin: 0 0 1em 1.5em; }
.exo-content .aligncenter { margin-inline: auto; }

/* Elementor content: give text-editor lists their bullets back */
.elementor-widget-text-editor ul { list-style: disc; padding-left: 1.4em; }
.elementor-widget-text-editor ol { list-style: decimal; padding-left: 1.4em; }

/* Pages built with Elementor have no dark banner for the transparent header
   to sit on, so the header is solid there and stays at the top */
body.exo-builder .site-header,
body.exo-builder .site-header.is-solid {
  position: sticky;
  top: 0;
  background: rgba(8, 17, 40, .98);
  animation: none;
}

.admin-bar.exo-builder .site-header,
.admin-bar.exo-builder .site-header.is-solid { top: 32px; }

@media screen and (max-width: 782px) {
  .admin-bar.exo-builder .site-header,
  .admin-bar.exo-builder .site-header.is-solid { top: 46px; }
}

@media screen and (max-width: 600px) {
  .admin-bar.exo-builder .site-header.is-solid { top: 0; }
}

/* On Elementor-built pages, Elementor's Site Settings (global fonts, colours,
   link colours) rightly style the Elementor content, but they would also reach
   the theme's header and footer. Restate the original header/footer styling
   with enough specificity to win. */
body.exo-builder .site-header,
body.exo-builder .site-footer {
  font-family: var(--font-sans);
  line-height: 1.65;
  letter-spacing: normal;
}

body.exo-builder .site-header a,
body.exo-builder .site-footer a,
body.exo-builder .site-header a:hover,
body.exo-builder .site-footer a:hover { color: inherit; }

body.exo-builder .site-header .brand,
body.exo-builder .site-footer .brand { color: #d2a65a; }
body.exo-builder .site-header .nav__cta { color: var(--gold-light); }
body.exo-builder .site-footer .footer__col a { color: #aeb3c1; }
body.exo-builder .site-footer .footer__col a:hover { color: var(--gold-light); }
body.exo-builder .site-footer .footer__social a { color: #fff; }

/* Screen-reader text used by WordPress core output (pagination, etc.) */
.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}