/* ===== Rent Cars Paris — fond blanc pur (#fff) sur tout le site ===== */
:root {
  --rcp-bg: #ffffff;
  --rcp-black: #0a0a0a;
  --rcp-splash: #ffffff;
  --rcp-splash-deep: #ffffff;
  --bg-light: #ffffff;
}

html,
body,
html body {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #0a0a0a !important;
}

main,
main.home-page,
.home-page,
.footer,
.footer__wrapper,
.page,
.site,
#page {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* Sections Klausen : plus de fonds noirs / gris */
.home-page .mission,
.home-page .vision,
.home-page .home-fleet-preview,
.home-page .home-faq,
.home-page .moments,
.home-page .moments.is-showroom-3d-next,
.home-page .moments__wrapper,
.home-page .services-preview,
.home-page .services-preview__item,
.home-page .services-preview__item.is-active,
.home-page .services-preview__item:not(.is-active):hover,
.home-page .services-preview__media,
.home-page .collection,
.home-page .collection-title,
.home-page .collection-slider__main,
.home-page .collection-slider__side,
.home-page .collection-slider__image,
.home-page .showroom-private,
.home-page .component--intro,
.component--intro {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* Dégradés de transition → blanc */
.home-page .mission:after,
.home-page .vision:before,
.home-page .moments:after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff) !important;
}

/* Images de fond sombres Klausen : atténuées pour garder le blanc */
.home-page .mission-bg,
.home-page .vision-bg,
.home-page .moments-bg {
  opacity: 0.12 !important;
  mix-blend-mode: multiply;
}

/* Texte lisible sur fond blanc */
.home-page .mission,
.home-page .vision,
.home-page .moments,
.home-page .services-preview,
.home-page .collection,
.footer,
.footer a,
.footer p,
.footer span,
.footer li,
.home-page .mission p,
.home-page .vision p,
.home-page .moments p,
.home-page .moments h2,
.home-page .moments__title,
.home-page .moments__text,
.home-page .services-preview__summary h2,
.home-page .services-preview__content h3,
.home-page .services-preview__content p,
.home-page .collection-title__heading,
.home-page .collection-title__text p,
.home-page .collection-slider__info h3,
.home-page .collection-slider__info p,
.home-page .collection-slider__info span {
  color: #0a0a0a !important;
}

.footer__nav ul li a,
.footer__copyright,
.footer__powered,
.footer__powered a,
.footer__credits-link,
.footer__legal a,
.footer__section-label {
  color: #0a0a0a !important;
}

.home-page .moments__wrapper h2 > span {
  color: rgba(10, 10, 10, 0.12) !important;
}

.home-page .vision-number {
  color: rgba(200, 20, 20, 0.12) !important;
}

/* Section À propos (vision) : accents dorés → rouge marque */
.home-page .vision .title-gold {
  color: #c81414 !important;
}
.home-page .vision .vision-content__description:before {
  background-color: #c81414 !important;
}

/* Aperçu de la flotte : titre doré → rouge */
.home-page .home-fleet-preview .title-gold {
  color: #c81414 !important;
}

/* FAQ : titre doré → rouge */
.home-page .home-faq .title-gold {
  color: #c81414 !important;
}

/* Cartes / tuiles : rester blancs, bordure légère */
.home-page .services-preview__item,
.home-page .services-preview__item.is-active,
.home-page .moments__wrapper,
.home-page .collection-slider__main,
.home-page .collection-slider__side {
  border: 1px solid rgba(10, 10, 10, 0.08);
}

