:root {
  --cabo-site-ink: #111318;
  --cabo-site-black: #050505;
  --cabo-site-orange: #cb5535;
  --cabo-site-white: #ffffff;
  --cabo-site-warm: #f7f7f5;
  --cabo-site-line: #d8d9dc;
  --cabo-site-muted: #6f7682;
  --cabo-site-content: 1312px;
  --cabo-site-header-bg: #ffffff;
  --cabo-site-header-text: #111318;
}

.cabo-site-shell-preview,
.cabo-site-header,
.cabo-site-footer {
  box-sizing: border-box;
  font-family: "Lexend", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.cabo-site-shell-preview *,
.cabo-site-header *,
.cabo-site-footer * {
  box-sizing: border-box;
}

.cabo-site-header {
  background: var(--cabo-site-header-bg);
  color: var(--cabo-site-ink);
  margin: 0;
  padding: 16px clamp(16px, 4vw, 64px);
}

.cabo-site-header__inner {
  align-items: center;
  background: var(--cabo-site-white);
  border: 1px solid var(--cabo-site-line);
  border-radius: 24px;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  margin: 0 auto;
  max-width: var(--cabo-site-content);
  min-height: 88px;
  padding: 12px 20px;
}

.cabo-site-brand,
.cabo-site-brand.wp-block-group {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 14px;
  margin: 0;
}

.cabo-site-brand .custom-logo-link,
.cabo-site-brand .wp-block-site-logo,
.cabo-site-brand .wp-block-image,
.cabo-site-brand__link {
  display: block;
  flex: 0 0 auto;
  line-height: 0;
  margin: 0;
}

.cabo-site-brand img {
  display: block;
  height: var(--cabo-site-logo-size, 52px);
  object-fit: contain;
  object-position: left center;
  width: var(--cabo-site-logo-box-width, 156px);
}

/* Two logo variants: dark-on-white (--solid, default everywhere) and
   white-on-dark (--transparent, shown only while a page's header is
   floating transparently over a dark background — see home-v3.css). */
.cabo-site-brand .cabo-site-brand__logo--transparent {
  display: none;
}

.cabo-site-brand .cabo-site-brand__logo--solid {
  display: block;
}

.cabo-site-brand .wp-block-site-title,
.cabo-site-brand__name {
  color: var(--cabo-site-header-text);
  font-family: "Sora", Inter, system-ui, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  margin: 0;
  white-space: nowrap;
}

.cabo-site-brand .wp-block-site-title a,
.cabo-site-brand__name {
  color: inherit;
  text-decoration: none;
}

.cabo-site-nav,
.cabo-site-nav.wp-block-navigation {
  flex: 1 1 auto;
  justify-content: center;
  margin: 0;
}

/* Injected by assets/mobile-menu-contact.js into the nav list that both
   the desktop inline nav and the mobile overlay share - only meant to be
   visible inside the mobile overlay (see the max-width:980px override). */
.cabo-site-nav__contact {
  display: none;
}

.cabo-site-nav .wp-block-navigation__container,
.cabo-site-nav__list {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: clamp(18px, 2vw, 34px);
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.cabo-site-nav .wp-block-navigation-item__content.wp-block-navigation-item__content,
.cabo-site-nav__link {
  color: var(--cabo-site-header-text);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
}

.cabo-site-nav .wp-block-navigation-item__content.wp-block-navigation-item__content:hover,
.cabo-site-nav .wp-block-navigation-item__content.wp-block-navigation-item__content:focus-visible,
.cabo-site-nav__link:hover,
.cabo-site-nav__link:focus-visible {
  color: var(--cabo-site-orange);
}

.cabo-site-nav .current-menu-item > .wp-block-navigation-item__content.wp-block-navigation-item__content {
  align-items: center;
  color: var(--cabo-site-orange);
  display: inline-flex;
  gap: 6px;
  text-decoration: underline;
  text-decoration-color: var(--cabo-site-orange);
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}

.cabo-site-nav .current-menu-item > .wp-block-navigation-item__content.wp-block-navigation-item__content::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20'%3E%3Cpath fill='%23cb5535' d='m6 15l5-5l-5-5l1-2l7 7l-7 7z'/%3E%3C/svg%3E");
  display: inline-flex;
}

.cabo-site-nav .wp-block-navigation-item__content.wp-block-navigation-item__content:focus-visible,
.cabo-site-nav__link:focus-visible,
.cabo-site-header__cta .wp-block-button__link:focus-visible,
.cabo-site-footer a:focus-visible {
  outline: 3px solid var(--cabo-site-orange);
  outline-offset: 4px;
}

.cabo-site-header .cabo-site-nav__mobile-service,
.cabo-site-header .cabo-site-nav__book {
  display: none;
}

.cabo-site-header__cta,
.cabo-site-header__cta.wp-block-buttons {
  flex: 0 0 auto;
  margin: 0;
}

.cabo-site-header__cta .wp-block-button__link,
.cabo-site-footer .wp-block-button__link,
.cabo-site-button {
  align-items: center;
  background: var(--cabo-site-orange);
  border: 0;
  border-radius: 999px;
  color: var(--cabo-site-black);
  display: inline-flex;
  font-family: "Sora", Inter, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 800;
  justify-content: center;
  min-height: 52px;
  padding: 14px 24px;
  text-decoration: none;
}

.cabo-site-header__cta .wp-block-button__link:hover,
.cabo-site-footer .wp-block-button__link:hover,
.cabo-site-button:hover {
  background: #b74c30;
  color: var(--cabo-site-black);
}

.cabo-site-menu-button {
  align-items: center;
  background: var(--cabo-site-orange);
  border: 0;
  border-radius: 999px;
  color: var(--cabo-site-black);
  display: none;
  font: 800 14px/1 "Sora", Inter, system-ui, sans-serif;
  height: 44px;
  justify-content: center;
  padding: 0 20px;
}

.cabo-site-page-placeholder {
  background: var(--cabo-site-white);
  border: 1px solid var(--cabo-site-line);
  border-radius: 24px;
  color: var(--cabo-site-ink);
  margin: 32px auto;
  max-width: var(--cabo-site-content);
  padding: 36px;
}

.cabo-site-page-placeholder small {
  color: var(--cabo-site-orange);
  display: block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  margin-bottom: 20px;
}

.cabo-site-page-placeholder h2 {
  font: 800 clamp(24px, 3vw, 32px)/1.15 "Sora", Inter, system-ui, sans-serif;
  margin: 0 0 16px;
}

.cabo-site-page-placeholder p {
  color: var(--cabo-site-muted);
  margin: 0;
  max-width: 800px;
}

.cabo-site-footer {
  background: var(--cabo-site-black);
  color: var(--cabo-site-white);
  margin: 0;
  padding: 48px clamp(16px, 4vw, 64px) 28px;
}

.cabo-site-footer__inner {
  margin: 0 auto;
  max-width: var(--cabo-site-content);
}

.cabo-site-footer__grid {
  display: grid;
  gap: 48px;
  grid-template-columns: 1.3fr .8fr .8fr 1.2fr;
}

.cabo-site-footer__brand {
  min-width: 0;
}

.cabo-site-footer .cabo-site-brand .wp-block-site-title,
.cabo-site-footer .cabo-site-brand__name {
  color: var(--cabo-site-white);
  font-size: 18px;
}

.cabo-site-footer__description {
  color: #b9bdc5;
  font-size: 14px;
  line-height: 1.55;
  margin: 24px 0 28px;
  max-width: 320px;
}

.cabo-site-footer__heading {
  color: var(--cabo-site-orange);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  margin: 4px 0 22px;
}

.cabo-site-footer__nav,
.cabo-site-footer__nav.wp-block-navigation {
  margin: 0;
}

.cabo-site-footer__nav .wp-block-navigation__container,
.cabo-site-footer__links {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.cabo-site-footer__nav .wp-block-navigation-item__content,
.cabo-site-footer__link,
.cabo-site-footer__contact a {
  color: var(--cabo-site-white);
  font-size: 14px;
  font-weight: 650;
  line-height: 1.35;
  text-decoration: none;
}

.cabo-site-footer__nav .wp-block-navigation-item__content:hover,
.cabo-site-footer__link:hover,
.cabo-site-footer__contact a:hover {
  color: var(--cabo-site-orange);
}

.cabo-site-footer__contact {
  color: var(--cabo-site-white);
  font-size: 14px;
  font-weight: 650;
  line-height: 1.55;
  margin: 0 0 30px;
}

.cabo-site-footer__payments {
  color: var(--cabo-site-white);
  font-size: 14px;
  font-weight: 700;
  margin: 0;
}

.cabo-site-footer__legal {
  align-items: center;
  border-top: 1px solid #34363b;
  color: #9ea3ad;
  display: flex;
  font-size: 12px;
  gap: 24px;
  justify-content: space-between;
  margin-top: 40px;
  padding-top: 24px;
}

.cabo-site-footer__legal p {
  margin: 0;
}

.cabo-site-footer__legal-links {
  display: flex;
  gap: 18px;
}

.cabo-site-footer__legal a {
  color: #b9bdc5;
  font-weight: 650;
  text-decoration: none;
}

.cabo-site-mobile-menu {
  background: var(--cabo-site-white);
  border: 1px solid var(--cabo-site-line);
  border-radius: 28px;
  margin: 16px auto 0;
  max-width: 358px;
  padding: 26px 16px 22px;
}

.cabo-site-mobile-menu__label {
  color: var(--cabo-site-orange);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  margin: 0 0 12px;
}

.cabo-site-mobile-menu__links {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
}

.cabo-site-mobile-menu__links a {
  border-bottom: 1px solid var(--cabo-site-line);
  color: var(--cabo-site-ink);
  display: block;
  font-size: 16px;
  font-weight: 700;
  padding: 12px 0;
  text-decoration: none;
}

.cabo-site-mobile-menu .cabo-site-button {
  width: 100%;
}

@media (max-width: 1100px) {
  .cabo-site-header__inner {
    gap: 16px;
  }

  .cabo-site-brand .wp-block-site-title,
  .cabo-site-brand__name {
    font-size: 14px;
  }

  .cabo-site-nav .wp-block-navigation__container,
  .cabo-site-nav__list {
    gap: 16px;
  }
}

@media (max-width: 980px) {
  .cabo-site-header {
    padding: 16px;
  }

  .cabo-site-header__inner {
    background: var(--cabo-site-black);
    border: 0;
    border-radius: 22px;
    min-height: 76px;
    padding: 10px 16px;
  }

  .cabo-site-brand img {
    height: calc(var(--cabo-site-logo-size, 52px) - 4px);
    width: calc(var(--cabo-site-logo-box-width, 156px) - 12px);
  }

  .cabo-site-header .cabo-site-brand .wp-block-site-title,
  .cabo-site-header .cabo-site-brand__name {
    color: var(--cabo-site-white);
    font-size: 13px;
  }

  .cabo-site-header .cabo-site-header__cta {
    display: none;
  }

  .cabo-site-menu-button {
    display: inline-flex;
  }

  .cabo-site-header .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
    align-items: center;
    background: var(--cabo-site-orange);
    border-radius: 999px;
    color: var(--cabo-site-black);
    display: inline-flex !important;
    flex: 0 0 auto;
    font: 800 11px/1 "Sora", Inter, system-ui, sans-serif;
    gap: 5px;
    height: 40px;
    justify-content: center;
    max-width: 100%;
    padding: 0 12px;
    white-space: nowrap;
    width: auto;
  }

  .cabo-site-header .wp-block-navigation__responsive-container-open svg {
    display: none;
  }

  .cabo-site-header .wp-block-navigation__responsive-container-open::after {
    content: "Menu & Contact";
  }

  .cabo-site-header .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }

  .cabo-site-header .wp-block-navigation__responsive-container.is-menu-open {
    background: var(--cabo-site-white);
    color: var(--cabo-site-ink);
    padding: 16px;
  }

  .cabo-site-header .wp-block-navigation__responsive-container.is-menu-open::before {
    background: var(--cabo-site-black) url("images/logo-dark.webp") no-repeat 16px center / auto 36px;
    border-radius: 22px;
    content: "";
    height: 76px;
    left: 16px;
    position: absolute;
    right: 16px;
    top: 16px;
  }

  .cabo-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content.wp-block-navigation__responsive-container-content {
    margin: 0 auto;
    max-width: 390px;
    padding-top: 108px;
  }

  .cabo-site-header .wp-block-navigation__responsive-container-close {
    align-items: center;
    background: var(--cabo-site-white);
    border: 1px solid var(--cabo-site-line);
    border-radius: 999px;
    color: var(--cabo-site-black);
    display: inline-flex;
    font: 800 14px/1 "Sora", Inter, system-ui, sans-serif;
    height: 44px;
    justify-content: center;
    padding: 0 20px;
    right: 16px;
    top: 16px;
    width: 76px;
    z-index: 2;
  }

  .cabo-site-header .wp-block-navigation__responsive-container-close svg {
    display: none;
  }

  .cabo-site-header .wp-block-navigation__responsive-container-close::after {
    content: "Close";
  }

  .cabo-site-header .wp-block-navigation__container {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
  }

  .cabo-site-header .wp-block-navigation-item {
    border-bottom: 1px solid var(--cabo-site-line);
    width: 100%;
  }

  .cabo-site-header .wp-block-navigation-item__content.wp-block-navigation-item__content {
    color: var(--cabo-site-ink);
    display: block;
    font-size: 16px;
    padding: 13px 0;
    width: 100%;
  }

  .cabo-site-nav__contact {
    border-top: 1px solid var(--cabo-site-line);
    display: block;
    margin-top: 20px;
    padding-top: 20px;
  }

  .cabo-site-nav__contact-heading {
    color: var(--cabo-site-orange);
    font: 800 11px/1.2 "Sora", Inter, system-ui, sans-serif;
    letter-spacing: .08em;
    margin: 0 0 10px;
    text-transform: uppercase;
  }

  .cabo-site-nav__contact-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
  }

  .cabo-site-nav__contact-list a {
    align-items: center;
    color: var(--cabo-site-ink);
    display: flex;
    font-size: 15px;
    font-weight: 700;
    gap: 10px;
    text-decoration: none;
  }

  .cabo-site-nav__contact-list a svg {
    color: var(--cabo-site-orange);
    flex: 0 0 auto;
    height: 20px;
    width: 20px;
  }

  .cabo-site-header .cabo-site-nav__services-index {
    display: none !important;
  }

  .cabo-site-header .cabo-site-nav__mobile-service,
  .cabo-site-header .cabo-site-nav__book {
    display: flex;
  }

  .cabo-site-header .cabo-site-nav__book {
    border: 0 !important;
    margin-top: 24px;
  }

  .cabo-site-header .cabo-site-nav__book .wp-block-navigation-item__content {
    align-items: center;
    background: var(--cabo-site-orange);
    border-radius: 999px;
    color: var(--cabo-site-black);
    display: flex;
    font-weight: 800;
    justify-content: center;
    min-height: 52px;
    padding: 15px 24px;
    text-align: center;
  }

  .cabo-site-footer__grid {
    gap: 38px 28px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cabo-site-footer__brand,
  .cabo-site-footer__contact-column {
    grid-column: 1 / -1;
  }
}

@media (max-width: 520px) {
  .cabo-site-header__inner {
    gap: 10px;
  }

  .cabo-site-header .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
    font-size: 10px;
    gap: 4px;
    padding: 0 10px;
  }

  .cabo-site-header .wp-block-navigation__responsive-container-open svg {
    height: 13px;
    width: 13px;
  }

  .cabo-site-brand {
    gap: 10px;
    min-width: 0;
  }

  .cabo-site-brand .wp-block-site-title,
  .cabo-site-brand__name {
    max-width: 176px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .cabo-site-footer .cabo-site-brand .wp-block-site-title,
  .cabo-site-footer .cabo-site-brand__name {
    max-width: none;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }

  .cabo-site-page-placeholder {
    border-radius: 22px;
    margin: 20px 16px;
    padding: 24px 22px;
  }

  .cabo-site-footer {
    padding: 30px 16px 24px;
  }

  .cabo-site-footer__grid {
    gap: 38px 24px;
  }

  .cabo-site-footer__brand {
    grid-column: 1 / -1;
  }

  .cabo-site-footer__legal {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
  }
}