/* ============================================================
   BLOCK EDITOR BRIDGE
   Maps native WordPress blocks (Buttons, Navigation Menu,
   Image) onto the existing Go Light Outdoors design classes,
   so content built with real blocks looks identical to the
   original static design — no CSS duplication needed.
   ============================================================ */

/* --- Neutralize Astra's own global button styling on the OUTER
   wrapper div (.wp-block-button), which is what was causing an
   oversized box with our correctly-sized pill nested inside it --- */
.wp-block-button.btn-primary,
.wp-block-button.btn-explore-gear,
.wp-block-button.btn-go-light,
.wp-block-button.btn-white,
.wp-block-button.btn-outline-white,
.wp-block-button.why-cta,
.wp-block-button.btn-ghost,
.wp-block-button.trip-cta {
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: auto !important;
}

/* Force the Buttons block container to lay out horizontally,
   in case Astra's global button block styling sets a stacked/
   column layout by default */
.wp-block-buttons.hero-actions,
.wp-block-buttons.cta-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: row !important;
}

/* --- Buttons block: core/button wraps the <a> in a div that
   carries the className, so we re-target the inner link --- */
.wp-block-button.btn-primary > .wp-block-button__link {
  background: var(--ink) !important;
  color: var(--white) !important;
  text-decoration: none;
  padding: 0.9rem 2rem !important;
  border-radius: 2rem !important;
  font-weight: 500;
  font-size: 0.9rem !important;
  letter-spacing: 0.02em;
  min-height: 0 !important;
  line-height: normal !important;
  transition: background 0.2s, transform 0.2s;

}
.wp-block-button.btn-primary > .wp-block-button__link:hover {
  background: var(--river) !important;
  transform: translateY(-1px) !important;
}
.wp-block-button.btn-explore-gear > .wp-block-button__link:hover {
  background: var(--accent) !important;
  transform: translateY(-1px) !important;
}
.wp-block-button.btn-go-light > .wp-block-button__link {
  background: var(--river) !important;
}
.wp-block-button.btn-go-light > .wp-block-button__link:hover {
  background: var(--accent) !important;
  transform: translateY(-1px) !important;
}
.wp-block-button.btn-white > .wp-block-button__link {
  background: var(--white) !important;
  color: var(--river) !important;
  text-decoration: none;
  padding: 0.9rem 2rem !important;
  border-radius: 2rem !important;
  font-weight: 500;
  font-size: 0.9rem !important;
  transition: transform 0.2s, box-shadow 0.2s;
}
.wp-block-button.btn-white > .wp-block-button__link:hover {
  background: var(--accent) !important;
  color: var(--white) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.2) !important;
}
.wp-block-button.btn-outline-white > .wp-block-button__link {
  background: transparent !important;
  color: var(--white) !important;
  text-decoration: none;
  padding: 0.9rem 2rem !important;
  border-radius: 2rem !important;
  font-weight: 400;
  font-size: 0.9rem !important;
  border: 1px solid rgba(255,255,255,0.4) !important;
  transition: border-color 0.2s, background 0.2s;
}
.wp-block-button.btn-outline-white > .wp-block-button__link:hover {
  border-color: var(--accent) !important;
  background: var(--accent) !important;
  color: var(--white) !important;
}
.wp-block-button.why-cta > .wp-block-button__link {
  display: inline-flex !important;
  align-items: center;
  gap: 0.5rem;
  background: var(--river) !important;
  color: var(--white) !important;
  text-decoration: none !important;
  padding: 0.9rem 2rem !important;
  border-radius: 2rem !important;
  font-weight: 500;
  font-size: 0.9rem !important;
  transition: background 0.2s, transform 0.2s;
}
.wp-block-button.why-cta > .wp-block-button__link:hover {
  background: var(--accent) !important;
  color: white !important;
  transform: translateY(-1px) !important;
}
.wp-block-button.btn-ghost > .wp-block-button__link {
  background: none !important;
  color: var(--ink) !important;
  text-decoration: none;
  font-size: 0.875rem !important;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0 !important;
  position: relative;
  transition: color 0.25s, gap 0.25s;
}
.wp-block-button.btn-ghost > .wp-block-button__link::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 2px;
  background: var(--river) !important;
  transition: width 0.25s ease;
}
.wp-block-button.btn-ghost > .wp-block-button__link:hover {
  color: var(--river) !important;
  gap: 0.75rem;
}
.wp-block-button.btn-ghost > .wp-block-button__link:hover::before { width: 100%; }
.wp-block-button.btn-ghost > .wp-block-button__link::after { content: '\2192'; transition: transform 0.25s; }
.wp-block-button.btn-ghost > .wp-block-button__link:hover::after { transform: translateX(3px); }

/* --- Native WordPress Navigation block support (if you switch
   the header to use core/navigation instead of header.php's
   wp_nav_menu — optional, header.php approach below doesn't need this) --- */
.wp-block-navigation .wp-block-navigation-item > a {
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--mid);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* Don't link to the page you're already on — WordPress automatically
   tags the active item with "current-menu-item" in both nav menus */
.footer-links .current-menu-item,
.nav-links > .current-menu-item {
  display: none;
}

.wp-block-button.trip-cta > .wp-block-button__link {
  display: inline-flex !important;
  align-items: center;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  gap: 0.5rem;
  margin-top: 1.5rem;
  color: var(--river) !important;
  background: none !important;
  text-decoration: none !important;
  font-size: 0.875rem !important;
  font-weight: 500;
  padding: 0 !important;
  position: relative;
  transition: color 0.25s, gap 0.25s;
}
.wp-block-button.trip-cta > .wp-block-button__link::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 2px;
  background: var(--river);
  transition: width 0.25s ease;
}
.wp-block-button.trip-cta > .wp-block-button__link:hover {
  color: var(--ink) !important;
  gap: 0.75rem;
}
.wp-block-button.trip-cta > .wp-block-button__link:hover::before { width: 100%; }
.wp-block-button.trip-cta > .wp-block-button__link::after { content: '\2192'; transition: transform 0.25s; }
.wp-block-button.trip-cta > .wp-block-button__link:hover::after { transform: translateX(3px); }