/* ── ExoClick — interstitiel plein ecran servant une crea native ──
   Renderer "fullpage-interstitial" d'ad-provider.js (markup .ex-over-top >
   .ex-over-front > .ex-over-btn-container + .ex-over-inner-container), zones
   « ExoClick Desktop Interstitial 5986928 » et « ExoClick Mobile Fullpage
   5986848 » du spot KVS `pop`.

   Bug cote ad-provider.js : apres avoir mis .ex-over-inner-container a 100%,
   il le REFIGE en inline a la taille du premier media trouve dedans —
   querySelector('iframe, video, img:not([src^="data:image/svg+xml"])').
   Sur une crea native ce premier media n'est pas le widget : les vignettes
   sont des div a background-image, et le seul <video>/<img> du DOM est celui,
   cache, de .video-thumb-wrapper du 1er item. Le conteneur est donc fige a la
   largeur d'UNE vignette (230px = image_width de la zone). Le widget, en
   width:calc(image_width*cols) + max-width:100%, se replie dans ces 230px et
   ses 5 colonnes (flex-basis:calc(100%/cols)) tombent a ~46px chacune.

   La mesure est reappliquee en inline toutes les 100 ms tant que la largeur
   bouge, plus au resize et a l'orientationchange : seul !important, qui bat le
   style inline, tient dans la duree. Un MutationObserver JS ne ferait que
   courir apres la boucle.

   Garde :has(> .exo-native-widget) : sur une crea banniere/image/video le
   calcul d'ExoClick est correct (il preserve le ratio), et forcer 100% y
   etirerait un 300x250 en plein ecran. */

.ex-over-top .ex-over-inner-container:has(> .exo-native-widget) {
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: 100% !important;
	overflow: auto !important;
}

/* Le widget garde sinon sa largeur nominale (cols x 230px) et laisse une bande
   vide a droite, decalee par rapport au bouton de fermeture. Retirer cette
   seule regle = revenir aux vignettes de 230px voulues par la zone. */
.ex-over-top .ex-over-inner-container:has(> .exo-native-widget) > .exo-native-widget {
	width: 100% !important;
}

/* La croix de fermeture est positionnee par la largeur inline de
   .ex-over-btn-container, figee elle aussi a 230px : sans ca elle reste plantee
   au milieu du widget au lieu de son coin haut-droit. */
.ex-over-top .ex-over-front:has(.exo-native-widget) .ex-over-btn-container {
	width: 100% !important;
}

/* ExoClick impose width/height 100% + bordure blanche de 4px a tout img/video
   du conteneur — pense pour une banniere, applique ici a la preview video des
   vignettes natives, qui est en position:absolute + object-fit:cover.
   :not(#exo) ne cible rien : il n'est la que pour ajouter un cran de
   specificite d'ID et battre le « #ad_<zone> .ex-over-inner-container video
   { … !important } » d'ExoClick, a specificite egale sinon. */
.ex-over-top .ex-over-inner-container:not(#exo) .video-thumb-wrapper > img,
.ex-over-top .ex-over-inner-container:not(#exo) .video-thumb-wrapper > video {
	width: calc(100% + 2px) !important;
	height: calc(100% + 2px) !important;
	border: 0 !important;
}