/* UNPNC 0.9.424 — Vidéothèque éditoriale, isolée des autres vues. */
.unpnc-app .unpnc-news-video-entry {
  box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:20px;
  width:100%;max-width:1180px;margin:0 0 28px;padding:21px 24px;
  border:1px solid rgba(112,207,244,.28);border-left:5px solid #EB610B;border-radius:18px;
  background:linear-gradient(115deg,#003264 0%,#075182 100%);color:#fff;
  box-shadow:0 15px 34px rgba(0,50,100,.14);
}
.unpnc-app .unpnc-news-video-entry-copy {display:grid;gap:6px;min-width:0}
.unpnc-app .unpnc-news-video-entry-copy strong {font-size:clamp(17px,2vw,23px);line-height:1.2;color:#fff}
.unpnc-app .unpnc-news-video-entry-copy span {color:#d8ebf6;font-size:13px;line-height:1.5}
.unpnc-app button.unpnc-news-video-entry-button {
  flex:0 0 auto;min-height:46px;padding:11px 19px;border:1px solid rgba(255,255,255,.6);
  border-radius:11px;background:#fff;color:#003264;font:inherit;font-weight:850;
  letter-spacing:.015em;cursor:pointer;transition:background .2s ease,transform .2s ease;
}
.unpnc-app button.unpnc-news-video-entry-button:hover {background:#edf7ff;transform:translateY(-2px)}
.unpnc-app button.unpnc-news-video-entry-button:focus-visible {outline:3px solid #EB610B;outline-offset:3px}

.unpnc-app .unpnc-videos-page {box-sizing:border-box;max-width:1180px;width:100%;margin:0 auto;padding:0 0 28px}
.unpnc-app .unpnc-videos-page .unpnc-page-head {margin-bottom:24px}
.unpnc-app .unpnc-videos-intro {
  display:flex;align-items:center;gap:22px;padding:22px 25px;margin-bottom:24px;
  border-radius:20px;background:linear-gradient(118deg,#003264 0%,#075080 85%);
  color:#fff;box-shadow:0 18px 32px rgba(0,50,100,.16);
}
.unpnc-app .unpnc-videos-intro-marker {
  flex:0 0 72px;display:grid;place-items:center;width:72px;height:72px;
  border:1px solid rgba(255,255,255,.34);border-radius:20px;
  background:rgba(255,255,255,.12);color:#fff;font-size:30px;
}
.unpnc-app .unpnc-videos-intro-copy {min-width:0;flex:1 1 auto}
.unpnc-app .unpnc-videos-intro-copy strong {font-size:clamp(19px,2.2vw,27px);line-height:1.25;color:#fff}
.unpnc-app .unpnc-videos-intro-copy p {margin:7px 0 0;max-width:640px;font-size:13px;line-height:1.6;color:#dcecf8}
.unpnc-app button.unpnc-videos-back {
  min-height:44px;padding:10px 17px;flex:0 0 auto;cursor:pointer;
  border:1px solid rgba(255,255,255,.48);border-radius:11px;
  background:rgba(255,255,255,.1);color:#fff;font:inherit;font-size:13px;font-weight:800;
}
.unpnc-app button.unpnc-videos-back:hover {background:rgba(255,255,255,.2)}
.unpnc-app button.unpnc-videos-back:focus-visible {outline:3px solid #EB610B;outline-offset:3px}
.unpnc-app .unpnc-videos-filters {
  box-sizing:border-box;display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.43fr) minmax(140px,.36fr) auto;
  align-items:center;gap:11px;padding:14px;margin-bottom:27px;
  border:1px solid #d2e0ea;border-radius:15px;background:#e8f1f6;
}
.unpnc-app .unpnc-videos-search {display:block;min-width:0}
.unpnc-app .unpnc-videos-filters input,
.unpnc-app .unpnc-videos-filters select {
  box-sizing:border-box;width:100%;min-width:0;height:45px;padding:0 13px;
  border:1px solid #bfd3e1;border-radius:10px;background:#fff;color:#003264;
  font:inherit;font-size:13px;
}
.unpnc-app button.unpnc-videos-reset {
  height:45px;padding:0 15px;border:1px solid #bfd3e1;border-radius:10px;
  background:#fff;color:#003264;font:inherit;font-size:12px;font-weight:750;cursor:pointer;
}
.unpnc-app .unpnc-videos-filters :is(input,select,button):focus-visible {outline:3px solid #EB610B;outline-offset:2px}
.unpnc-app .unpnc-videos-heading {display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:16px}
.unpnc-app .unpnc-videos-heading h2 {
  margin:0;padding-left:13px;border-left:4px solid #EB610B;color:var(--unpnc-navy,#003264);
  font-size:clamp(22px,2.6vw,28px);line-height:1.2;
}
.unpnc-app .unpnc-videos-count {font-size:12px;font-weight:750;color:var(--unpnc-muted,#516d7e)}
.unpnc-app .unpnc-videos-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px}
.unpnc-app .unpnc-video-card {
  box-sizing:border-box;display:flex;flex-direction:column;min-width:0;overflow:hidden;
  border:1px solid #d4e2eb;border-radius:18px;background:#fff;color:#003264;
  box-shadow:0 15px 28px rgba(0,40,75,.09);transition:transform .2s ease,box-shadow .2s ease;
}
.unpnc-app .unpnc-video-card:hover {transform:translateY(-3px);box-shadow:0 20px 32px rgba(0,40,75,.14)}
.unpnc-app .unpnc-video-card.is-spotlight {grid-column:span 2}
.unpnc-app .unpnc-video-card-media {position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(145deg,#06253f,#003264)}
.unpnc-app .unpnc-video-card-media video,
.unpnc-app .unpnc-video-card-media .unpnc-video-cover {
  box-sizing:border-box;display:block;width:100%;height:100%;border:0;
}
.unpnc-app .unpnc-video-card-media video {object-fit:contain;background:#051d32}
.unpnc-app .unpnc-video-cover {position:relative;overflow:hidden;text-decoration:none;background:radial-gradient(circle at 50% 40%,#125a8c,#052841)}
.unpnc-app .unpnc-video-cover img {display:block;width:100%;height:100%;object-fit:contain}
.unpnc-app .unpnc-video-cover-play {
  position:absolute;top:50%;left:50%;display:grid;place-items:center;
  width:68px;height:68px;border:1px solid rgba(255,255,255,.75);border-radius:50%;
  background:rgba(0,50,100,.84);color:#fff;font-size:29px;line-height:1;
  transform:translate(-50%,-50%);box-shadow:0 10px 30px rgba(0,0,0,.26);
}
.unpnc-app .unpnc-video-cover:focus-visible {outline:3px solid #EB610B;outline-offset:-3px}
.unpnc-app .unpnc-video-card-info {display:flex;flex:1 1 auto;flex-direction:column;gap:13px;padding:20px}
.unpnc-app .unpnc-video-card-meta {display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;color:#587288}
.unpnc-app .unpnc-video-card-badge {padding:5px 10px;border-radius:7px;background:#e7f4fa;color:#003264;font-size:10px;font-weight:900;letter-spacing:.09em}
.unpnc-app .unpnc-video-card-info h2 {margin:0;color:#003264;font-size:clamp(16px,1.5vw,21px);line-height:1.35;overflow-wrap:anywhere}
.unpnc-app .unpnc-video-card.is-spotlight .unpnc-video-card-info h2 {font-size:clamp(20px,2.1vw,28px)}
.unpnc-app .unpnc-video-card-link {
  display:inline-flex;align-items:center;align-self:flex-start;min-height:42px;
  padding:9px 14px;margin-top:auto;border:1px solid rgba(0,50,100,.3);
  border-radius:9px;background:#003264;color:#fff!important;text-decoration:none;
  font-size:12px;font-weight:800;
}
.unpnc-app .unpnc-video-card-link:hover {background:#075182;color:#fff!important}
.unpnc-app .unpnc-video-card-link:focus-visible {outline:3px solid #EB610B;outline-offset:2px}
.unpnc-app .unpnc-videos-empty {grid-column:1/-1;padding:32px 20px;border:1px dashed #9ebccd;border-radius:15px;background:#f1f8fc;color:#003264;text-align:center;line-height:1.6}
.unpnc-app button.unpnc-videos-more {
  display:block;min-height:46px;margin:26px auto 0;padding:10px 22px;cursor:pointer;
  border:1px solid #003264;border-radius:10px;background:#003264;color:#fff;font:inherit;font-size:13px;font-weight:800;
}
.unpnc-app button.unpnc-videos-more[hidden] {display:none!important}
.unpnc-app button.unpnc-videos-more:hover {background:#075182}
.unpnc-app button.unpnc-videos-more:disabled {opacity:.6;cursor:wait}
.unpnc-app button.unpnc-videos-more:focus-visible {outline:3px solid #EB610B;outline-offset:3px}
@media (max-width:1100px) {
  .unpnc-app .unpnc-videos-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
  .unpnc-app .unpnc-videos-filters {grid-template-columns:minmax(180px,1fr) minmax(145px,.7fr)}
  .unpnc-app .unpnc-videos-intro {flex-wrap:wrap}
  .unpnc-app button.unpnc-videos-back {margin-left:auto}
}
@media (max-width:650px) {
  .unpnc-app .unpnc-news-video-entry {padding:18px;flex-direction:column;align-items:stretch;gap:15px}
  .unpnc-app button.unpnc-news-video-entry-button {width:100%}
  .unpnc-app .unpnc-videos-page {padding-bottom:38px}
  .unpnc-app .unpnc-videos-intro {gap:13px;padding:17px;border-radius:16px}
  .unpnc-app .unpnc-videos-intro-marker {flex-basis:50px;width:50px;height:50px;border-radius:13px;font-size:23px}
  .unpnc-app .unpnc-videos-intro-copy {flex-basis:calc(100% - 70px)}
  .unpnc-app button.unpnc-videos-back {width:100%;margin:0}
  .unpnc-app .unpnc-videos-filters {grid-template-columns:minmax(0,1fr);gap:9px;padding:11px}
  .unpnc-app .unpnc-videos-grid {grid-template-columns:minmax(0,1fr);gap:16px}
  .unpnc-app .unpnc-video-card.is-spotlight {grid-column:auto}
  .unpnc-app .unpnc-video-card-info {padding:15px}
}
@media (prefers-reduced-motion:reduce) {
  .unpnc-app .unpnc-video-card,.unpnc-app button.unpnc-news-video-entry-button {transition:none}
  .unpnc-app .unpnc-video-card:hover,.unpnc-app button.unpnc-news-video-entry-button:hover {transform:none}
}