/* CEN V152.15 — création simple d'activités par lien vidéo. */
.activity-video-link-box{
  margin:8px 0 4px!important;
  padding:20px!important;
  border:2px solid #b7d8c2!important;
  border-left:7px solid #178744!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#f4fbf6,#fffdf3)!important;
  box-shadow:0 10px 26px rgba(12,83,47,.08)!important;
}
.activity-video-link-box legend{
  padding:0 10px!important;
  color:#073f25!important;
  font-size:1.08rem!important;
  font-weight:900!important;
}
.activity-video-link-box legend span{
  display:inline-grid!important;
  width:30px!important;
  height:30px!important;
  margin-right:7px!important;
  place-items:center!important;
  border-radius:50%!important;
  color:#fff!important;
  background:#168744!important;
  font-size:.78rem!important;
}
.activity-video-link-box label{color:#123d27!important;font-weight:850!important}
.activity-video-link-box input[type="url"]{
  min-height:52px!important;
  margin-top:8px!important;
  border:2px solid #86b99a!important;
  border-radius:12px!important;
  background:#fff!important;
  font-size:1rem!important;
}
.activity-video-link-box input[type="url"]:focus{
  border-color:#168744!important;
  box-shadow:0 0 0 4px rgba(22,135,68,.13)!important;
}
.activity-video-link-box p{margin:10px 0 7px!important;color:#426151!important;font-size:.9rem!important}
.activity-video-link-status{
  display:inline-flex!important;
  align-items:center!important;
  min-height:31px!important;
  padding:6px 10px!important;
  border-radius:9px!important;
  color:#355445!important;
  background:#e9f3ed!important;
  font-size:.82rem!important;
  font-weight:800!important;
}
.activity-video-link-status.is-valid{color:#075e2c!important;background:#dff5e7!important}
.activity-video-link-status.is-invalid{color:#8b261c!important;background:#fff0ed!important}

/* V152.16 — les liens vidéo disposent enfin de leur vraie rubrique publique. */
.cen-home-videos{align-self:start}
.cen-home-videos,.cen-home-videos+.payment-box{grid-column:1/-1}
.cen-video-section-heading{display:grid;gap:4px;margin-bottom:18px}
.cen-video-section-heading h2{margin:.15em 0;color:#063762}
.cen-video-section-heading p{margin:0;color:#496879}
.public-video-activity-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 12px;border:1px solid #b9d3e3;border-radius:11px;color:#075b91!important;font-weight:850;text-decoration:none}
.public-video-activity-link:hover,.public-video-activity-link:focus-visible{background:#eaf4fa;border-color:#5f9fc4}
.cen-home-videos .public-video-card video{display:block;width:100%;min-height:240px;max-height:360px;border:0;background:#071d33;object-fit:contain}

.youtube-media-label{
  min-height:150px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:16px!important;
  border-radius:12px!important;
  color:#fff!important;
  background:linear-gradient(145deg,#063b65,#08703d)!important;
  text-align:center!important;
}
.youtube-media-label>span{display:grid!important;width:48px!important;height:48px!important;place-items:center!important;border-radius:50%!important;background:#f4c928!important;color:#063b65!important}
.youtube-media-label>a{color:#fff!important;font-weight:800!important;text-decoration:underline!important;text-underline-offset:3px!important}

.cen-activity-image-link:has(.cen-activity-video-placeholder),
.public-gallery-media:has(.cen-activity-video-placeholder){
  display:grid!important;
  min-height:210px!important;
  padding:0!important;
  place-items:center!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 78% 18%,rgba(245,201,40,.24),transparent 28%),
    linear-gradient(145deg,#052f57,#075b69 58%,#0c743f)!important;
  text-decoration:none!important;
}
.cen-activity-video-placeholder{
  width:100%!important;
  height:100%!important;
  min-height:210px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  color:#fff!important;
  text-align:center!important;
}
.cen-video-play{
  display:grid!important;
  width:72px!important;
  height:72px!important;
  padding-left:4px!important;
  place-items:center!important;
  border:3px solid rgba(255,255,255,.9)!important;
  border-radius:50%!important;
  color:#052f57!important;
  background:#f5cb2a!important;
  box-shadow:0 14px 30px rgba(0,0,0,.24)!important;
  font-size:1.65rem!important;
}
.cen-activity-video-placeholder strong{margin-top:5px!important;color:#fff!important;font-size:1.05rem!important;letter-spacing:.14em!important}
.cen-activity-video-placeholder small{color:#ffe36e!important;font-size:.82rem!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important}

@media (max-width:620px){
  .activity-video-link-box{padding:15px!important;border-radius:14px!important}
  .activity-video-link-box legend{font-size:.98rem!important}
  .activity-video-link-box input[type="url"]{min-height:50px!important;font-size:16px!important}
  .cen-activity-video-placeholder,.cen-activity-image-link:has(.cen-activity-video-placeholder){min-height:175px!important}
  .cen-video-play{width:62px!important;height:62px!important;font-size:1.35rem!important}
}