/*
Theme Name: GoBeOutside Kadence Child
Theme URI: https://gobeoutside.com/
Description: Minimal outdoorsy child theme for Kadence, designed for GoBeOutside and the GetOutside plugin.
Author: Tony Herman
Template: kadence
Version: 1.0.0
Text Domain: gobeoutside-kadence-child
*/

:root {
  /* GoBeOutside palette. These also intentionally override Kadence's common global palette variables. */
  --gobo-blue: #285C7A;
  --gobo-blue-dark: #193F57;
  --gobo-green: #3D6B55;
  --gobo-green-dark: #294B3B;
  --gobo-moss: #7D9463;
  --gobo-brown: #806246;
  --gobo-sand: #EEE9DF;
  --gobo-cream: #F6F0E8;
  --gobo-ink: #1E2D2A;
  --gobo-muted: #5B6964;
  --gobo-line: #DDE2DC;
  --gobo-warning: #B86B22;
  --gobo-danger: #AF463D;

  --global-palette1: var(--gobo-blue);
  --global-palette2: var(--gobo-blue-dark);
  --global-palette3: var(--gobo-green);
  --global-palette4: var(--gobo-ink);
  --global-palette5: var(--gobo-muted);
  --global-palette6: #76837D;
  --global-palette7: var(--gobo-line);
  --global-palette8: var(--gobo-cream);
  --global-palette9: #FFFFFF;
}

body {
  background: var(--gobo-cream);
  color: var(--gobo-ink);
}

.site-header-wrap,
.site-footer-wrap {
  background: var(--gobo-cream);
}

.site-header-wrap {
  border-bottom: 1px solid rgba(30, 45, 42, 0.09);
}

.site-footer-wrap {
  border-top: 1px solid rgba(30, 45, 42, 0.12);
}

.content-bg,
.entry.content-bg,
.site .content-bg {
  background: transparent;
}

.entry-content-wrap {

  background-color: #F8F5EF;
}

/* Typography stays intentionally restrained so imagery and forecasts lead. */
h1, h2, h3, h4, h5, h6,
.entry-content h1, .entry-content h2, .entry-content h3 {
  color: var(--gobo-ink);
  letter-spacing: -0.022em;
}

.entry-content h1 {
  font-size: clamp(2.15rem, 5vw, 4.25rem);
  line-height: 1.04;
  max-width: 18ch;
}

.entry-content h2 {
  font-size: clamp(1.65rem, 3.4vw, 2.7rem);
  line-height: 1.12;
  margin-top: 1.7em;
}

.entry-content p,
.entry-content li {
  color: var(--gobo-muted);
}

/* Kadence buttons. */
.wp-block-button__link,
.kb-button,
.button,
input[type="submit"],
input[type="button"],
.woocommerce a.button {
  background: var(--gobo-blue);
  border-radius: 999px;
  box-shadow: none;
  color: #fff;
  font-weight: 700;
  padding: 0.8em 1.18em;
}

.wp-block-button__link:hover,
.kb-button:hover,
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.woocommerce a.button:hover {
  background: var(--gobo-green-dark);
  color: #fff;
  transform: translateY(-1px);
}

.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent;
  border-color: var(--gobo-blue);
  color: var(--gobo-blue);
}

.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: var(--gobo-blue);
  color: #fff;
}

/* Images get the attention. Keep cards and page surfaces quiet. */
.wp-block-image img,
.kb-image img,
.wp-post-image {
  border-radius: 12px;
}

.wp-block-cover,
.kb-row-layout-wrap .wp-block-cover {
  border-radius: 16px;
  overflow: hidden;
}

.wp-block-cover .wp-block-cover__background {
  opacity: .3;
}

/* Simple editorial card treatment. Add class gobo-card to any Group / Row Layout. */
.gobo-card,
.gobo-card.wp-block-group,
.gobo-card .kt-inside-inner-col {
  background: #fff;
  border: 1px solid var(--gobo-line);
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(36, 56, 49, .045);
}

.gobo-card {
  padding: clamp(1.25rem, 3vw, 2rem);
}

/* Keep readable page width. */
.entry-content > *:not(.alignwide):not(.alignfull),
.wp-site-blocks .entry-content > *:not(.alignwide):not(.alignfull) {
  max-width: 780px;
}

/* Shortcode-ready styles for the GetOutside plugin. */
.getoutside-widget,
.getoutside-forecast,
.getoutside-ranking,
.getoutside-score,
.getoutside-alert,
.getoutside-trend,
.getoutside-current,
.getoutside-outlook {
  font-family: inherit;
}

.getoutside-widget,
.getoutside-forecast,
.getoutside-current,
.getoutside-outlook,
.getoutside-trend {
  background: #fff;
  border: 1px solid var(--gobo-line);
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(36, 56, 49, .045);
}

.getoutside-ranking {
  display: grid;
  gap: 12px;
}

.getoutside-ranking > * {
  background: #fff;
  border: 1px solid var(--gobo-line);
  border-radius: 12px;
  box-shadow: 0 8px 22px rgba(36, 56, 49, .04);
}

.getoutside-score--excellent { --gobo-score: #2F7A54; }
.getoutside-score--good { --gobo-score: #4A765C; }
.getoutside-score--fair { --gobo-score: #A8842D; }
.getoutside-score--caution { --gobo-score: var(--gobo-warning); }
.getoutside-score--not-recommended { --gobo-score: var(--gobo-danger); }

.getoutside-score__label,
.getoutside-score .label,
.getoutside-ranking .getoutside-score__label {
  color: var(--gobo-score, var(--gobo-blue));
  font-weight: 800;
}

.getoutside-alert {
  background: #FFF8ED;
  border-left: 4px solid var(--gobo-warning);
  border-radius: 8px;
  color: #604017;
}

.getoutside-alert--severe,
.getoutside-alert--extreme {
  background: #FFF1F0;
  border-left-color: var(--gobo-danger);
  color: #6E2A25;
}

.getoutside-trend svg {
  max-width: 100%;
}

/* Helpful editor-facing styles. */
.gobo-eyebrow {
  color: var(--gobo-green);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.gobo-kicker {
  color: var(--gobo-brown);
  font-weight: 700;
}

.gobo-section-sand,
.gobo-section-sand.wp-block-group {
  background: var(--gobo-sand);
  border-radius: 16px;
  padding: clamp(1.3rem, 3vw, 3rem);
}

.gobo-section-green,
.gobo-section-green.wp-block-group {
  background: var(--gobo-green-dark);
  border-radius: 16px;
  color: #fff;
  padding: clamp(1.3rem, 3vw, 3rem);
}

.gobo-section-green h1,
.gobo-section-green h2,
.gobo-section-green h3,
.gobo-section-green p,
.gobo-section-green li {
  color: #fff;
}

/* Improve mobile breathing room. */
@media (max-width: 767px) {
  .entry-content h1 { max-width: 100%; }
  .gobo-card { border-radius: 12px; }
  .wp-block-cover { border-radius: 12px; }
}