/*
Theme Name: Sprinkel Calm Systems Editable
Theme URI: https://sprinkelsolutions.com
Author: Rebecca Sprinkel + Sage
Description: A fully editable block theme for Sprinkel. Designed for the WordPress block editor and compatible with Spectra Blocks.
Version: 2.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GPL v2 or later
Text Domain: sprinkel-calm-systems
Tags: block-patterns, full-site-editing, custom-colors, custom-logo, accessibility-ready
*/

:root {
  --sprinkel-ivory:#FCF9F6;
  --sprinkel-blush:#F7EFF2;
  --sprinkel-plum:#6B5877;
  --sprinkel-plum-dark:#564762;
  --sprinkel-rose:#E58D99;
  --sprinkel-coral:#F2A6B4;
  --sprinkel-lavender:#DCCFDF;
  --sprinkel-sage:#A7B89A;
  --sprinkel-sage-soft:#E6EEE4;
  --sprinkel-gold:#D8B35A;
  --sprinkel-ink:#4F4852;
  --sprinkel-muted:#7A7082;
  --sprinkel-shadow:0 24px 70px rgba(107,88,119,.12);
}

html { scroll-behavior:smooth; }
body { background:var(--sprinkel-ivory); }
.wp-site-blocks { overflow:hidden; }

.sprinkel-header {
  position:sticky; top:0; z-index:50;
  background:rgba(252,249,246,.94);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(107,88,119,.08);
}
.sprinkel-header .wp-block-site-logo img { max-height:58px; width:auto; }
.sprinkel-header .wp-block-navigation-item__content { font-size:14px; font-weight:600; color:var(--sprinkel-plum-dark); }
.sprinkel-header .wp-block-navigation-item__content:hover,
.sprinkel-header .current-menu-item > .wp-block-navigation-item__content { color:var(--sprinkel-rose); text-decoration:none; }

.sprinkel-pill .wp-block-button__link,
.wp-block-button.is-style-fill .wp-block-button__link {
  border-radius:999px;
  box-shadow:0 14px 30px rgba(107,88,119,.16);
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.sprinkel-pill .wp-block-button__link:hover,
.wp-block-button.is-style-fill .wp-block-button__link:hover { transform:translateY(-2px); box-shadow:0 18px 35px rgba(107,88,119,.20); }

.sprinkel-hero { padding-top:76px; padding-bottom:62px; }
.sprinkel-hero .wp-block-columns { align-items:center; }
.sprinkel-eyebrow { letter-spacing:.18em; text-transform:uppercase; font-size:13px; font-weight:800; color:var(--sprinkel-rose); }
.sprinkel-hero h1 { letter-spacing:-.04em; line-height:1.02; }
.sprinkel-hero-image img { border-radius:36px; box-shadow:var(--sprinkel-shadow); min-height:520px; object-fit:cover; }

.sprinkel-trust { border-top:1px solid rgba(107,88,119,.08); border-bottom:1px solid rgba(107,88,119,.08); }
.sprinkel-trust .wp-block-column { padding:18px 22px; }
.sprinkel-trust .wp-block-column + .wp-block-column { border-left:1px solid rgba(107,88,119,.12); }
.sprinkel-icon { font-size:28px; color:var(--sprinkel-gold); margin-bottom:8px; }

.sprinkel-section { padding-top:92px; padding-bottom:92px; }
.sprinkel-card { height:100%; background:#fff; border:1px solid rgba(107,88,119,.08); border-radius:24px; overflow:hidden; box-shadow:0 18px 50px rgba(107,88,119,.07); }
.sprinkel-card img { aspect-ratio:4/3; object-fit:cover; width:100%; }
.sprinkel-card-content { padding:26px; }
.sprinkel-card h3 { line-height:1.05; }
.sprinkel-link { font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }

.sprinkel-about { background:var(--sprinkel-blush); }
.sprinkel-about-image img { width:100%; min-height:520px; object-fit:cover; border-radius:28px; }
.sprinkel-soft-panel { background:rgba(255,255,255,.70); border:1px solid rgba(107,88,119,.08); border-radius:28px; padding:34px; }

.sprinkel-testimonial { background:linear-gradient(90deg,var(--sprinkel-blush),#fff); }
.sprinkel-quote { font-size:72px; line-height:.7; color:var(--sprinkel-rose); font-family:"Cormorant Garamond",serif; }
.sprinkel-testimonial-image img { min-height:300px; object-fit:cover; border-radius:28px; }

.sprinkel-cta { border-radius:38px; overflow:hidden; box-shadow:var(--sprinkel-shadow); }
.sprinkel-footer { background:var(--sprinkel-plum); color:rgba(255,255,255,.86); }
.sprinkel-footer a { color:#fff; }

@media (max-width: 781px) {
  .sprinkel-hero { padding-top:44px; padding-bottom:44px; }
  .sprinkel-section { padding-top:64px; padding-bottom:64px; }
  .sprinkel-hero-image img, .sprinkel-about-image img { min-height:380px; }
  .sprinkel-trust .wp-block-column + .wp-block-column { border-left:0; border-top:1px solid rgba(107,88,119,.12); }
}