/**
 * Préréglage Jeunesse : ludique et arrondi.
 *
 * L'ADN Albin Michel reste : rouge de la marque, coin haut droit du bouton
 * moins arrondi que les autres, couvertures mises en avant. Le reste change :
 * fond crème, encre bleu nuit, Fredoka pour les titres, couleurs d'appoint
 * (soleil, ciel, menthe) toujours avec du texte `--u-ink` dessus.
 */
[data-univers-preset="jeunesse"] {
  --j-sun: #ffc93c;
  --j-sky: #8fd3f4;
  --j-mint: #9be3c3;
  --j-pink: #ffb3c1;

  --u-surface: #fffaf2;
  --u-surface-alt: #fff1d9;
  --u-ink: #1f1a3d;
  --u-ink-muted: #5a5478;          /* 7:1 sur le crème */
  --u-rule: #f2e2c4;
  --u-book-title: var(--u-ink);
  --u-accent-strong: #c50e1e;

  --u-band-bg: var(--j-sun);
  --u-band-ink: var(--u-ink);
  --u-band-title: var(--u-ink);

  --u-font-title: "Fredoka", "Nunito", Arial, sans-serif;
  --u-font-base: "Nunito", "Lato", Arial, sans-serif;
  --u-title-weight: 600;

  --u-radius: var(--am-radius);
  --u-radius-card: var(--am-radius);
  --u-button-radius: var(--am-button-radius);
  --u-cover-radius: 0;
  --u-cover-shadow: 0 12px 24px -10px rgba(31, 26, 61, 0.45);
  --u-cover-open: -17deg;
  --u-cover-scale: 0.955;
  --u-focus: #1f1a3d;
}

