.elementor-4476 .elementor-element.elementor-element-568acd0{--display:flex;}.elementor-4476 .elementor-element.elementor-element-dbc8250{--display:flex;}.elementor-4476 .elementor-element.elementor-element-dbc8250:not(.elementor-motion-effects-element-type-background), .elementor-4476 .elementor-element.elementor-element-dbc8250 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ADD0DE;}.elementor-4476 .elementor-element.elementor-element-4b5bceb{--display:flex;}.elementor-4476 .elementor-element.elementor-element-4b5bceb:not(.elementor-motion-effects-element-type-background), .elementor-4476 .elementor-element.elementor-element-4b5bceb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#100808;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4476 .elementor-element.elementor-element-c3100ae{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-4476 .elementor-element.elementor-element-c3100ae .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-4476 .elementor-element.elementor-element-c3100ae:after{content:"0.66";}.elementor-4476 .elementor-element.elementor-element-c3100ae .elementor-post__thumbnail__link{width:100%;}.elementor-4476 .elementor-element.elementor-element-c3100ae .elementor-post__meta-data span + span:before{content:"///";}.elementor-4476 .elementor-element.elementor-element-c3100ae.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-4476 .elementor-element.elementor-element-c3100ae.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-4476 .elementor-element.elementor-element-c3100ae.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-4476 .elementor-element.elementor-element-c3100ae .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-4476 .elementor-element.elementor-element-c3100ae .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-4476 .elementor-element.elementor-element-c3100ae .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-4476 .elementor-element.elementor-element-c3100ae .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-4476 .elementor-element.elementor-element-c3100ae .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-4476 .elementor-element.elementor-element-b82d98e{--display:flex;}@media(max-width:767px){.elementor-4476 .elementor-element.elementor-element-c3100ae{--grid-row-gap:0px;}.elementor-4476 .elementor-element.elementor-element-c3100ae .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-4476 .elementor-element.elementor-element-c3100ae:after{content:"0.5";}.elementor-4476 .elementor-element.elementor-element-c3100ae .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-4476 .elementor-element.elementor-element-568acd0{--content-width:80%;}.elementor-4476 .elementor-element.elementor-element-4b5bceb{--content-width:100%;}}/* Start custom CSS for posts, class: .elementor-element-c3100ae */.grille-poad .elementor-post__thumbnail {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7aa3a32 *//* Grille responsive */
.ssp-podcast-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

/* Carte */
.ssp-podcast-card{
  display:flex;
  align-items:flex-start;
  background:#fff;
  padding:10px;
  border-radius:12px;
  box-shadow:0 2px 8px rgba(0,0,0,0.1);
  height:150px; /* ajustable */
  overflow:hidden; /* bloque tout débordement */
  max-width:100%; /* important */
  box-sizing:border-box; /* inclut padding dans largeur */
}

/* Image + bouton */
.ssp-img-wrapper{
  flex-shrink:0; /* pas rétrécir l’image */
  width:120px;
  height:120px;
  border-radius:10px;
  overflow:hidden;
  margin-right:15px;
  display:flex;
  justify-content:center;
  align-items:center;
}


.ssp-img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* Bouton Play centré */
.ssp-play-btn{
  position:absolute;
  width:50px;
  height:50px;
  border-radius:50%;
  border:none;
  background:#ff5500;
  color:#fff;
  font-size:20px;
  cursor:pointer;
  display:flex;
  justify-content:center;
  align-items:center;
  transition: opacity 0.2s;
}
.ssp-play-btn:hover{
  opacity:0.8;
}

/* Info droite */
.ssp-info{
  flex-grow:1;
  min-width:0; /* très important pour empêcher débordement horizontal dans flex */
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
}

/* Conteneur titres */
.ssp-titles{
  display:flex;
  flex-direction:column;
  margin-bottom:5px;
  overflow:hidden;
  min-width:0; /* empêche débordement du texte */
}

/* Titre podcast : 1 ligne + ellipsis */
.ssp-podcast-title{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Titre épisode : max 4 lignes + ellipsis */

.ssp-episode-title{
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Player */
.ssp-player{
  display:flex;
  align-items:center;
  gap:10px;
}

/* Barre de progression stylée */
.ssp-progress {
  -webkit-appearance: none;
  width:100%;
  height:6px;
  border-radius:6px;
  background:#ddd;
  cursor:pointer;
  margin-bottom:5px !important;
}

.ssp-progress::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#ff5500;
  border:2px solid #fff;
  margin-top:-5px;
  cursor:pointer;
}

.ssp-progress::-moz-range-thumb {
  width:16px;
  height:16px;
  border-radius:50%;
  background:#ff5500;
  border:2px solid #fff;
  cursor:pointer;
}

/* Track rempli dynamique */
.ssp-progress::-webkit-slider-runnable-track {
  height:6px;
  border-radius:6px;
  background: linear-gradient(to right, #ff5500 0%, #ff5500 var(--progress,0%), #ddd var(--progress,0%), #ddd 100%);
}

/* Responsive */
@media screen and (max-width:1024px){
  .ssp-podcast-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media screen and (max-width:568px){
  .ssp-podcast-grid{
    grid-template-columns:1fr;
  }
  
  .ssp-play-btn{
    width:40px; /* un peu plus grand pour rester visible */
    height:40px;
    top:50%;  /* centré verticalement */
    left:50%; /* centré horizontalement */
    transform: translate(-50%, -50%); /* centre exact */
    z-index:10; /* toujours au dessus de l'image */
  }
  .ssp-play-btn svg{
   width:32px;
   height:32px;
   fill:#fff;
 }
  .ssp-img-wrapper{
    width:100px;
    height:100px;
    position:relative; /* nécessaire pour bouton absolu */
  }
}/* End custom CSS */