/*                            */
/*           PAGES            */
/*                            */


.contenu{
  max-width: 550px;
  /* border: 1px dotted #c9c9c9; */
  margin: 30px auto;
  padding: 10px 20px;
  font-size: 14px;
  text-align: center;
}


/* Page Conditions Générales */
.page-id-482 .page-header h1 {
  font-size: 42px;
  line-height: 46px;
}

.page-id-482 .contenu {
  max-width: 800px;
  text-align: left;
}

.page-id-482 .contenu p{
  margin-top: 15px !important;
  text-transform: none !important;
}

.page-id-339 h2 {
    margin: 50px;
}

@media (max-width: 768px) {
  .page-id-339 h2 {
      margin: 0px;
      margin-top: 30px;
  }
}


/* ---------------------------------- */
/*          Section Bannière          */
/* ---------------------------------- */

.page-spectacles .wave-transition{
  z-index: -1;
  margin-top: -198px;
}

.page-spectacles .wave-transition svg{
  transform: rotateX(180deg);
}

.page-spectacles .home-header{
  padding-top: -174px;
}

.page-spectacles .home-banner{
  margin-bottom: 0px;
  margin-top: -130px;
  padding-bottom: 11px;
}

.spectacle .home-banner img{
  width: 750px;
  margin-top: -50px;
}

.page-spectacles .spectacles-widget{
  padding: 20px;
}



.page-restaurant .transition-white-beige,
.page-location .transition-white-beige,
.page-particuliers .transition-white-beige,
.page-professionnels .transition-white-beige,
.page-mairies-collectivites .transition-white-beige,
.nos-productions .transition-white-beige{
  margin-top: -100px;
}

/* ---------------------------------- */
/*           Section Widget           */
/* ---------------------------------- */

.spectacles-widget{
  background-color: var(--color_beige);
}



/* ---------------------------------- */
/*         Section Restaurant         */
/* ---------------------------------- */

.page-restaurant, .page-location{
  background-color: var(--color_beige);
}

.contact-block.bg-beige{
  margin-top: 42px;
  background-color: var(--color_beige);
}

.page-boutons{
  /* border: 1px solid black; */
  display: flex;
  flex-direction: column;
  align-items: center;
}

.page-boutons a{
  margin: 20px 0px;
  width: 250px;
  padding: 10px 20px !important;
}


.restaurant-gallery, .location-gallery {
  background-color: var(--color_beige);
  padding: 60px 20px;
  overflow: hidden;
}

.gallery-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

.gallery-wrapper .photo {
  background: white;
  padding: 10px;
  border: 1px solid #ddd;
  box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
  transform: rotate(-2deg);
  transition: transform 0.2s ease;
}

.gallery-wrapper .photo:hover {
  transform: rotate(0deg) scale(1.03);
}

.gallery-wrapper .photo img {
  width: 250px;
  height: auto;
  display: block;
  object-fit: cover;
}

.gallery-wrapper .photo-2 {
  transform: rotate(4deg);
}

.gallery-wrapper .photo-3 {
  transform: rotate(-3deg);
}

.gallery-wrapper .photo-4 {
  transform: rotate(2.5deg);
}

@media (max-width: 768px) {
  .gallery-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .gallery-wrapper .photo img {
    width: 90vw;
  }
}



/* ---------------------------------- */
/*          Section Location          */
/* ---------------------------------- */

.location-avis{
  background-color: var(--color_vert);
  padding: 40px;
  margin-top: 70px;
}

.location-avis h2{
  color: var(--color_beige);
  margin-bottom: 30px;
}

.location-card{
  border: 0px solid black;
}


/* location-particuliers */

.page-pro{
  background-color: var(--color_beige);
}

.page-pro .contenu {
  max-width: 1000px;
}

.page-pro .blog-post {
  margin-top: 0px;
}


.page-pro .blog-post .post-image img{
  transform: rotate(0) !important;
  border: 4px solid var(--color_vert);
}

.page-pro .blog-post .post-content {
    padding-bottom: 50px;
}

.page-pro .blog-post .post-content h3{
  /*
  font-size: 50px;
  line-height: 60px;
  */
}

.page-pro .blog-post .post-content a {
  border: none;
  background-color: var(--color_vert);
  color: var(--color_blanc);
  box-shadow: 0 5px 0 var(--color_vert_fonce);
}

.page-pro .blog-post .post-content a:hover{
  background-color: var(--color_vert_fonce) !important;
}

.page-pro .blog-post:nth-child(even) {
    flex-direction: row;
}

.page-pro .blog-post:nth-child(even) h3,
.page-pro .blog-post:nth-child(even) p,
.page-pro .blog-post:nth-child(even) .post-button {
    text-align: left !important;
}


.infos-pro-block{
  max-width: 700px;
  margin: auto;
  padding: 20px;
  color: var(--color_blanc);
  background-color: var(--color_vert);
  text-align: center;
  border-radius: 12px;
  margin-top: 70px;
}

.infos-pro-block b{
  margin-bottom: 20px;
}

.contact-block {
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  background-color: var(--color_blanc);
}

.contact-block p {
  max-width: 800px;
  margin: 0 auto 30px;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--color_text);
}

.contact-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.contact-box p{
  margin-bottom: 42px;
}

