.decoration svg {
  display: block;
}

/* .hero-section {margin-top: var(--spacing-xl);} */

.main-title {
  font-family: var(--font-title);
  font-size: var(--font-size-h1);
  text-align: center;
  color: var(--color-green);
  /* margin: 0;
    padding: 0;
    text-align: center;
    margin-top: 1rem; */
}

.podcast-container {
  display: flex;
  flex-direction: column;
  justify-content: start;
}

.hero-section_decoration {
  margin-top: calc(-1 * var(--spacing-xl));
  background-color: var(--pale-pink);
}



@media screen and (min-width: 600px) {
  .hero-section {
    padding-left: var(--spacing-2xl);
    padding-right: var(--spacing-2xl);
  }
}

/****** SECTION 2 ****/

@media screen and (max-width: 1199px) {
  .description-container, .last-episode-container >* {
padding-left: var(--margin-page);
padding-right: var(--margin-page);
}
.last-episode-container > h3 {margin-bottom: var(--spacing-md);
}

}


.featured-article img {max-width: 400px;}
.section-2 {
  /* padding-top: var(--spacing-sm); */
  background-color: var(--pale-pink);
}

.section-2-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.section-2-container .description-container button {
  margin-bottom: var(--spacing-2xl);
}

.green-shape {
  align-items: center;
  justify-content: center;
  text-align: center;
}

@media screen and (min-width: 1200px) {
  .green-shape {
    display: flex;
    flex-direction: column;
  }
  .description-container {
  margin-left: var(--margin-page);
  margin-right: var(--margin-page);
}
}


/* 
@media screen and (min-width: 1599px) {
  .description-container {
    flex: 2 !important;
  }
  .green-shape {
    flex: 3 !important;
  }
} */

@media screen and (max-width: 1199px) {
  .description-container {
    margin-top: var(--spacing-lg);
  }
}

@media screen and (max-width: 1199px) {
  .decoration-2 {
    background-color: var(--light-green);
  }
}
@media screen and (min-width: 1200px) {
  .section-2-container {
    flex-direction: row;
  }
  /* 
  .green-shape {
    width: 100%;
        background-image: url("data:image/svg+xml;charset=UTF-8,<svg width='771' height='933' viewBox='0 0 771 933' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M770.439 100.952V932.655H0.172729C10.3292 823.979 54.1306 733.219 89.7215 659.471C125.009 586.352 152.226 529.957 130.578 489.405C16.2984 275.326 136.172 62.9 317.499 18.9721C490.263 -22.8815 558.06 12.2713 630.274 49.714C669.73 70.172 710.504 91.3136 770.439 100.952Z' fill='%23ACBC8A'/></svg>");
        background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='701' height='801' viewBox='0 0 701 801' fill='none'><path d='M62.2439 124.681C108.873 60.0711 441.68 0.689959 555.244 0.68981C668.808 0.689661 665.648 0.68989 700.244 0.68981L695.355 800.69H10.9696C-10.0886 713.833 3.18719 561.452 22.2509 496.842C38.7967 440.766 43.1799 384.69 27.5154 332.271C4.20089 254.252 15.6148 189.29 62.2439 124.681Z' fill='%23ACBC8A'/></svg>");

    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #3a1d1d;
    margin-top: calc(-1 * var(--spacing-2xl));
    background-position: right;
    background-size: contain;
  position: relative;
  left: 0;
  } */
@media screen and (min-width: 1200px) {

.svg-bg {
  background: no-repeat left center;
  background-size: auto 100%;
  overflow: hidden;
  background-image: url("data:image/svg+xml;utf8,<svg width='2182' height='1313' viewBox='0 0 2182 1313' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M124.573 180C248.573 73.9999 436.574 -0.000121955 738.574 -0.000366211C826.574 -0.000366211 2090 -0.000235673 2182 -0.000366211L2169 1312.5H20.5726C-35.4274 1170 40.2519 950.226 50.5726 814C60.5732 682 50.5725 616 20.5732 544C-23.8713 437.331 0.573204 286 124.573 180Z' fill='%23ACBC8A'/></svg>");
    margin-top: calc(-1 * var(--spacing-2xl));
;
}}
.last-episode-container {margin: auto; padding-top: var(--spacing-3xl); padding-bottom: var(--spacing-3xl);}
.last-episode-container > h3 {width:80%; text-align: center ;margin-left: auto; margin-right: auto;}
.last-episode-container .featured-article {width:75%; margin-left: auto; margin-right: auto;}

/* @media screen and (min-width:1550px) {
  .green-shape {background-size: cover;}}
 */

  .decoration-2 {
    margin-top: calc(-1 * var(--spacing-2xl));
    position: relative;
    z-index: 3000;
  }

  .description-container {
    margin-left: var(--spacing-xl);
    padding-bottom: var(--spacing-xl);
  }

  .description-container {
    margin-right: 0;
  }
}