/* Titres plus ronds, moins solennels */
[data-univers-preset="jeunesse"] h1,
[data-univers-preset="jeunesse"] h2,
[data-univers-preset="jeunesse"] h3 {
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* Barre d'univers : bandeau soleil, confettis, vague en bas */
[data-univers-preset="jeunesse"] .UniversBar {
  position: relative;
  background-color: var(--u-band-bg);
  background-image:
    radial-gradient(circle at 3% 12%, var(--am-red) 0 7px, transparent 8px),
    radial-gradient(circle at 22% 78%, var(--j-sky) 0 11px, transparent 12px),
    radial-gradient(circle at 46% 18%, #fff 0 5px, transparent 6px),
    radial-gradient(circle at 63% 70%, var(--j-mint) 0 9px, transparent 10px),
    radial-gradient(circle at 84% 22%, var(--j-pink) 0 13px, transparent 14px),
    radial-gradient(circle at 95% 82%, var(--am-red) 0 5px, transparent 6px);
  padding-bottom: 28px;
}
[data-univers-preset="jeunesse"] .UniversBar::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 28px;
  background: var(--u-surface);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 28' preserveAspectRatio='none'%3E%3Cpath d='M0 28V14C20 0 40 0 60 14s40 14 60 0v14z'/%3E%3C/svg%3E") 0 0 / 120px 28px repeat-x;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 28' preserveAspectRatio='none'%3E%3Cpath d='M0 28V14C20 0 40 0 60 14s40 14 60 0v14z'/%3E%3C/svg%3E") 0 0 / 120px 28px repeat-x;
}
[data-univers-preset="jeunesse"] .UniversBar-inner {
  padding-top: 40px;
}
[data-univers-preset="jeunesse"] .UniversBar--root .UniversBar-inner {
  padding-top: 28px;
  padding-bottom: 20px;
}
[data-univers-preset="jeunesse"] .UniversBar-house {
  color: var(--am-dark-red);
}
[data-univers-preset="jeunesse"] .UniversBar--root .UniversBar-name {
  font-size: clamp(44px, 6vw, 80px);
}
[data-univers-preset="jeunesse"] .UniversBar-tagline {
  font-size: 18px;
  font-weight: 700;
}

/* Rubriques en pastilles de couleur */
[data-univers-preset="jeunesse"] .UniversBar-link {
  border: 0;
  background: #fff;
  color: var(--u-ink);
  font-weight: 700;
  font-size: 15px;
  padding: 10px 18px;
  transition: transform 0.15s, background-color 0.15s;
}
[data-univers-preset="jeunesse"] .UniversBar-links li:nth-child(4n + 1) .UniversBar-link:hover,
[data-univers-preset="jeunesse"] .UniversBar-links li:nth-child(4n + 1) .UniversBar-link[aria-current] { background: var(--j-pink); }
[data-univers-preset="jeunesse"] .UniversBar-links li:nth-child(4n + 2) .UniversBar-link:hover,
[data-univers-preset="jeunesse"] .UniversBar-links li:nth-child(4n + 2) .UniversBar-link[aria-current] { background: var(--j-sky); }
[data-univers-preset="jeunesse"] .UniversBar-links li:nth-child(4n + 3) .UniversBar-link:hover,
[data-univers-preset="jeunesse"] .UniversBar-links li:nth-child(4n + 3) .UniversBar-link[aria-current] { background: var(--j-mint); }
[data-univers-preset="jeunesse"] .UniversBar-links li:nth-child(4n + 4) .UniversBar-link:hover,
[data-univers-preset="jeunesse"] .UniversBar-links li:nth-child(4n + 4) .UniversBar-link[aria-current] { background: #fff1d9; }
[data-univers-preset="jeunesse"] .UniversBar-link:hover {
  transform: translateY(-2px);
}
[data-univers-preset="jeunesse"] .UniversBar-link[aria-current] {
  box-shadow: inset 0 0 0 2px var(--u-ink);
}

/* Sections de rubrique : pastille de couleur derrière le titre, vague dessous */
[data-univers-preset="jeunesse"] .Categories-sub--title,
[data-univers-preset="jeunesse"] .Categories-sub--title.Categories-sub--hasIcon {
  border: 0;
  border-image: none;
  padding-bottom: 28px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 10'%3E%3Cpath d='M0 5q10-8 20 0t20 0' fill='none' stroke='%23f2b705' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") 0 100% / 40px 10px repeat-x;
}
[data-univers-preset="jeunesse"] .Category-Container > div:nth-of-type(8n + 3) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 10'%3E%3Cpath d='M0 5q10-8 20 0t20 0' fill='none' stroke='%2342a5d5' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}
[data-univers-preset="jeunesse"] .Category-Container > div:nth-of-type(8n + 5) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 10'%3E%3Cpath d='M0 5q10-8 20 0t20 0' fill='none' stroke='%23ed1c2e' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}
[data-univers-preset="jeunesse"] .Category-Container > div:nth-of-type(8n + 7) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 10'%3E%3Cpath d='M0 5q10-8 20 0t20 0' fill='none' stroke='%2337b98a' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}
[data-univers-preset="jeunesse"] .Categories h2 {
  font-size: 34px;
}

/* « Voir plus » en pastille */
[data-univers-preset="jeunesse"] .Categories-link-more {
  display: inline-block;
  padding: 8px 16px;
  border-radius: var(--u-chip-radius);
  background: #fff;
  text-transform: none;
  font-size: 14px;
  letter-spacing: 0;
}

/* Fiches livres : carte douce au survol */
[data-univers-preset="jeunesse"] .BookTeaser .BookTeaser-title {
  font-family: var(--u-font-title);
  font-weight: 600;
}
[data-univers-preset="jeunesse"] .BookTeaser .BookTeaser-authors,
[data-univers-preset="jeunesse"] .BookTeaser .BookTeaser-author {
  font-family: var(--u-font-base);
}
[data-univers-preset="jeunesse"] .BookTeaser .BookTeaser-tobereleased {
  border-radius: var(--am-radius) var(--am-radius) 0 0;
}
[data-univers-preset="jeunesse"] .carousel-arrow-prev svg,
[data-univers-preset="jeunesse"] .carousel-arrow-next svg {
  fill: var(--u-ink);
}

/* Bandeau image historique (bloc « bandeau jeunesse ») : coins arrondis */
[data-univers-preset="jeunesse"] img.align-center {
  border-radius: var(--u-radius-card);
}

@media (prefers-reduced-motion: reduce) {
  [data-univers-preset="jeunesse"] .UniversBar-link:hover {
    transform: none;
  }
}

/* Icônes animées des rubriques (GIF sur fond blanc) : fondues dans le crème */
[data-univers-preset="jeunesse"] .Category-sub--icon {
  mix-blend-mode: multiply;
}

/* Page d'accueil de l'univers */
[data-univers-preset="jeunesse"] .UniversHome-kicker {
  display: inline-block;
  padding: 4px 12px;
  border-radius: var(--u-chip-radius);
  background: var(--j-sun);
  color: var(--u-ink);
  letter-spacing: 0.04em;
}
/* Carrousel : un aplat de couleur vive par diapositive, pas de flou
   (rang compté sans les copies de la boucle, js/univers-home.js) */
[data-univers-preset="jeunesse"] .UniversHero-slide:nth-child(4n + 1 of [data-hero-slide]) { background: var(--j-sky); }
[data-univers-preset="jeunesse"] .UniversHero-slide:nth-child(4n + 2 of [data-hero-slide]) { background: var(--j-pink); }
[data-univers-preset="jeunesse"] .UniversHero-slide:nth-child(4n + 3 of [data-hero-slide]) { background: var(--j-mint); }
[data-univers-preset="jeunesse"] .UniversHero-slide:nth-child(4n + 4 of [data-hero-slide]) { background: var(--j-sun); }
[data-univers-preset="jeunesse"] .UniversHero-slide {
  background-image: radial-gradient(rgba(255, 255, 255, 0.5) 0 18%, transparent 18.5%);
  background-size: 140px 140px;
  background-position: 70% 30%;
}
/* Tout le carrousel prend la couleur de la diapositive courante : côté
   couvertures elle glisse avec elle, côté texte elle passe en fondu. */
[data-univers-preset="jeunesse"] .UniversHero {
  background: var(--j-sky);
  transition: background-color 0.6s ease;
}
[data-univers-preset="jeunesse"] .UniversHero[data-hero-current="1"] { background-color: var(--j-pink); }
[data-univers-preset="jeunesse"] .UniversHero[data-hero-current="2"] { background-color: var(--j-mint); }
[data-univers-preset="jeunesse"] .UniversHero[data-hero-current="3"] { background-color: var(--j-sun); }
[data-univers-preset="jeunesse"] .UniversHero[data-hero-current="4"] { background-color: var(--j-sky); }
@media (prefers-reduced-motion: reduce) {
  [data-univers-preset="jeunesse"] .UniversHero {
    transition: none;
  }
}
[data-univers-preset="jeunesse"] .UniversHero .UniversHome-kicker {
  background: #fff;
}
[data-univers-preset="jeunesse"] .UniversHero-cover img {
  border: 8px solid #fff;
  border-radius: var(--am-radius);
  transform: rotate(-4deg);
  box-shadow: 0 30px 50px -24px rgba(31, 26, 61, 0.6);
}
[data-univers-preset="jeunesse"] .UniversHero-slide:not([inert]) .UniversHero-cover img {
  animation-name: universHeroInJeunesse;
}
@keyframes universHeroInJeunesse {
  from {
    opacity: 0;
    transform: translateY(40px) rotate(6deg) scale(0.92);
  }
}
[data-univers-preset="jeunesse"] .UniversHero-dot[aria-current]::after {
  background: var(--u-ink);
}
/* Mosaïque */
[data-univers-preset="jeunesse"] :not(.UniversTiles--list) > .UniversTile:nth-child(4n + 1) .UniversTile-link { background: var(--j-pink); }
[data-univers-preset="jeunesse"] :not(.UniversTiles--list) > .UniversTile:nth-child(4n + 2) .UniversTile-link { background: var(--j-sky); }
[data-univers-preset="jeunesse"] :not(.UniversTiles--list) > .UniversTile:nth-child(4n + 3) .UniversTile-link { background: var(--j-mint); }
[data-univers-preset="jeunesse"] :not(.UniversTiles--list) > .UniversTile:nth-child(4n + 4) .UniversTile-link { background: var(--j-sun); }
[data-univers-preset="jeunesse"] :not(.UniversTiles--list) > .UniversTile:hover {
  transform: translateY(-4px) rotate(-1deg);
}
/* Rails */
[data-univers-preset="jeunesse"] .UniversHome-band {
  border-radius: 0;
}
[data-univers-preset="jeunesse"] .UniversCard-date {
  align-self: flex-start;
  padding: 6px 12px;
  border: 0;
  border-radius: var(--am-radius);
  background: #fff;
}
[data-univers-preset="jeunesse"] .UniversCard-day {
  font-size: 30px;
}
[data-univers-preset="jeunesse"] .UniversHero-slide::before {
  display: none;
}