.contact-box a{
  color: var(--color_text);
}

.contact-box img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 0 8px rgba(0,0,0,0.1);
  position: relative;
  left: 46px;
}

.contact-info {
  background-color: var(--color_beige);
  border: 4px solid  var(--color_vert);
  border-radius: 20px;
  padding: 20px 30px;
  max-width: 300px;
  text-align: center;
  font-size: 0.95rem;
  line-height: normal;
}

.contact-info strong,
.contact-info .phone {
  display: block;
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 4px;
  font-family: 'Peace Sans';
}

.contact-info .role {
  font-weight: 700;
}

.contact-info .email {
  color: var(--color_text);
  text-decoration: none;
  font-weight: 600;
  display: block;
  margin-bottom: 8px;
}






/* ---------------------------------- */
/*           Qui sommes nous          */
/* ---------------------------------- */

.page-qsn .page-header{
  height: 250px;
}


.rotate180{
    transform: rotate(180deg);
}

.content_qsn {
  margin-top: -120px;
  z-index: 10;
  position: relative;
}

.content_qsn h2{
  margin: -67px auto;
}

.qsn_flex{
  display: flex;
  align-items: center;
  padding: 150px 0px;
  background-color: var(--color_beige);
}

.qsn_flex .qsn_bloc{
  width: 50%;
}

.qsn_bloc.image {
  background-color: var(--color_vert);
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.qsn_bloc.image>div {
  margin: 25px;
  border-radius: 21px;
  overflow: hidden;
}

.qsn_bloc img.image-principale {
width: 100%;
height: auto;
text-align: center;
}


.qsn_bloc.texte {
  padding: 30px;
  text-transform: math-auto;
  color: var(--color_texte);
  font-weight: 400;
}

.qsn_bloc.texte p {
  margin-top: 15px !important;
  text-transform: none !important;
}


section.content_qsn_image {
  padding: 150px 0px;
  background-color: var(--color_beige);
}

section.qsn_bloc.galerie {
  background-color: var(--color_beige);
}

section .comediens_img {
  width: 1200px;
  margin: auto;
  margin-top: 30px;
  text-align: center;
}

@media (max-width: 1250px) {
  .qsn_flex{
    flex-direction: column;
  }
  .qsn_flex .qsn_bloc{
    width: 100%;
  }
  section .comediens_img {
      width: 100%;
      margin: auto;
  }

  .content_qsn h2 {
    font-size: 34px;
    line-height: 37px;
  }

  section.content_qsn {
      margin-top: 0px;
  }

  .wave-transition.rotate180 {
      margin-top: -111px;
  }

  .qsn_flex {
      padding: 92px 0px;
      margin: 0px;
  }
}



/* ---------------------------------- */
/*               SEARCH               */
/* ---------------------------------- */

.search-title{
  font-size: x-large;
}

.search .container {
  background-color: var(--color_beige) !important;
}

.search form.search-form {
    margin: 0 auto;
}

.search button.btn.btn-primary.mt-2 {
    margin: 0 auto;
    padding: 4px 50px;
}

.search form.search-form {
    background: none;
    box-shadow: none;
}

.noresult {
    margin: auto;
    margin-top: 42px;
    text-align: center;
}

/* ---------------------------------- */
/*                MERCI               */
/* ---------------------------------- */
/* Centrage de la section sur la page */
#merci {
  position: relative;
  width: fit-content;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Image de fond */
#merci .merci_image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto;
}

/* Positionnement en overlay */
#merci .merci_texte {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
  width: 80%;
}

#merci .merci_texte {
  opacity: 0;
  animation: fadeIn 1s ease-out 0.2s forwards;
}

#merci .merci_texte p{
  text-transform: math-auto;
  font-weight: 500;
  color: var(--color_text);
}

@keyframes fadeIn {
  to { opacity: 1; }
}

.page-boutons-merci {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem; /* espacement entre les boutons */
  max-width: 600px; /* ou la largeur que tu veux */
  margin: auto;
  justify-content: center;
}

.page-boutons-merci a {
  flex: 1 1 calc(50% - 1rem); /* 2 boutons par ligne */
  padding: 10px 20px;
}


@media (max-width: 650px) {
  #merci .merci_image img {
      max-width: 90%;
  }

  .page-boutons-merci {
      display: flex;
      flex-direction: column;
      margin-bottom: 80px;
  }

  .page-boutons-merci > a {
      width: 90%;
      margin: auto;
  }
}




.bienvenue_texte{

}

.bienvenue_texte p {
  font-weight: 700 !important;
  font-family: 'League Spartan Variable';
  font-size: larger;
  margin: 20px;
}

.bienvenue_texte .p1 {
  color: var(--color_rouge) !important;
}

.bienvenue_texte .p2{
  color: var(--color_orange) !important;
}

@media (max-width: 650px) {

  #welcome-popup .merci_image img {
      max-width: 100% !important;
  }

  #merci .merci_texte p {
      margin: 5px;
      font-size: smaller;
  }

  .bienvenue_texte button.btn-primary {
      margin-top: 6px;
      font-size: x-small;
      padding: 15px 30px;
  }

  .bienvenue_texte img {
      margin-bottom: 10px;
  }
}


/* */