/** Shopify CDN: Minification failed

Line 208:18 Unexpected "{"
Line 208:27 Expected ":"
Line 216:18 Unexpected "{"
Line 216:27 Expected ":"
Line 217:18 Unexpected "{"
Line 217:27 Expected ":"
Line 223:18 Unexpected "{"
Line 223:27 Expected ":"
Line 224:8 Expected identifier but found whitespace
Line 224:10 Unexpected "{"
... and 22 more hidden warnings

**/
/* ==========================================================================
   Solutello — Sol Rich Text (scopé)
   File: assets/sol-rich-text.css
   Brand: Montserrat only / Solutello Red #E74C3C / Charcoal #2A2A2A
   ========================================================================== */

.sol-rich-text-section {
  /* tokens locaux (sans polluer :root) */
  --sol-color-red: #E74C3C;
  --sol-color-charcoal: #2A2A2A;
  --sol-space-1: 8px;
  --sol-space-2: 12px;
  --sol-space-3: 16px;
  --sol-space-4: 24px;
  --sol-space-5: 32px;
  --sol-space-6: 40px;

  --sol-h-caption: clamp(12px, 1.4vw, 14px);
  --sol-h2: clamp(24px, 4vw, 36px);
  --sol-h1: clamp(28px, 4.6vw, 48px);
  --sol-h0: clamp(32px, 5.2vw, 56px);
  --sol-hxl: clamp(36px, 6.0vw, 64px);
  --sol-hxxl: clamp(40px, 6.8vw, 72px);

  --sol-lede: clamp(18px, 2.2vw, 22px);
  --sol-body: clamp(16px, 1.8vw, 18px);

  --sol-line-tight: 1.15;
  --sol-line-normal: 1.5;
}

/* wrapper et positionnement */
.sol-rich-text-section .sol-rich-text {
  margin: 0;
  z-index: 1;
}

.sol-rich-text-section .sol-rich-text.sol-rich-text--full-width {
  padding: 0;
  margin: 0;
}

.sol-rich-text-section .sol-rich-text__wrapper {
  margin: 0 auto;
  width: 100%;
  display: flex;
}

.sol-rich-text-section .sol-rich-text__wrapper--left { justify-content: flex-start; }
.sol-rich-text-section .sol-rich-text__wrapper--center { justify-content: center; }
.sol-rich-text-section .sol-rich-text__wrapper--right { justify-content: flex-end; }

/* bloc de contenu */
.sol-rich-text-section .sol-rich-text__blocks {
  width: 100%;
  max-width: 78rem; /* ~1248px */
  padding: 4rem 3rem;
  display: grid;
  gap: var(--sol-space-5);
  text-align: center; /* modulé par .left/.right/.center */
  margin-inline: auto;
}

.sol-rich-text-section .sol-rich-text__blocks.left { text-align: left; }
.sol-rich-text-section .sol-rich-text__blocks.center { text-align: center; }
.sol-rich-text-section .sol-rich-text__blocks.right { text-align: right; }

@media screen and (min-width: 750px) {
  .sol-rich-text-section .sol-rich-text__blocks { padding: 6rem 7rem; }
}

/* reset margins internes */
.sol-rich-text-section .sol-rich-text__blocks * { margin-top: 0; margin-bottom: 0; }
.sol-rich-text-section .sol-rich-text__blocks > * + * { margin-top: var(--sol-space-4); }
.sol-rich-text-section .sol-rich-text__blocks > * + a { margin-top: var(--sol-space-6); }

/* caption */
.sol-rich-text-section .sol-rich-text__caption {
  display: block;
  margin-bottom: 1.6rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: var(--sol-h-caption);
  opacity: 0.9;
}

.sol-rich-text-section .sol-rich-text__caption.subtitle { font-weight: 500; letter-spacing: 0; text-transform: none; }
.sol-rich-text-section .sol-rich-text__caption.caption-with-letter-spacing { letter-spacing: 0.12em; text-transform: uppercase; }

/* heading */
.sol-rich-text-section .sol-rich-text__heading {
  margin-bottom: 2rem;
  letter-spacing: inherit;
  line-height: var(--sol-line-tight);
}

.sol-rich-text-section .sol-rich-text__heading.h2 { font-size: var(--sol-h2); }
.sol-rich-text-section .sol-rich-text__heading.h1 { font-size: var(--sol-h1); }
.sol-rich-text-section .sol-rich-text__heading.h0 { font-size: var(--sol-h0); }
.sol-rich-text-section .sol-rich-text__heading.hxl { font-size: var(--sol-hxl); }
.sol-rich-text-section .sol-rich-text__heading.hxxl { font-size: var(--sol-hxxl); }

