/* =========================
   PAGE LANDING — MARIAGE FROM CODAZA
   Scope global
========================= */

/* =========================
   HEADER / HERO
========================= */
.page__content--mariage .page__header {}
.page__content--mariage .page__header__image {
	width: 100%;
    height: calc(100vh - 2rem);
    height: calc(var(--1svh, 1vh) * 100 - 2rem);
    height: calc(100svh - 2rem);
    position: relative;
    z-index: 0;
}



.page__content--mariage .page__header__image img {}

.page__content--mariage .page__header__content {
	width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; 
}

.page__content--mariage .page__title {
    color: #FFF !important;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.15) !important;
    font-family: 'Recoleta-Light',Arial !important;
    font-size: 40px !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: normal !important;
    margin-bottom: 10px !important;
}

.page__content--mariage .page__header__content h1.page__title:after{
    display: none !important;
}

.page__content--mariage .page__header__intro {}
.page__content--mariage .page__header__intro p {
    color: #FFF !important;
    text-align: center !important;
    font-family: 'Recoleta-Light',Arial !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: normal !important;
}

/* =========================
   SECTION — FORMULAIRE (devis)
========================= */
.page__content--mariage .section--mariage-form .wrapper-form{
    position: relative;
    background-color: #FBFBFB;
    margin-top: -200px;
    padding: 45px !important;
    border-radius: 20px;
    z-index: 1;
}
.page__content--mariage .section--mariage-form .section__content--form {

}

/* Si le formulaire est CF7, ces sélecteurs sont souvent utiles */
.page__content--mariage .section--mariage-form .wpcf7 h2 {
    color: #000 !important;
    font-size: 32px !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: normal !important;
    margin-bottom: 15px !important;
}

.page__content--mariage .section--mariage-form .wpcf7 h3 {
    color: #000 !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: normal !important;
    font-family: 'Recoleta-Light',Arial !important;
    margin-bottom: 20px !important;
}
.page__content--mariage .section--mariage-form .wpcf7 label {
    display: flex;
    flex-direction: column;
    color: #B4B4B4 !important;
    font-family: Arial !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}


.page__content--mariage .section--mariage-form form{
    margin-bottom: -15px !important;
}
.page__content--mariage .section--mariage-form .wpcf7 p{
    margin: 0 !important;
}

.page__content--mariage .section--mariage-form .wpcf7 .line{
    gap: 30px !important;
    margin-right: 150px !important;
}

.page__content--mariage .section--mariage-form .wpcf7 hr {
    background: #DFDFDF !important;
}
.page__content--mariage .section--mariage-form .wpcf7 input[type="text"] {
    margin-top: 10px !important;
    border-radius: 5px !important;
    background-color: #FBFBFB !important;
    border: 1px solid #DFDFDF !important;
}
.page__content--mariage .section--mariage-form .wpcf7 input[type="email"] {
    margin-top: 10px !important;
    border-radius: 5px !important;
    background-color: #FBFBFB !important;
    border: 1px solid #DFDFDF !important;
}
.page__content--mariage .section--mariage-form .wpcf7 input[type="tel"] {
    margin-top: 10px !important;
    border-radius: 5px !important;
    background-color: #FBFBFB !important;
    border: 1px solid #DFDFDF !important;
}

.page__content--mariage .section--mariage-form .wpcf7 input[type="number"] {
    margin-top: 10px !important;
    border-radius: 5px !important;
    background-color: #FBFBFB !important;
    border: 1px solid #DFDFDF !important;
}

.page__content--mariage .section--mariage-form .wpcf7 .line-date > p{
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    margin-right: 150px !important;
}

.page__content--mariage .section--mariage-form .wpcf7 .line-date > p label{
    width: 50% !important;
}

.page__content--mariage .section--mariage-form .wpcf7 input[type="date"]{
    width: 100%;
    color: #B4B4B4 !important;
    font-family: Arial !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    padding: 8px 15px !important;
    background-color: #FBFBFB !important;
    margin-top: 10px !important;
} 

.page__content--mariage .section--mariage-form .wpcf7 .line.last p{
    margin-bottom: 0;

}

.page__content--mariage .section--mariage-form .wpcf7 .line.last input{
    margin-bottom: 0 !important;
}

.page__content--mariage .section--mariage-form .wpcf7 select {}
.page__content--mariage .section--mariage-form .wpcf7 textarea {}
.page__content--mariage .section--mariage-form .wpcf7 input[type="submit"] {
    display: inline-flex !important;
    padding: 15px 20px !important;
    justify-content: center !important;
    align-items: center !important;
    color: #FFF !important;
    font-family: Arial !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    border-radius: 5px !important;
    background: #2C191E !important;
    border: 1px solid #2C191E !important;
    transform: translate(150px, 11px) !important;
    transition: all 0.3s ease-in-out;
}