footer::before {
  background-color: var(--pale-pink) !important;
}

.episode-info {
  margin-left: auto;
  margin-right: auto;
}

.last-episode-container .episode-info h3 {
  font-size: var(--font-size-p)}


@media screen and (min-width: 1200px) {
  .last-episode-container {
    position: relative;
    padding-right: var(--spacing-xl);
    padding-left: var(--spacing-2xl);
  }
}

.green-shape img {
  width: 150px;
  height: 150px;
}

/* .last-episode-container .plyr {
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-xl);
} */

@media screen and (max-width: 1199px) {
  .last-episode-container {
    padding-bottom: var(--spacing-2xl);
    background: var(--light-green);
  }
  .last-episode-container::before {
    content: "";
    display: block;
    width: 100%;
    height: 142px; /* Adapter selon la hauteur du SVG */
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 142" fill="none"><path d="M1440 54.0073V142H0V30.3522C171.088 -22.0599 211.171 3.8806 254.411 31.8639C281.779 49.5753 310.411 68.105 374.324 68.105C409.564 68.105 433.536 61.1416 460.394 53.3399C494.605 43.4025 533.498 32.105 606.324 32.105C631.603 32.105 656.28 39.9888 682.246 48.2848C738.477 66.2501 800.759 86.1486 888.324 32.105C920.353 12.3369 952.843 21.0287 990.572 31.122C1032.94 42.4576 1081.93 55.561 1144.28 32.105C1327.81 -36.9262 1409.27 22.0812 1440 54.0073Z" fill="%23ACBC8A"/></svg>');
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--pale-pink);
  }
}

.newsletter-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: var(--margin-page);
  padding-right: var(--margin-page);
  padding-bottom: var(--spacing-2xl);
  padding-top: var(--spacing-sm);
}
.newsletter-container h2 {
  max-width: 870px;
}

@media screen and (min-width: 960px) {
  .newsletter-container {
    flex-direction: row;
    gap: var(--spacing-3xl);
    /* padding-bottom: var(--spacing-md); */
    padding-bottom: var(--spacing-lg);
    justify-content: space-between;
  }
}
@media screen and (min-width: 1600px) {
  .newsletter-container {
    margin-left: var(--spacing-2xl);
    margin-right: var(--spacing-2xl);
  }
}

/* @media screen and (max-width: 1199px) {
  .newsletter-container br {
    display: none;
  }
} */

.newsletter-form .button {
  background-color: var(--burgundy);
  color: var(--pink);
}

@media screen and (min-width: 1200px) {
  .newsletter-form .button {
    margin: 0 auto;
  }
}

/* .media-player {
  align-self: stretch;
  position: relative;
  display: flex;
  min-width: 240px;
  min-height: 240px;
  align-items: flex-start;
  gap: 10px;
  justify-content: start;
  width: 544px;
  margin: auto 0;
  padding: 76px 228px;
}

.player-background {
  border-radius: 6px;
  background-color: rgba(228, 204, 255, 1);
  align-self: start;
  position: absolute;
  z-index: 0;
  display: flex;
  min-width: 240px;
  width: 544px;
  height: 240px;
  right: 0;
  bottom: 0;
}

.play-button {
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  width: 88px;
  z-index: 1;
  margin: auto 0;
}



.content-section {
  border-radius: 12px;
  background-color: rgba(239, 227, 255, 1);
  margin-top: 25px;
  padding: 16px 168px;
  border: 1px solid rgba(151, 71, 255, 1);
} */

.contact-section::before {
  content: "";
  display: block;
  width: 100%;
  height: 142px; /* Adapter selon la hauteur du SVG */
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 142" fill="none"><path d="M1440 54.0073V142H0V30.3522C171.088 -22.0599 211.171 3.8806 254.411 31.8639C281.779 49.5753 310.411 68.105 374.324 68.105C409.564 68.105 433.536 61.1416 460.394 53.3399C494.605 43.4025 533.498 32.105 606.324 32.105C631.603 32.105 656.28 39.9888 682.246 48.2848C738.477 66.2501 800.759 86.1486 888.324 32.105C920.353 12.3369 952.843 21.0287 990.572 31.122C1032.94 42.4576 1081.93 55.561 1144.28 32.105C1327.81 -36.9262 1409.27 22.0812 1440 54.0073Z" fill="%23FEF2EF"/></svg>');
  background-repeat: no-repeat;
  background-size: cover;
  background-color: var(--light-green);
}