/* lede = 1er paragraphe après le heading */
.sol-rich-text-section .sol-rich-text__heading + .sol-rich-text__text p:first-child {
  font-size: var(--sol-lede);
  line-height: var(--sol-line-normal);
  opacity: 0.95;
  margin-block: var(--sol-space-3) var(--sol-space-4);
}

/* body */
.sol-rich-text-section .sol-rich-text__text p {
  font-size: var(--sol-body);
  line-height: var(--sol-line-normal);
  margin: 0 0 var(--sol-space-3) 0;
  max-width: 72ch;
  margin-inline: auto;
}

/* boutons */
.sol-rich-text-section .sol-rich-text__buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  gap: 1rem;
}

@media screen and (min-width: 750px) {
  .sol-rich-text-section .sol-rich-text__buttons { margin-top: 3rem; }
}
@media screen and (min-width: 990px) {
  .sol-rich-text-section .sol-rich-text__buttons { gap: 1.5rem; }
}

.sol-rich-text-section .sol-rich-text__blocks.left .sol-rich-text__buttons { justify-content: flex-start; }
.sol-rich-text-section .sol-rich-text__blocks.right .sol-rich-text__buttons { justify-content: flex-end; }

.sol-rich-text-section .sol-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  min-width: 12rem;
  padding: 1.2rem 3rem;
  font-size: 1.5rem;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  border: 0;
  border-radius: 10px; /* 2xl arrondi selon guide */
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.sol-rich-text-section .sol-button--primary {
  background-color: var(--sol-color-red);
  color: #fff;
  box-shadow: 0 6px 16px rgba(0,0,0,.18);
}

.sol-rich-text-section .sol-button--primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(0,0,0,.22);
  background-color: #cf3c33; /* hover plus sombre */
}

.sol-rich-text-section .sol-button--secondary {
  background-color: transparent;
  color: var(--sol-color-red);
  border: 1px solid var(--sol-color-red);
}

.sol-rich-text-section .sol-button--secondary:hover {
  background-color: rgba(231,76,60,0.08);
  transform: translateY(-1px);
}

/* animations (compatibilité avec animate--slide-in) */
.sol-rich-text-section .animate--slide-in { 
  opacity: 0; 
  transform: translateY(2.4rem); 
  transition: opacity var(--duration-default, .4s) ease, transform var(--duration-default, .4s) ease;
}
.sol-rich-text-section .animate--slide-in.animate--active { opacity: 1; transform: translateY(0); }

@media (prefers-reduced-motion: reduce) {
  .sol-rich-text-section .animate--slide-in { opacity: 1 !important; transform: none !important; transition: none !important; }
}
/* ===== Solutello — Rich Text hardening (instance-scoped) ===== */

/* 1) True full-bleed when "Full width" is ON */
#shopify-section-{{ section.id }} .sol-rich-text--full-width.content-container--full-width {
  max-width: none !important;
  width: 100% !important;
  padding-left: min(5vw, 32px);
  padding-right: min(5vw, 32px);
}

/* Some themes wrap with content-container again – uncap it too */
#shopify-section-{{ section.id }} .content-container.sol-rich-text--full-width,
#shopify-section-{{ section.id }} .sol-rich-text--full-width .content-container {
  max-width: none !important;
  width: 100% !important;
}

/* 2) Headline & body colors must win over color-scheme utilities */
#shopify-section-{{ section.id }} .sol-rich-text__heading {
  color: {{ section.settings.heading_color | default: '#111111' }} !important;
}

#shopify-section-{{ section.id }} .sol-rich-text__text {
  color: {{ section.settings.body_color | default: '#666666' }} !important;
}

/* 3) Respect the max-width slider even if the theme adds caps */
#shopify-section-{{ section.id }} .sol-rich-text__blocks {
  max-width: {{ section.settings.content_max_width | default: 980 }}px !important;
  margin-left: auto;
  margin-right: auto;
}
#shopify-section-{{ section.id }} .sol-rich-text__text {
  max-width: calc({{ section.settings.content_max_width | default: 980 }}px - 60px) !important;
  margin-left: auto;
  margin-right: auto;
}

/* 4) If the outer wrapper accidentally keeps page-width, neutralize when Full width */
{% if section.settings.full_width %}
#shopify-section-{{ section.id }} .page-width {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0;
  padding-right: 0;
}
{% endif %}