/* ==========================================================================
   Page RP / promoteurs — habillage « Liquid glass » (même DA que le dashboard RP,
   css/rp-dashboard-glass.css, et la fenêtre Pré-réserver) : surfaces de verre dépoli
   sans bordure dure, liseré clair en haut, CTA or bombé, contrôles en capsules.
   Chargé après rp-landing.css, qu'il surcharge sans toucher à la mise en page.
   ========================================================================== */

.rpl {
  --g-gold: #c6a66a;
  --g-gold-hi: #e2c68e;
  --g-gold-lo: #a8884f;
  --g-gold-ink: #17120a;
  --g-fill: rgba(255, 255, 255, 0.055);
  --g-fill-2: rgba(255, 255, 255, 0.085);
  --g-fill-3: rgba(255, 255, 255, 0.13);
  --g-hair: rgba(255, 255, 255, 0.075);
  --g-card: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018));
  --g-card-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 0 0 1px rgba(255, 255, 255, 0.06),
    0 24px 60px -32px rgba(0, 0, 0, 0.85);
  --g-ctrl-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 0 0 1px var(--g-hair);
  --g-gold-grad: linear-gradient(180deg, var(--g-gold-hi) 0%, var(--g-gold) 55%, var(--g-gold-lo) 100%);
  --rpl-line: var(--g-hair);
}

/* --- Boutons --- */
.rpl .rpl-btn--gold {
  position: relative;
  overflow: hidden;
  background: var(--g-gold-grad);
  color: var(--g-gold-ink) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    inset 0 -1px 0 rgba(0, 0, 0, 0.15),
    0 14px 30px -14px rgba(0, 0, 0, 0.8);
}
/* Reflet bombé sur la moitié haute, comme le CTA de la fenêtre Pré-réserver */
.rpl .rpl-btn--gold::before {
  content: "";
  position: absolute;
  inset: 0 0 50% 0;
  border-radius: 999px 999px 0 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0));
  pointer-events: none;
}
.rpl .rpl-btn--gold > * { position: relative; }
.rpl .rpl-btn--gold:hover {
  background: linear-gradient(180deg, #ebd29f 0%, #cfb177 55%, #b0915a 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    inset 0 -1px 0 rgba(0, 0, 0, 0.15),
    0 18px 36px -14px rgba(0, 0, 0, 0.85);
}
.rpl .rpl-btn--gold:active,
.rpl .rpl-btn--ghost:active { transform: scale(0.97); }
.rpl .rpl-btn--ghost {
  border: 0;
  background: var(--g-fill-2);
  -webkit-backdrop-filter: blur(24px) saturate(170%);
  backdrop-filter: blur(24px) saturate(170%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 0 0 1px var(--g-hair);
}
.rpl .rpl-btn--ghost:hover { background: var(--g-fill-3); }

/* --- Pastilles du héros, notifications, repères --- */
.rpl .rpl-badge {
  background: rgba(198, 166, 106, 0.1);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), inset 0 0 0 1px rgba(198, 166, 106, 0.3);
}
.rpl .rpl-toast,
.rpl .rpl-callout-chip {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)),
    rgba(22, 20, 17, 0.62);
  -webkit-backdrop-filter: blur(30px) saturate(180%);
  backdrop-filter: blur(30px) saturate(180%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    inset 0 0 0 1px rgba(255, 255, 255, 0.08),
    0 24px 60px -18px rgba(0, 0, 0, 0.85);
}
.rpl .rpl-callout-chip { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), inset 0 0 0 1px rgba(198, 166, 106, 0.35); }
.rpl .rpl-toast-ic,
.rpl .rpl-aud-ic { background: var(--g-gold-grad); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5); }
.rpl .rpl-toast-ic--ok { background: rgba(95, 211, 141, 0.18); box-shadow: inset 0 0 0 1px rgba(95, 211, 141, 0.3); }
.rpl .rpl-tour-num { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), inset 0 0 0 1px rgba(198, 166, 106, 0.35); }
.rpl .rpl-cities { border-color: var(--g-hair); }

/* --- Cartes de verre : fonctionnalités, publics, FAQ, appel final --- */
.rpl .rpl-feat,
.rpl .rpl-aud,
.rpl .rpl-faq-item {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.025) 38%, rgba(255, 255, 255, 0.012) 100%),
    rgba(20, 18, 16, 0.42);
  -webkit-backdrop-filter: blur(36px) saturate(180%);
  backdrop-filter: blur(36px) saturate(180%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    inset 0 0 0 1px rgba(255, 255, 255, 0.085),
    inset 0 -1px 0 rgba(255, 255, 255, 0.04),
    0 30px 70px -30px rgba(0, 0, 0, 0.9);
}
.rpl .rpl-feat--hero {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.025) 38%, rgba(255, 255, 255, 0.012) 100%),
    rgba(20, 18, 16, 0.42);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    inset 0 0 0 1px rgba(255, 255, 255, 0.09),
    0 30px 70px -36px rgba(0, 0, 0, 0.9);
}
.rpl .rpl-aud {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.025) 38%, rgba(255, 255, 255, 0.012) 100%),
    rgba(20, 18, 16, 0.42);
}
.rpl .rpl-feat:hover,
.rpl .rpl-aud:hover {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    inset 0 0 0 1px rgba(255, 255, 255, 0.16),
    0 30px 70px -30px rgba(0, 0, 0, 0.9);
}
.rpl .rpl-feat-ic {
  background: rgba(198, 166, 106, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), inset 0 0 0 1px rgba(198, 166, 106, 0.32);
}
.rpl .rpl-feat-link {
  background: rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(198, 166, 106, 0.3);
}
.rpl .rpl-feat-link i { background: var(--g-gold-grad); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5); color: var(--g-gold-ink); }
/* Pas de lueur dorée : ni au survol (suivi de la souris), ni en coin de carte */
.rpl .rpl-feat::before,
.rpl .rpl-feat::after,
.rpl .rpl-aud::after { display: none; }
.rpl .rpl-aud-ic { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5); }

.rpl .rpl-faq-item[open] {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), inset 0 0 0 1px rgba(255, 255, 255, 0.14);
}
.rpl .rpl-faq-ic { background: var(--g-fill); box-shadow: var(--g-ctrl-shadow); }
.rpl .rpl-final-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.015)),
    rgba(14, 13, 12, 0.6);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    inset 0 0 0 1px rgba(255, 255, 255, 0.09),
    0 50px 120px -50px rgba(0, 0, 0, 0.9);
}
.rpl .rpl-final-glow { display: none; }

/* Sans backdrop-filter : surfaces opaques équivalentes */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .rpl .rpl-feat, .rpl .rpl-aud, .rpl .rpl-faq-item { background: linear-gradient(180deg, #24211d, #171513 40%); }
  .rpl .rpl-toast, .rpl .rpl-callout-chip { background: #1f1c18; }
}

@media (prefers-reduced-motion: reduce) {
  .rpl .rpl-btn--gold:active,
  .rpl .rpl-btn--ghost:active { transform: none; }
}