/*
Theme Name: Spiritual Love Guide
Theme URI: https://spiritualloveguide.com/
Author: Spiritual Love Guide
Description: Own block theme for spiritualloveguide.com — "Clay & Sage" design system: warm terracotta clay ink, dried-sage secondary, warm linen background, moderately rounded corners with soft matte shadows, Newsreader/Inter type pairing. Built as a genuinely distinct identity, not a copy of any reference or network sibling theme.
Requires at least: 6.5
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: spiritualloveguide
*/

/* Fallback rules for browsers/contexts that don't read theme.json-generated CSS
   (defensive only — WordPress generates the real presets from theme.json). */
body {
  background-color: #F7F1E8;
  color: #2C2622;
}
a { text-decoration: none; }
.legal-links-row a { text-decoration: underline; }
.wp-block-button__link { border-radius: 10px !important; box-shadow: none; }
.wp-block-button__link:hover { box-shadow: 0 10px 24px -10px rgba(44, 30, 20, 0.22); }
.wp-block-group.slg-card,
.is-style-slg-card {
  box-shadow: 0 2px 10px -2px rgba(44, 30, 20, 0.12);
  transition: box-shadow .15s ease, transform .15s ease;
}
.wp-block-group.slg-card:hover,
.is-style-slg-card:hover {
  box-shadow: 0 10px 24px -10px rgba(44, 30, 20, 0.22);
  transform: translateY(-2px);
}
.wp-block-group.slg-footer a { color: inherit; }

.slg-hero-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 16% 12%, rgba(138, 59, 36, 0.11), transparent 30%),
    radial-gradient(circle at 86% 18%, rgba(75, 90, 63, 0.12), transparent 28%),
    linear-gradient(180deg, #fbf6ee 0%, #f7f1e8 100%);
}
.slg-hero-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(138, 59, 36, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(138, 59, 36, 0.035) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.5), transparent 72%);
}
.slg-hero-section > * {
  position: relative;
  z-index: 1;
}
.slg-hero-copy h1 {
  max-width: 12ch;
  margin-left: auto;
  margin-right: auto;
  letter-spacing: 0;
}
.slg-hero-copy p {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
.slg-trust-strip {
  gap: 10px;
}
.slg-trust-strip p {
  margin: 0;
  padding: 7px 11px;
  border: 1px solid rgba(138, 59, 36, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.54);
  color: #5c5047;
  font-weight: 600;
}
.slg-hero-media-wrap {
  max-width: 1040px;
}
.slg-hero-media {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  box-shadow: 0 24px 70px -34px rgba(44, 30, 20, 0.55);
}
.slg-hero-media img {
  display: block;
  width: min(100%, 980px) !important;
  max-width: 100%;
  aspect-ratio: 5 / 2;
  height: auto !important;
  min-height: 260px;
}
.slg-card {
  min-height: 100%;
}
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
  border-radius: 8px;
}

@media (max-width: 781px) {
  .slg-hero-section {
    padding-top: 44px !important;
  }
  .slg-hero-copy h1 {
    max-width: 11ch;
  }
  .slg-hero-media img {
    aspect-ratio: 4 / 3;
    min-height: 300px;
  }
  .slg-trust-strip {
    align-items: center;
  }
  .slg-trust-strip p {
    font-size: 13px !important;
  }
  header .wp-block-columns.is-not-stacked-on-mobile {
    gap: 10px;
  }
  header .wp-block-column:first-child {
    flex-basis: 54% !important;
  }
  header .wp-block-column:nth-child(2) {
    flex-basis: 18% !important;
  }
  header .wp-block-column:last-child {
    flex-basis: 28% !important;
  }
  header .wp-block-button__link {
    padding-left: 10px !important;
    padding-right: 10px !important;
    white-space: normal;
  }
}