/* v1.2.464 : lecteurs tiers apres consentement uniquement, tous les medias. */
.vmc-media-consent{position:relative;width:100%;max-width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#192837,#253e4f);color:#fff;box-sizing:border-box;isolation:isolate}
.vmc-media-consent *{box-sizing:border-box}
.vmc-media-consent__inner{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px;padding:clamp(10px,3vw,26px);overflow-y:auto}
.vmc-media-consent__play{display:grid;place-items:center;width:54px;height:54px;min-height:54px;border-radius:50%;background:#e22f29;color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.2);font-size:22px;padding-left:4px}
.vmc-media-consent__title{color:#fff!important;font-weight:700;font-size:clamp(14px,2vw,18px);line-height:1.35;margin:0!important}
.vmc-media-consent__notice{color:#e8eef1!important;max-width:520px;font-size:clamp(11px,1.5vw,13px);line-height:1.4;margin:0!important}
.vmc-media-consent__button{color:#1a3341;background:#fff;border:0;border-radius:30px;padding:10px 16px;font:inherit;font-weight:700;font-size:clamp(11px,1.5vw,14px);cursor:pointer;line-height:1.35;max-width:100%;white-space:normal}
.vmc-media-consent__button:hover,.vmc-media-consent__button:focus-visible{background:#e7f5f2;color:#193944;outline:2px solid #fff;outline-offset:3px}
.vmc-media-consent__link{color:#d7f0ff!important;text-decoration:underline;font-size:12px}
.vmc-media-consent--playing{background:#101010}
.vmc-media-consent--playing iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:480px){.vmc-media-consent{aspect-ratio:4/3;min-height:260px}.vmc-media-consent__inner{gap:7px;padding:10px}.vmc-media-consent__play{width:36px;height:36px;min-height:36px;font-size:16px}.vmc-media-consent--playing{aspect-ratio:16/9;min-height:0}}
/* Les anciens wrappers video 16:9 deviennent assez hauts pour le message mobile. */
@media(max-width:480px){
  .vmc-rankings-video-player:has(>.vmc-media-consent:not(.vmc-media-consent--playing)),
  .vmc-gr-video-frame:has(.vmc-media-consent:not(.vmc-media-consent--playing)),
  .vmc-mr-video-frame:has(.vmc-media-consent:not(.vmc-media-consent--playing)),
  .wp-block-embed__wrapper:has(.vmc-media-consent:not(.vmc-media-consent--playing)){
    aspect-ratio:auto!important;min-height:260px;height:auto!important;
  }
}

/* v1.2.473 — le style du bouton doit primer sur les boutons génériques
   de .vmc-content (articles et descriptions des fiches). */
.vmc-media-consent button.vmc-media-consent__button {
  display: inline-flex;
  flex: 0 1 auto;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: 100%;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 10px 16px;
  border: 0;
  border-radius: 30px;
  background: #fff;
  color: #1a3341;
  font-family: inherit;
  font-size: clamp(11px,1.5vw,14px);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: normal;
  text-transform: none;
  box-shadow: none;
  white-space: normal;
}
.vmc-media-consent button.vmc-media-consent__button:hover,
.vmc-media-consent button.vmc-media-consent__button:focus-visible {
  background: #e7f5f2;
  color: #193944;
}
/* Le mode sombre utilise un bouton:not(...) !important : isoler la dérogation
   au consentement, sans altérer les autres boutons du thème. */
html[data-vmc-theme="dark"] .vmc-media-consent button.vmc-media-consent__button {
  background: #fff !important;
  color: #1a3341 !important;
  border-color: transparent !important;
}
html[data-vmc-theme="dark"] .vmc-media-consent button.vmc-media-consent__button:hover,
html[data-vmc-theme="dark"] .vmc-media-consent button.vmc-media-consent__button:focus-visible {
  background: #e7f5f2 !important;
  color: #193944 !important;
}