.decoration-2 {
  display: none;
}
.newsletter-section::before {
  content: "";
  display: block;
  width: 100%;
  height: 142px; /* Adapter selon la hauteur du SVG */
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 142" fill="none"><path d="M1440 54.0073V142H0V30.3522C171.088 -22.0599 211.171 3.8806 254.411 31.8639C281.779 49.5753 310.411 68.105 374.324 68.105C409.564 68.105 433.536 61.1416 460.394 53.3399C494.605 43.4025 533.498 32.105 606.324 32.105C631.603 32.105 656.28 39.9888 682.246 48.2848C738.477 66.2501 800.759 86.1486 888.324 32.105C920.353 12.3369 952.843 21.0287 990.572 31.122C1032.94 42.4576 1081.93 55.561 1144.28 32.105C1327.81 -36.9262 1409.27 22.0812 1440 54.0073Z" fill="%23F59D24"/></svg>');
  background-repeat: no-repeat;
  background-size: cover;
  background-color: var(--light-green);
}
.newsletter-section {
  position: relative;
}
@media screen and (min-width: 1199px) {
  .decoration-2 {
    display: block;
  }
  .newsletter-section::before {
    display: none;
  }
}

.episodes-section > * {
  margin-left: var(--spacing-xl);
  margin-right: var(--spacing-xl);
}
.episodes-section article {
  background-color: var(--light-gray);
  border-radius: var(--border-radius);
}

/* @media screen and (min-width:1200px) {
.episodes-section {
padding-bottom: var(--spacing-md);}} */

.episode-info {
  padding: var(--spacing-sm);
}

.episodes-section {
  background-color: var(--light-green);
  /* display: flex;
  align-items: center;
  justify-content: center; */
}

.contact-section > * {
  padding-left: var(--margin-page);
  padding-right: var(--margin-page);
}

.episodes-section::before {
  content: "";
  display: block;
  width: 100%;
  height: 142px; /* Adapter selon la hauteur du SVG */
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 142" fill="none"><path d="M1440 54.0073V142H0V30.3522C171.088 -22.0599 211.171 3.8806 254.411 31.8639C281.779 49.5753 310.411 68.105 374.324 68.105C409.564 68.105 433.536 61.1416 460.394 53.3399C494.605 43.4025 533.498 32.105 606.324 32.105C631.603 32.105 656.28 39.9888 682.246 48.2848C738.477 66.2501 800.759 86.1486 888.324 32.105C920.353 12.3369 952.843 21.0287 990.572 31.122C1032.94 42.4576 1081.93 55.561 1144.28 32.105C1327.81 -36.9262 1409.27 22.0812 1440 54.0073Z" fill="%23acbc8a"/></svg>');
  background-repeat: no-repeat;
  background-size: cover;
  background-color: var(--orange);
}

/* @media screen and (min-width:1199px) {.episode-info {width: var(--spacing-5xl)}} */

.episodes-section h2 {
  text-align: center;
}

.episode-grid {
  align-self: stretch;
  display: flex;
  min-width: 240px;
  align-items: center;
  gap: 40px 56px;
  justify-content: center;
  flex-wrap: wrap;
}
.episode-grid .grid {
  grid-gap: var(--spacing-xl);
}
@media screen and (min-width: 1200px) {
  .episode-grid .grid {
    grid-gap: var(--spacing-lg);
  }
}

@media screen and (min-width: 1600px) {
  .episode-grid .grid {
    grid-gap: var(--spacing-xl);
  }
}

.episode-card {
  align-self: stretch;
  display: flex;
  min-width: 240px;
  flex-direction: column;
  justify-content: start;
  width: 320px;
  margin: auto 0;
}

.episodes-section button {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media screen and (max-width: 960px) {
  .support-text {
    margin-top: var(--spacing-md);
  }
  .episode-grid .column {
    max-width: 400px;
    margin: auto;
  }
}

.column {
  display: flex;
}

.note-excerpt {
  flex: 1; /* prend toute la hauteur disponible */
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 960px) {
  .hero-section .button {
    margin-bottom: 2rem;
  }
  .support-section .flex-r,
  .contact-section .flex-r {
    flex-direction: column;
  }
}

.footer::before,
.footer {
  background-color: var(--pale-pink);
}



.featured-article .note-excerpt {background: none;}
.featured-article .episode-info {padding:0 !important;}

.plyr {
  margin-top: var(--spacing-2xs);
  margin-bottom: var(--spacing-3xs);}