/* ==========================================================
   THÈME — LA MAISON (À propos) : charte "Retro" d'Anthony
   #e9311a  #ed6335  #ecae7d  #8db4ad  #026c80  #064c72
   ========================================================== */
.theme-apropos {
  --fond: #efe7dd; --texte: #064c72;
  --r1: #e9311a; --r2: #ed6335; --r3: #ecae7d; --r4: #8db4ad; --r5: #026c80; --r6: #064c72;
  font-family: 'Archivo', sans-serif;
}
.theme-apropos ::selection { background: var(--r2); color: #fff; }

/* soleil rétro rayonnant */
.re-soleil {
  position: absolute; right: -22vmin; bottom: -22vmin; width: 58vmin; height: 58vmin; border-radius: 50%;
  background: radial-gradient(circle, var(--r1) 0 30%, var(--r2) 30% 45%, var(--r3) 45% 60%, transparent 60%);
  transform: scale(0); transition: transform 1.4s var(--ease-back) .2s;
}
.re-soleil::before { content: ''; position: absolute; inset: -40%; border-radius: 50%; background: repeating-conic-gradient(rgba(236, 174, 125, .28) 0 6deg, transparent 6deg 15deg); z-index: -1; animation: spin 80s linear infinite; }
.theme-apropos.is-open .re-soleil { transform: scale(1); }

/* vagues en bandes */
.re-vagues { position: absolute; left: -10%; bottom: -2%; width: 60%; display: grid; gap: 0; transform: translateY(100%); transition: transform 1.2s var(--ease-out) .3s; }
.theme-apropos.is-open .re-vagues { transform: none; }
.re-vagues i { height: 22px; border-radius: 0 99px 99px 0; transform-origin: left; animation: vague 4s ease-in-out infinite; }
.re-vagues i:nth-child(1) { background: var(--r1); width: 55%; animation-delay: 0s; }
.re-vagues i:nth-child(2) { background: var(--r2); width: 65%; animation-delay: -.5s; }
.re-vagues i:nth-child(3) { background: var(--r3); width: 75%; animation-delay: -1s; }
.re-vagues i:nth-child(4) { background: var(--r4); width: 85%; animation-delay: -1.5s; }
.re-vagues i:nth-child(5) { background: var(--r5); width: 95%; animation-delay: -2s; }
.re-vagues i:nth-child(6) { background: var(--r6); width: 100%; animation-delay: -2.5s; }
@keyframes vague { 50% { transform: scaleX(.88); } }

/* arches façon nuancier */
.re-arches { position: absolute; right: 5%; top: 90px; display: flex; gap: 14px; }
.re-arches i { width: 46px; height: 64px; border-radius: 23px 23px 4px 4px; animation: floatY 3s ease-in-out infinite; }
.re-arches i:nth-child(1) { background: var(--r1); } .re-arches i:nth-child(2) { background: var(--r4); animation-delay: -1s; } .re-arches i:nth-child(3) { background: var(--r6); animation-delay: -2s; }

.theme-apropos .bp-contenu { opacity: 0; transform: translateY(30px); transition: all 1s var(--ease-out) .3s; }
.theme-apropos.is-open .bp-contenu { opacity: 1; transform: none; }
.theme-apropos .bp-retour { border-color: var(--r6); }
.theme-apropos .bp-retour:hover { background: var(--r6); color: var(--fond); }
.theme-apropos .bp-kicker { color: var(--r2); font-family: 'Space Mono', monospace; }
.theme-apropos .bp-titre {
  font-family: 'Souvenir', serif; font-weight: 700; color: var(--r1); letter-spacing: -.02em; margin: .32em 0 .4em; line-height: 1;
  text-shadow: 3px 3px 0 var(--r2), 6px 6px 0 var(--r3), 9px 9px 0 var(--r4), 12px 12px 0 var(--r5), 15px 15px 0 var(--r6);
}
.theme-apropos .bp-intro { font-family: 'Souvenir', serif; font-style: italic; }

/* vedette : médaillon en arche */
.theme-apropos .bp-vedette-media { aspect-ratio: 4 / 5; max-width: 440px; justify-self: center; width: 100%; background: var(--r3); border-radius: 999px 999px 0 0; overflow: hidden; }
.theme-apropos .bp-vedette-media::after {
  content: '#e9311a'; position: absolute; left: 0; right: 0; bottom: 0; padding: 12px; text-align: center;
  background: #fff; color: var(--r1); font: 700 15px 'Space Mono', monospace; letter-spacing: .12em;
}
.theme-apropos .media-vide { color: var(--r6); }
.theme-apropos .bp-vedette-texte { background: rgba(239, 231, 221, .9); padding: 22px; border-radius: 24px; }
.theme-apropos .bp-badge { background: var(--r2); color: #fff; border-radius: 99px; }
.theme-apropos .bp-vedette-titre { font-family: 'Souvenir', serif; color: var(--r1); }
.theme-apropos .bp-meta span { border-color: var(--r4); color: var(--r5); }

.theme-apropos .bp-liste-titre { font-family: 'Souvenir', serif; color: var(--r5); }
.theme-apropos .bp-liste-head { border-color: var(--r4); }
.theme-apropos .bp-liste-compte { color: var(--r2); }
/* arches façon nuancier, une couleur de la palette chacune */
.theme-apropos .bp-grille { --gap: 22px; padding-top: 26px; }
.theme-apropos .bp-carte {
  --pc: var(--r1); --carte-fond: var(--pc); aspect-ratio: 4 / 5; border-radius: 999px 999px 16px 16px; color: #fff;
  transition: opacity .8s, transform .9s var(--ease-out), translate .4s var(--ease-back), box-shadow .4s var(--ease-back);
}
.theme-apropos .bp-carte:nth-child(5n+2) { --pc: var(--r2); } .theme-apropos .bp-carte:nth-child(5n+3) { --pc: var(--r4); color: var(--r6); }
.theme-apropos .bp-carte:nth-child(5n+4) { --pc: var(--r5); } .theme-apropos .bp-carte:nth-child(5n+5) { --pc: var(--r6); }
.theme-apropos .bp-carte:hover { translate: 0 -8px; box-shadow: 0 14px 0 -4px var(--r3); }
.theme-apropos .bp-carte:not(.is-texte) .bp-carte-info { background: linear-gradient(180deg, transparent, var(--r6)); }
.theme-apropos .bp-carte-num { font-weight: 700; opacity: .9; }
.theme-apropos .bp-carte-titre { font-family: 'Souvenir', serif; }
.theme-apropos .bp-carte.is-texte .bp-carte-info { padding: 26px 22px; }
.theme-apropos .bp-carte.is-texte::before {
  content: ''; position: absolute; left: 50%; top: 18%; width: 46%; aspect-ratio: 1; translate: -50% 0; border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, .28) 0 34%, rgba(255, 255, 255, .16) 34% 52%, rgba(255, 255, 255, .08) 52% 70%, transparent 70%);
  transition: scale .5s var(--ease-back);
}
.theme-apropos .bp-carte.is-texte:hover::before { scale: 1.15; }

.theme-apropos .bp-modal-boite { border-radius: 28px; }
.theme-apropos .bp-modal-media { border-radius: 0 0 0 0; }
.theme-apropos .bp-modal-titre { font-family: 'Souvenir', serif; color: var(--r1); }
.theme-apropos .bp-modal-texte .bp-carte-num { color: var(--r2); font-weight: 700; }

.theme-apropos .bp-nav-lien { font-family: 'Souvenir', serif; background: var(--r6); color: var(--fond); border-radius: 24px; }
.theme-apropos .bp-nav-lien:hover { background: var(--r1); }

/* carte "sans jouer" */
.ov-card.t-apropos { background: #efe7dd; color: #064c72; }
.ov-card.t-apropos .ov-bat { background: radial-gradient(circle at 50% 120%, #e9311a 0 25%, #ed6335 25% 40%, #ecae7d 40% 55%, #8db4ad 55% 70%, #efe7dd 70%); }
.ov-card.t-apropos .ov-nom { color: #e9311a; text-shadow: 2px 2px 0 #ed6335, 4px 4px 0 #ecae7d; }