.page__content--mariage .section--mariage-form .wpcf7 input[type="submit"]:hover{
    background-color: white !important;
    color: #2C191E !important;
    box-shadow: none !important;
}

.page__content--mariage .section--mariage-form .wpcf7 .wpcf7-not-valid-tip {}
.page__content--mariage .section--mariage-form .wpcf7 .wpcf7-response-output {}

/* Image à droite du form */
.page__content--mariage .section--mariage-form .section__image--form {
    background-position: center top;
    background-size: cover;
    border-radius: 10px;
}
/* =========================
   SECTION 1 — CARTES + BOUTONS
========================= */
.page__content--mariage .section--mariage-s1 {}
.page__content--mariage .section--mariage-s1 .section__title {
    color: #000 !important;
    font-size: 32px !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: normal !important;
}
.page__content--mariage .section--mariage-s1 .section__card {
    border-radius: 10px;
    background: #FFF;
    box-shadow: -2px 6px 18.8px 0 rgba(0, 0, 0, 0.10);
}
.page__content--mariage .section--mariage-s1 .section__card__image {}
.page__content--mariage .section--mariage-s1 .section__card__image img {}
.page__content--mariage .section--mariage-s1 .section__card__title {}
.page__content--mariage .section--mariage-s1 .section__card__text {}
.page__content--mariage .section--mariage-s1 .section__btn {}

/* =========================
   SECTION 2 — IMAGE + ACCORDEON + CTA
========================= */
.page__content--mariage .section--mariage-s2 {}
.page__content--mariage .section--mariage-s2 .section__image {}
.page__content--mariage .section--mariage-s2 .section__image img {}
.page__content--mariage .section--mariage-s2 .section__title {}
.page__content--mariage .section--mariage-s2 .section__btn {}

/* Accordéon (Bootstrap) */
.page__content--mariage .section--mariage-s2 .accordion {}
.page__content--mariage .section--mariage-s2 .accordion-item {}
.page__content--mariage .section--mariage-s2 .accordion-header {}
.page__content--mariage .section--mariage-s2 .accordion-button {}
.page__content--mariage .section--mariage-s2 .accordion-button.collapsed {}
.page__content--mariage .section--mariage-s2 .accordion-collapse {}
.page__content--mariage .section--mariage-s2 .accordion-body {}

/* =========================
   SECTION 3 — FOND IMAGE + WYSIWYG
========================= */
.page__content--mariage .section--mariage-s3 {}
.page__content--mariage .section--mariage-s3.section--image-bg {}
.page__content--mariage .section--mariage-s3 .section__content__wrapper {}
.page__content--mariage .section--mariage-s3 .section__content {}
.page__content--mariage .section--mariage-s3 .section__title {}
.page__content--mariage .section--mariage-s3 .section__wysiwyg {}

/* WYSIWYG: points qui reviennent souvent */
.page__content--mariage .section--mariage-s3 .section__wysiwyg p {}
.page__content--mariage .section--mariage-s3 .section__wysiwyg a {}
.page__content--mariage .section--mariage-s3 .section__wysiwyg strong {}
.page__content--mariage .section--mariage-s3 .section__wysiwyg em {}
.page__content--mariage .section--mariage-s3 .section__wysiwyg ul {}
.page__content--mariage .section--mariage-s3 .section__wysiwyg ol {}
.page__content--mariage .section--mariage-s3 .section__wysiwyg li {}
.page__content--mariage .section--mariage-s3 .section__wysiwyg h2 {}
.page__content--mariage .section--mariage-s3 .section__wysiwyg h3 {}

/* =========================
   SECTION 4 — CENTRÉE + WYSIWYG + CTA
========================= */
.page__content--mariage .section--mariage-s4 {}
.page__content--mariage .section--mariage-s4 .section__title {}
.page__content--mariage .section--mariage-s4 .section__wysiwyg {}
.page__content--mariage .section--mariage-s4 .section__btn {}

/* WYSIWYG section 4 */
.page__content--mariage .section--mariage-s4 .section__wysiwyg p {}
.page__content--mariage .section--mariage-s4 .section__wysiwyg a {}
.page__content--mariage .section--mariage-s4 .section__wysiwyg strong {}
.page__content--mariage .section--mariage-s4 .section__wysiwyg ul {}
.page__content--mariage .section--mariage-s4 .section__wysiwyg li {}

