/*
 * Agency / Olive: alternative visual styling for the Ollie draft.
 * Loaded only for ?wpvibe_preview=...&abd_variant=olive.
 * Original Ollie Agency design remains the default.
 */
body {
  --wp--preset--color--primary: #7E9550;
  --wp--preset--color--primary-accent: #F3F7E8;
  --wp--preset--color--primary-alt: #7E9550;
  --wp--preset--color--primary-alt-accent: #53653B;
  --wp--preset--color--main: #1F2230;
  --wp--preset--color--secondary: #5A5F6D;
  --wp--preset--color--tertiary: #F5F5F0;
  --wp--preset--color--border-light: #E6E8ED;
  color: #1F2230;
  background-color: #FFFFFF;
}
.abd-header,
.abd-footer {
  background-color: #F5F5F0;
  border-color: #E6E8ED;
}
.abd-header .wp-block-site-title,
.abd-header .wp-block-site-title a,
.abd-article .wp-block-post-title,
.abd-article .wp-block-post-content h2,
.abd-article .wp-block-post-content h3 {
  color: #1F2230;
}
.abd-header .wp-block-site-tagline,
.abd-footer-description,
.abd-footer-copy {
  color: #5A5F6D;
}
.abd-sidebar .wp-block-heading,
.abd-sidebar .current-menu-item > a.wp-block-navigation-item__content {
  color: #60763B !important;
}
.abd-sidebar .current-menu-item > a.wp-block-navigation-item__content::before {
  background-color: #7E9550;
}
.abd-sidebar a.wp-block-navigation-item__content:hover {
  color: #60763B !important;
  text-decoration: none !important;
}
/* Olive active navigation: quiet background highlight without layout shift. */
.abd-header nav.abd-top-nav .wp-block-navigation__container > .current-menu-item:not(:last-child) > a.wp-block-navigation-item__content {
  color: #475A2E !important;
  background-color: #E6EDDA !important;
  box-shadow: 0 0 0 5px #E6EDDA !important;
  border-radius: 2px !important;
  text-decoration: none !important;
}
.abd-header nav.abd-top-nav .wp-block-navigation__container > .wp-block-navigation-item:not(:last-child) > a.wp-block-navigation-item__content:hover {
  color: #60763B !important;
  text-decoration: none !important;
}
/* Booking action, variant 1: subtle olive-tinted button in both places.
   Fixed padding and nowrap keep the label stable while moving between pages. */
.abd-header nav.abd-top-nav .wp-block-navigation__container > .wp-block-navigation-item:last-child > a.wp-block-navigation-item__content,
.abd-footer .abd-footer-contact .abd-footer-action a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  min-height: 40px;
  padding: 9px 14px !important;
  border: 0 !important;
  border-radius: 4px !important;
  outline: none !important;
  box-shadow: none !important;
  background: #E6EDDA !important;
  color: #475A2E !important;
  font-family: inherit !important;
  font-size: .92rem !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  transition: background-color .15s ease;
}
.abd-header nav.abd-top-nav .wp-block-navigation__container > .wp-block-navigation-item:last-child > a.wp-block-navigation-item__content:hover,
.abd-footer .abd-footer-contact .abd-footer-action a:hover {
  background: #D7E3C6 !important;
  color: #475A2E !important;
  text-decoration: none !important;
}
.abd-header nav.abd-top-nav .wp-block-navigation__container > .wp-block-navigation-item:last-child > a.wp-block-navigation-item__content:focus-visible,
.abd-footer .abd-footer-contact .abd-footer-action a:focus-visible {
  outline: 2px solid #475A2E !important;
  outline-offset: 3px !important;
}
/* Switch to the native WordPress mobile navigation before the long CTA
   would crowd the other menu items on narrow desktop/tablet screens. */
@media (max-width: 1200px) {
  .abd-header nav.abd-top-nav .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }
  .abd-header nav.abd-top-nav .wp-block-navigation__responsive-container-open {
    display: flex !important;
  }
}
.abd-article .wp-block-post-content a {
  color: #1F2230 !important;
  text-decoration: underline !important;
  text-decoration-color: #7E9550 !important;
  text-underline-offset: .18em;
}
.abd-article .wp-block-post-content a:hover,
.abd-article .wp-block-post-content a:focus-visible {
  color: #60763B !important;
  text-decoration-color: #60763B !important;
}
.abd-article .wp-block-post-content a:focus-visible,
.abd-sidebar a.wp-block-navigation-item__content:focus-visible {
  outline-color: #60763B !important;
}
.abd-article .wp-block-post-content :is(ul, ol) > li::marker {
  color: #7E9550;
}
.abd-article .wp-block-post-content blockquote.wp-block-quote {
  border-left-color: #7E9550;
  background-color: #F3F7E8;
}
.abd-footer .abd-footer-contact a,
.abd-footer .abd-footer-legal a {
  color: #1F2230 !important;
}
.abd-footer .abd-footer-contact a:hover,
.abd-footer .abd-footer-legal a:hover {
  color: #60763B !important;
}
/* Desktop: align the visual left edge of the footer CTA with the header CTA.
   The variable is measured from the actual header link, so different viewport
   widths do not require hard-coded negative margins. */
@media (min-width: 782px) {
  .abd-footer .abd-footer-contact {
    transform: translateX(var(--abd-footer-cta-shift, 0px));
  }
}
.abd-footer-rule {
  border-color: #E6E8ED !important;
}
.abd-sidebar .abd-mobile-topics {
  border-color: #E6E8ED;
}