/* Végalia — surfaces éditoriales seulement, tokens et fontes du site conservés. */
.vegalia-code { white-space: nowrap; user-select: all; overflow-wrap: normal; }
.vegalia-disclosure { font-size: 0.875rem; line-height: 1.55; }
.vegalia-text-link { display: inline-block; padding-block: 0.5rem; font-weight: 600; text-underline-offset: 0.2em; }

/* Invitation compacte : aucune action boutique directement sur l'accueil. */
.vegalia-teaser { padding-block: 1.5rem; }
.vegalia-teaser__inner {
  display: grid; grid-template-columns: 1fr; gap: var(--space-3);
  border-block: 1px solid var(--color-peche); padding-block: var(--space-5);
}
.vegalia-teaser__images { display: flex; justify-content: center; align-items: center; gap: 0.5rem; }
.vegalia-teaser__images img { width: min(36vw, 8rem); height: auto; aspect-ratio: 1; object-fit: contain; }
.vegalia-teaser__text > * + * { margin-top: 0.45rem; }
.vegalia-teaser__text h2 { font-size: clamp(1.35rem, 2.5vw, 1.7rem); }
.vegalia-teaser__text .vegalia-disclosure { margin-top: 0.1rem; }

/* Page dédiée : photos originales sur socles CSS, pas de texte dans une image. */
.vegalia-discovery { padding-block: clamp(2rem, 5vw, 4rem); }
.vegalia-discovery__inner { display: grid; gap: var(--space-6); align-items: center; }
.vegalia-eyebrow { margin-bottom: var(--space-3); color: var(--heading); font-size: 0.875rem; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; }
.vegalia-discovery__intro h1 { font-size: clamp(2.15rem, 4.3vw, 3.6rem); line-height: 1.12; }
.vegalia-lead { font-size: clamp(1.1rem, 2vw, 1.3rem); margin-top: var(--space-4); }
.vegalia-discovery__intro .vegalia-disclosure { margin-top: var(--space-4); max-width: 38rem; }
.vegalia-products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.vegalia-product { min-width: 0; text-align: center; }
.vegalia-product__display { position: relative; isolation: isolate; overflow: clip; padding-bottom: 1.25rem; margin-bottom: var(--space-3); }
.vegalia-product__display::before {
  content: ""; position: absolute; z-index: -2; inset: 5% -2% 7%;
  background: var(--bg-bleu); border-radius: 48% 42% 38% 50%; opacity: 0.7; transform: rotate(-8deg);
}
.vegalia-product--menthe .vegalia-product__display::before { background: var(--bg-menthe); transform: rotate(8deg); }
.vegalia-product__display::after {
  content: ""; position: absolute; z-index: -1; bottom: 0.35rem; left: 4%; right: 4%; height: 1.55rem;
  border-radius: 50%; background: var(--bg-bleu); box-shadow: 0 0.35rem 0 color-mix(in srgb, var(--bg-bleu), var(--heading) 12%);
}
.vegalia-product--menthe .vegalia-product__display::after { background: var(--bg-menthe); box-shadow: 0 0.35rem 0 color-mix(in srgb, var(--bg-menthe), var(--heading) 12%); }
.vegalia-product__display img { width: 100%; max-width: 17.5rem; height: auto; aspect-ratio: 1; object-fit: contain; margin-inline: auto; }
.vegalia-product h2 { font-size: clamp(1.2rem, 2.2vw, 1.5rem); }
.vegalia-product p { margin-top: 0.65rem; font-size: 0.9375rem; }
.vegalia-product .vegalia-text-link { margin-top: 0.25rem; font-size: 0.9375rem; }
.vegalia-advantage { padding-bottom: var(--space-6); }
.vegalia-offer {
  display: grid; gap: var(--space-4); align-items: center; padding: clamp(1.25rem, 3vw, 2rem);
  background: color-mix(in srgb, var(--bg-peche) 68%, var(--bg)); border-radius: 1.25rem;
}
.vegalia-offer__heading h2 { font-size: clamp(1.7rem, 3vw, 2.4rem); }
.vegalia-offer__heading p { margin-top: 0.5rem; }
.vegalia-offer__copy { display: flex; flex-wrap: wrap; gap: 0.65rem 1rem; align-items: center; min-width: 0; }
.vegalia-code--display {
  display: inline-block; border: 1px solid var(--accent); border-radius: 0.7rem; padding: 0.6rem 0.85rem;
  font-family: var(--font-body); font-size: clamp(1rem, 2vw, 1.15rem); font-weight: 700; color: var(--heading);
}
.vegalia-copy {
  font: inherit; color: var(--heading); background: transparent; border: 0; text-decoration: underline;
  text-underline-offset: 0.2em; cursor: pointer; min-height: var(--target-comfort); padding: 0.4rem 0;
}
.vegalia-copy[hidden] { display: none; }
.vegalia-copy:disabled { cursor: wait; }
.vegalia-copy-status { flex-basis: 100%; font-size: 0.875rem; line-height: 1.5; min-height: 1.5em; }
.vegalia-button {
  display: inline-flex; justify-content: center; align-items: center; gap: 0.6rem; min-height: var(--target-comfort);
  padding: 0.9rem 1.15rem; background: var(--btn-bg); color: var(--btn-text); border: 2px solid var(--accent);
  border-radius: 0.75rem; text-decoration: none; text-align: center; font-weight: 600; line-height: 1.5;
}
.vegalia-button:hover { color: var(--btn-text); background: var(--color-charbon); }
.vegalia-conditions { margin-top: var(--space-3); font-size: 0.875rem; line-height: 1.6; }
.vegalia-context { padding-block: var(--space-5) var(--space-7); }
.vegalia-context__inner { display: grid; gap: var(--space-5); }
.vegalia-context p { margin-top: var(--space-3); }
.vegalia-context__note { padding: var(--space-4); background: color-mix(in srgb, var(--bg-menthe) 38%, var(--bg)); border-radius: var(--radius); }
.vegalia-context__note > :first-child { margin-top: 0; }
@media (min-width: 36em) {
  .vegalia-teaser__inner { grid-template-columns: minmax(11rem, 0.35fr) minmax(0, 1fr); align-items: center; gap: var(--space-5); }
  .vegalia-teaser__images { gap: 0; }
  .vegalia-teaser__images img { width: 50%; max-width: 9rem; }
  .vegalia-offer { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); }
  .vegalia-offer > .vegalia-button { grid-column: 1 / -1; justify-self: start; }
}
@media (min-width: 60em) {
  .vegalia-discovery__inner { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: var(--space-5); }
  .vegalia-products { gap: var(--space-4); }
  .vegalia-offer { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr) minmax(0, 0.9fr); }
  .vegalia-offer > .vegalia-button { grid-column: auto; justify-self: stretch; }
  .vegalia-context__inner { grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr); gap: var(--space-7); }
}
@media (max-width: 23em) {
  .vegalia-products { grid-template-columns: 1fr; gap: var(--space-5); }
  .vegalia-product { max-width: 20rem; margin-inline: auto; }
}

/* BEGIN VEGALIA-STRIP */
.vegalia-strip {
  padding-block: 0.45rem;
  background: color-mix(in srgb, var(--bg-peche) 48%, var(--bg));
  color: var(--heading);
}
.vegalia-strip__inner { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0.15rem 1.5rem; }
.vegalia-strip__copy { min-width: 0; text-align: center; line-height: 1.5; }
.vegalia-strip__action { display: inline-flex; align-items: center; gap: 0.4rem; margin-left: 0.4rem; white-space: nowrap; }
.vegalia-strip__link { display: inline-flex; align-items: center; gap: 0.3rem; min-height: var(--target-comfort); font-weight: 600; text-underline-offset: 0.2em; }
.vegalia-strip__disclosure { font-size: 0.875rem; line-height: 1.5; }
@media (max-width: 47.99em) {
  .vegalia-strip__disclosure { flex-basis: 100%; text-align: center; }
}
/* END VEGALIA-STRIP */
