/* ====== Styles SCOPÉS au container .ccap-audio-shortcode ====== */
.ccap-audio-shortcode { font-family: 'Montserrat', sans-serif; color: #000; }

/* Liste d'articles (cartes cliquables) */
.ccap-audio-shortcode .ccap-post-list { display:flex; flex-direction:column; gap:22px; margin-bottom:22px; }

/* Carte article */
.ccap-audio-shortcode .ccap-post-item {
  position: relative;
  border-radius: 15px;           /* arrondis 15px partout */
  overflow: hidden;
  background: transparent;
  transition: background-color .25s ease;
}
.ccap-audio-shortcode .ccap-post-item:hover { background: #e3e3ef; }

/* Ancre plein-cadre (toute la carte cliquable) */
.ccap-audio-shortcode .ccap-post-item .ccap-full-click{
  position:absolute; inset:0; z-index:1; display:block;
}
/* Le contenu interactif (player, titres) au-dessus de l'ancre */
.ccap-audio-shortcode .ccap-post-item .ccap-image-container,
.ccap-audio-shortcode .ccap-post-item .right-col,
.ccap-audio-shortcode .ccap-post-item .ccap-hero-overlay { position: relative; z-index: 2; }

/* ========= HÉRO ========= */
.ccap-audio-shortcode .ccap-post-item-first .ccap-image-container {
  position: relative !important; aspect-ratio: 16/9; border-radius: 15px; overflow: hidden !important;
}
.ccap-audio-shortcode .ccap-post-item-first .ccap-image-container img {
  position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important;
  object-fit: cover !important; z-index: 1 !important;
}
/* Overlay bas-gauche dans l'image */
.ccap-audio-shortcode .ccap-hero-overlay{
  position: absolute !important; inset: 0 !important; z-index: 9 !important;
  display: flex !important; flex-direction: column !important; gap: 10px !important;
  justify-content: flex-end !important; align-items: flex-start !important;
  padding: 18px !important;
  background: linear-gradient(to top, rgba(0,0,0,.55) 0%, rgba(0,0,0,.28) 35%, rgba(0,0,0,0) 70%) !important;
}
.ccap-audio-shortcode .ccap-hero-overlay .cgap-audio{
  display: block !important; place-items: initial !important; justify-items: start !important; align-items: start !important;
  margin: 0 0 8px 0 !important;
}
.ccap-audio-shortcode .ccap-title-hero{
  margin: 0 !important; font-weight: 800 !important; font-size: 24px !important; line-height: 1.2 !important; color: #fff !important;
}
.ccap-audio-shortcode .ccap-title-hero a{ color: inherit !important; text-decoration: none !important; }

/* Extrait HÉRO sous le bloc image */
.ccap-audio-shortcode .hero-excerpt-wrapper { margin-top: 10px; }
.ccap-audio-shortcode .hero-excerpt { margin: 0; font-size: 0.95rem; line-height: 1.5; color: #000; }

/* Infos Interview */
.ccap-audio-shortcode .interview-name { font-weight: 700; font-size: 13px; margin: 8px 0 4px; color: #0000DE; }
.ccap-audio-shortcode .interview-info { font-size: 11px; font-weight: 400; margin: 0; color: #000; }
.ccap-audio-shortcode .interview-info .org { font-weight: 600; font-style: italic; }

/* ========= AUTRES ARTICLES (2 colonnes) ========= */
.ccap-audio-shortcode .ccap-post-item-others {
  display: grid; grid-template-columns: 30% 1fr; gap: 18px; align-items: center;
  border-radius: 15px;
}
.ccap-audio-shortcode .ccap-post-item-others .left-col { position: relative; aspect-ratio: 1/1; }
.ccap-audio-shortcode .ccap-post-item-others .left-col img,
.ccap-audio-shortcode .ccap-post-item-others .left-col .ccap-image-wrap img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius: 15px;
}

/* Colonne droite : bouton AU-DESSUS du titre, aligné à gauche */
.ccap-audio-shortcode .ccap-post-item-others .right-col {
  display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 6px !important; justify-content: center !important;
}
.ccap-audio-shortcode .ccap-post-item-others .right-col .cgap-audio{
  display: block !important; place-items: initial !important; justify-items: start !important; align-items: start !important;
  margin: 0 0 6px 0 !important;
}
/* Masquer label et durée dans la LISTE (icône seule) */
.ccap-audio-shortcode .ccap-post-item-others .right-col .ccap-list-btn .cgap-label,
.ccap-audio-shortcode .ccap-post-item-others .right-col .ccap-list-btn .cgap-total-min{ display: none !important; }

.ccap-audio-shortcode .ccap-post-item-others .ccap-title {
  margin: 0 !important; font-weight: 800 !important; font-size: 19px !important; letter-spacing: -0.3px !important; color: #000 !important;
}
.ccap-audio-shortcode .ccap-post-item-others .ccap-title a { text-decoration: none !important; color: inherit !important; }

/* ========= Bouton Voir plus ========= */
.ccap-audio-shortcode .ccap-more-container { text-align: center; margin-top: 18px; }
.ccap-audio-shortcode .ccap-load-more-btn {
  background-color: #0000DE; color: #fff; border: none; padding: 12px 20px; border-radius: 15px; cursor: pointer; font-weight: 700;
}
.ccap-audio-shortcode .ccap-load-more-btn[disabled] { opacity: 0.7; cursor: not-allowed; }

/* ========= Responsive ========= */
@media (max-width: 767px) {
  .ccap-audio-shortcode .ccap-title-hero { font-size: 20px !important; }
  .ccap-audio-shortcode .ccap-post-item-others { grid-template-columns: 34% 1fr; gap: 14px; }
  .ccap-audio-shortcode .ccap-post-item-others .ccap-title { font-size: 17px !important; }
}


/* Toute la carte cliquable */
.ccap-audio-shortcode .ccap-post-item { position: relative; border-radius: 15px; overflow: hidden; background: transparent; transition: background-color .25s ease; }
.ccap-audio-shortcode .ccap-post-item:hover { background: #e3e3ef; }

/* Ancre plein-cadre SOUS le contenu interactif */
.ccap-audio-shortcode .ccap-post-item .ccap-full-click{
  position:absolute; inset:0; z-index:1; display:block;
}

/* Le contenu (image, overlay, colonne droite) passe DEVANT l’ancre */
.ccap-audio-shortcode .ccap-post-item .ccap-image-container,
.ccap-audio-shortcode .ccap-post-item .right-col,
.ccap-audio-shortcode .ccap-post-item .ccap-hero-overlay {
  position: relative; z-index: 2;
}

/* Le bouton du player DOIT rester cliquable au-dessus de tout */
.ccap-audio-shortcode .cgap-audio .cgap-btn{
  position: relative;
  z-index: 5;              /* > ancre plein-cadre (z=1) et > contenus (z=2) */
  pointer-events: auto;    /* s’assure que le clic lui revient */
}

/* (rappels arrondis 15px) */
.ccap-audio-shortcode .ccap-post-item-first .ccap-image-container,
.ccap-audio-shortcode .ccap-post-item-first .ccap-image-container img,
.ccap-audio-shortcode .ccap-post-item-others,
.ccap-audio-shortcode .ccap-post-item-others .left-col img { border-radius: 15px !important; }