/* Hero : vidéo full-bleed — fond blanc derrière la média */
.home-page .hero,
.home-page .component--hero,
.component--hero {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* Navbar : MENU blanc sur fond sombre, noir sur fond clair (fermé) */
.rcp-nav__menu-btn,
.rcp-nav__menu-label {
  color: #ffffff !important;
  mix-blend-mode: normal !important;
  transition: color 0.2s ease, opacity 0.25s ease;
}
html.is-nav-on-light:not(.is-menu-open) .rcp-nav__menu-btn,
html.is-nav-on-light:not(.is-menu-open) .rcp-nav__menu-label {
  color: #0a0a0a !important;
}
html.is-menu-open .rcp-nav__menu-btn,
html.is-menu-open .rcp-nav__menu-label {
  color: #000000 !important;
}

/* Logo couleur naturelle */
.rcp-nav__logo img {
  filter: none !important;
}

/* Footer : logo Rent Cars Paris */
.footer__logo {
  display: block !important;
  width: min(220px, 42vw) !important;
  height: auto !important;
  margin: 0 auto 48px !important;
}
.footer__logo img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-inline-size: none !important;
  max-block-size: none !important;
  object-fit: contain !important;
  filter: none !important;
}
@media (max-width: 1100px) {
  .footer__logo {
    width: min(160px, 46vw) !important;
    margin-bottom: 40px !important;
  }
}

/* Hero / intro : texte overlay reste blanc sur les médias */
.component--hero .title,
.component--hero .floating,
.component--hero .hero-kicker,
.component--hero .hero-lead,
.home-page .component--intro .sticky .center .title {
  color: #ffffff !important;
}

/* Menu dialog toujours opaque une fois ouvert */
#rcp-menu.is-open .rcp-menu__dialog {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

/* Splash — blanc pur */
#loader .inner {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* Relats body override */
body.home {
  background: #ffffff !important;
}

/* Contact — fond blanc, titre rouge (plus de doré) */
.contacts-page,
.contacts,
.contacts .title-gold,
.contacts__wrapper,
.contacts__body,
.contacts__left,
.contacts__map,
.contacts__info {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

body.page-template-page-contacts .contacts__left,
.contacts-page .contacts__left {
  width: 100% !important;
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

body.page-template-page-contacts .contacts__body,
.contacts-page .contacts__body {
  display: block !important;
}

.contacts .title-gold {
  color: #c81414 !important;
}

.contacts__title {
  color: #0a0a0a !important;
}

.contacts__info-label {
  color: #666666 !important;
  font-size: 13px !important;
  margin-bottom: 8px !important;
}

.contacts__info-value,
.contacts__info-value a {
  color: #0a0a0a !important;
  font-size: 15px !important;
  line-height: 1.4;
}

.contacts__form-label,
.contacts__form-contact-label,
.contacts__form-radio-text,
.contacts__form-input,
.contacts__form-textarea {
  color: #0a0a0a !important;
}

.contacts__form-input,
.contacts__form-textarea {
  background: #ffffff !important;
  border-color: rgba(10, 10, 10, 0.2) !important;
}

.contacts__form .wpcf7-response-output {
  color: #0a0a0a !important;
}

.contacts__map {
  position: relative;
  overflow: hidden;
  padding: 0 !important;
  min-height: 280px;
}

.contacts__map-iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 280px;
  border: 0;
  filter: grayscale(0.25) contrast(1.02);
}

.contacts__info {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 24px 28px !important;
  margin-top: 28px !important;
}

@media (max-width: 640px) {
  .contacts__info {
    grid-template-columns: 1fr !important;
  }
}

/* Mobile : titre au-dessus de la carte (comme desktop) — Klausen mettait order 3 */
@media (max-width: 800px) {
  .contacts-page .contacts__title,
  body.page-template-page-contacts .contacts__title {
    order: 1 !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
  }

  .contacts-page .contacts__map,
  body.page-template-page-contacts .contacts__map {
    order: 2 !important;
  }

  .contacts-page .contacts__info,
  body.page-template-page-contacts .contacts__info {
    order: 3 !important;
  }
}


/* Footer bottom : copyright + Powered by (évite le 12rem Klausen ≈ 1px) */
.footer__bottom-inner {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  grid-template-columns: none !important;
}

.footer__copyright,
.footer__powered,
.footer__powered a {
  font-size: 12px !important;
  line-height: 1.35 !important;
  color: #0a0a0a !important;
}

.footer__powered {
  display: inline-block;
  opacity: 1;
  white-space: nowrap;
}

.footer__powered a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.footer__powered a:hover {
  opacity: 0.75;
}