/* =========================
   SECTION 5 — FOND IMAGE + WYSIWYG
========================= */
.page__content--mariage .section--mariage-s5 {}
.page__content--mariage .section--mariage-s5.section--image-bg {}
.page__content--mariage .section--mariage-s5 .section__content__wrapper {}
.page__content--mariage .section--mariage-s5 .section__content {}
.page__content--mariage .section--mariage-s5 .section__wysiwyg {}

/* WYSIWYG section 5 */
.page__content--mariage .section--mariage-s5 .section__wysiwyg p {}
.page__content--mariage .section--mariage-s5 .section__wysiwyg a {}
.page__content--mariage .section--mariage-s5 .section__wysiwyg strong {}
.page__content--mariage .section--mariage-s5 .section__wysiwyg ul {}
.page__content--mariage .section--mariage-s5 .section__wysiwyg li {}

/* =========================
   SECTION 6 — 2 COLONNES (titre/sous-titre + image / contenu)
========================= */
.page__content--mariage .section--mariage-s6 {}
.page__content--mariage .section--mariage-s6 .section__title {}
.page__content--mariage .section--mariage-s6 .section__subtitle {}
.page__content--mariage .section--mariage-s6 .section__image {}
.page__content--mariage .section--mariage-s6 .section__image img {}
.page__content--mariage .section--mariage-s6 .section__content {}

/* =========================
   SECTION 7 — GRILLE / CARDS + IMAGE FINALE
========================= */
.page__content--mariage .section--mariage-s7 {}
.page__content--mariage .section--mariage-s7 .section__title {}
.page__content--mariage .section--mariage-s7 .section__card {}
.page__content--mariage .section--mariage-s7 .section__card__image {}
.page__content--mariage .section--mariage-s7 .section__card__image img {}
.page__content--mariage .section--mariage-s7 .section__card__title {}
.page__content--mariage .section--mariage-s7 .section__card__text {}
.page__content--mariage .section--mariage-s7 .section__card--image-only {}
.page__content--mariage .section--mariage-s7 .section__card--image-only img {}

/* =========================
   SECTION 8 — INTRO WYSIWYG + IMAGE + ACCORDEON
========================= */
.page__content--mariage .section--mariage-s8 {}
.page__content--mariage .section--mariage-s8 .section__title {}
.page__content--mariage .section--mariage-s8 .section__wysiwyg {}
.page__content--mariage .section--mariage-s8 .section__image {}
.page__content--mariage .section--mariage-s8 .section__image img {}

/* Accordéon section 8 */
.page__content--mariage .section--mariage-s8 .accordion {}
.page__content--mariage .section--mariage-s8 .accordion-item {}
.page__content--mariage .section--mariage-s8 .accordion-header {}
.page__content--mariage .section--mariage-s8 .accordion-button {}
.page__content--mariage .section--mariage-s8 .accordion-button.collapsed {}
.page__content--mariage .section--mariage-s8 .accordion-collapse {}
.page__content--mariage .section--mariage-s8 .accordion-body {}

/* WYSIWYG section 8 */
.page__content--mariage .section--mariage-s8 .section__wysiwyg p {}
.page__content--mariage .section--mariage-s8 .section__wysiwyg a {}
.page__content--mariage .section--mariage-s8 .section__wysiwyg strong {}
.page__content--mariage .section--mariage-s8 .section__wysiwyg ul {}
.page__content--mariage .section--mariage-s8 .section__wysiwyg li {}

/* =========================
   SECTION 9 — BLOCS TEXTE (cards)
========================= */
.page__content--mariage .section--mariage-s9 {}
.page__content--mariage .section--mariage-s9 .section__title {}
.page__content--mariage .section--mariage-s9 .section__card {}
.page__content--mariage .section--mariage-s9 .section__card__title {}
.page__content--mariage .section--mariage-s9 .section__card__subtitle {}
.page__content--mariage .section--mariage-s9 .section__card__text {}

/* =========================
   SECTION 10 — GALERIE (max 4)
========================= */
.page__content--mariage .section--mariage-s10 {}
.page__content--mariage .section--mariage-s10 .section__gallery__item {}
.page__content--mariage .section--mariage-s10 .section__gallery__item img {}

/* =========================
   BOUTONS / CTA génériques (si tu veux uniformiser)
========================= */
.page__content--mariage .section__btn {}
.page__content--mariage .section__btn:hover {}
.page__content--mariage .section__btn:focus {}
  
/* =========================
   Ajustements responsive (points de rupture)
========================= */
@media (min-width: 576px) {
  .page__content--mariage {}
}
@media (min-width: 768px) {
  .page__content--mariage {}
}
@media (min-width: 992px) {
  .page__content--mariage {}
}
@media (min-width: 1200px) {
  .page__content--mariage {}
}
@media (min-width: 1400px) {
  .page__content--mariage {}
}