/* F2IN Accueil 2.20.0 : section « Vidéo et actualités » de l'accueil */
.f2in-mv { --vert: #005c45; --vert-f: #00402f; --vif: #00993c; --or: #f6b91e; --orange: #ea5323; --bleu: #3169b1; --gris: #545a6b; --ligne: #e3ebe7; position: relative; padding: clamp(56px, 7vw, 104px) clamp(16px, 4vw, 56px); background: #eef6f2; font-family: Lato, system-ui, sans-serif; color: #1a1a2e; }
.f2in-mv__wrap { max-inline-size: 1240px; margin-inline: auto; display: flex; flex-direction: column; gap: clamp(40px, 5vw, 64px); }

/* En-tête : mêmes classes et même style que « Le forum » (hero.css) */
.f2in-mv .f2in-forum__texte { color: #33384a; }

.f2in-mv__grille { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 32px; align-items: stretch; }

/* Vidéo */
.f2in-mv__video { display: flex; flex-direction: column; gap: 16px; margin: 0; min-inline-size: 0; }
.f2in-mv__ecran { position: relative; aspect-ratio: 16 / 9; border-radius: 18px; overflow: hidden; background: var(--vert-f); box-shadow: 0 30px 60px -30px rgba(0, 41, 30, .55); }
.f2in-mv .f2in-mv__apercu { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-inline-size: none; object-fit: cover; }
.f2in-mv__voile { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 41, 30, .05) 40%, rgba(0, 41, 30, .65) 100%); pointer-events: none; }
.f2in-mv__badge { position: absolute; inset-block-start: 18px; inset-inline-start: 18px; padding: 7px 12px; border-radius: 999px; background: var(--or); color: var(--vert-f); font: 800 12px/1 Montserrat, sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.f2in-mv .f2in-mv__lire { position: absolute; inset-inline-start: 50%; inset-block-start: 50%; display: grid; place-items: center; inline-size: 92px; block-size: 92px; margin: -46px 0 0 -46px; padding: 0; border: 0; border-radius: 50%; background: var(--or); color: var(--vert-f); cursor: pointer; box-shadow: 0 0 0 12px rgba(246, 185, 30, .28), 0 18px 40px -12px rgba(0, 0, 0, .5); transition: transform .25s, box-shadow .25s; }
.f2in-mv .f2in-mv__lire:hover, .f2in-mv .f2in-mv__lire:focus-visible { background: var(--or); color: var(--vert-f); transform: scale(1.07); box-shadow: 0 0 0 16px rgba(246, 185, 30, .32), 0 18px 40px -12px rgba(0, 0, 0, .5); }
.f2in-mv .f2in-mv__lire:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.f2in-mv__lire svg { margin-inline-start: 4px; }
.f2in-mv__duree { position: absolute; inset-inline-end: 18px; inset-block-end: 18px; display: flex; align-items: center; gap: 6px; padding: 7px 11px; border-radius: 999px; background: rgba(0, 0, 0, .6); color: #fff; font: 700 13px/1 Montserrat, sans-serif; }
.f2in-mv__ecran--joue { background: #000; }
.f2in-mv__ecran--joue iframe { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; border: 0; }
.f2in-mv .f2in-mv__legende { font-style: normal; display: flex; flex-direction: column; gap: 4px; padding-inline-start: 4px; }
.f2in-mv__vtitre { font: 800 21px/1.3 Montserrat, sans-serif; color: var(--vert-f); }
.f2in-mv__vligne { font-size: 15px; line-height: 1.5; color: var(--gris); }

/* Actualités */
.f2in-mv__actus { display: flex; flex-direction: column; gap: 4px; min-inline-size: 0; padding: 28px 28px 24px; background: #fff; border-radius: 18px; box-shadow: 0 14px 40px -24px rgba(0, 64, 47, .45); }
.f2in-mv__tete { padding-block-end: 18px; border-block-end: 2px solid var(--or); }
.f2in-mv .f2in-mv__h3 { margin: 0; font: 800 22px/1.2 Montserrat, sans-serif; color: var(--vert-f); }
.f2in-mv__liste { margin: 0; padding: 0; list-style: none; }
.f2in-mv__liste li { margin: 0; border-block-end: 1px solid var(--ligne); }
.f2in-mv__liste li:last-child { border-block-end: 0; }
.f2in-mv a.f2in-mv__item { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 16px; align-items: center; padding-block: 18px; text-decoration: none; }
.f2in-mv .f2in-mv__mini { display: block; inline-size: 112px; block-size: 84px; max-inline-size: none; object-fit: cover; border-radius: 10px; }
.f2in-mv__mini--vide { background: #dfe9e4; }
.f2in-mv__txt { display: flex; flex-direction: column; gap: 6px; min-inline-size: 0; }
.f2in-mv__meta { display: flex; align-items: center; gap: 10px; font: 700 12px/1.2 Montserrat, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--vert); white-space: nowrap; }
.f2in-mv__une { padding: 5px 10px; border-radius: 999px; background: var(--or); color: var(--vert-f); }
.f2in-mv__vues { display: inline-flex; align-items: center; gap: 5px; margin-inline-start: auto; color: var(--gris); }
.f2in-mv__vues[hidden] { display: none; }
.f2in-mv__t { font: 700 16.5px/1.35 Montserrat, sans-serif; color: var(--vert-f); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color .2s; }
.f2in-mv a.f2in-mv__item:hover .f2in-mv__t, .f2in-mv a.f2in-mv__item:focus-visible .f2in-mv__t { color: var(--orange); }

.f2in-mv a.f2in-mv__carte { display: flex; flex-direction: column; gap: 14px; padding-block: 18px 8px; text-decoration: none; }
.f2in-mv .f2in-mv__carte-img { display: block; inline-size: 100%; block-size: auto; max-inline-size: none; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 12px; }
.f2in-mv__carte-t { font: 800 20px/1.3 Montserrat, sans-serif; color: var(--vert-f); transition: color .2s; }
.f2in-mv a.f2in-mv__carte:hover .f2in-mv__carte-t, .f2in-mv a.f2in-mv__carte:focus-visible .f2in-mv__carte-t { color: var(--orange); }
.f2in-mv__carte-x { font-size: 15.5px; line-height: 1.6; color: var(--gris); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.f2in-mv__vide { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding-block: 20px; }
.f2in-mv__vide p { margin: 0; font-size: 16px; line-height: 1.6; color: var(--gris); }

.f2in-mv a.f2in-mv__btn { display: flex; align-items: center; justify-content: center; gap: 8px; min-block-size: 48px; margin-block-start: auto; padding-inline: 20px; border: 2px solid var(--vert); border-radius: 999px; color: var(--vert); font: 700 15px/1 Montserrat, sans-serif; text-decoration: none; transition: background .2s, color .2s; }
.f2in-mv a.f2in-mv__btn:hover, .f2in-mv a.f2in-mv__btn:focus-visible { background: var(--vert); color: #fff; }
.f2in-mv a.f2in-mv__btn--or { margin-block-start: 0; border-color: var(--or); background: var(--or); color: var(--vert-f); }
.f2in-mv a.f2in-mv__btn--or:hover, .f2in-mv a.f2in-mv__btn--or:focus-visible { border-color: var(--vert-f); background: var(--vert-f); color: #fff; }

@media (max-width: 960px) {
	.f2in-mv__grille { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
	.f2in-mv__ecran { border-radius: 14px; }
	.f2in-mv__badge { inset-block-start: 12px; inset-inline-start: 12px; padding: 6px 10px; font-size: 10px; }
	.f2in-mv .f2in-mv__lire { inline-size: 68px; block-size: 68px; margin: -34px 0 0 -34px; box-shadow: 0 0 0 9px rgba(246, 185, 30, .28); }
	.f2in-mv__lire svg { inline-size: 26px; block-size: 26px; }
	.f2in-mv__duree { inset-inline-end: 12px; inset-block-end: 12px; padding: 6px 9px; font-size: 12px; }
	.f2in-mv__vtitre { font-size: 18px; }
	.f2in-mv__vligne { font-size: 14px; }
	.f2in-mv__actus { padding: 22px 18px 18px; border-radius: 14px; }
	.f2in-mv .f2in-mv__h3 { font-size: 20px; }
	.f2in-mv a.f2in-mv__item { grid-template-columns: 88px minmax(0, 1fr); gap: 14px; padding-block: 16px; }
	.f2in-mv .f2in-mv__mini { inline-size: 88px; block-size: 66px; border-radius: 8px; }
	.f2in-mv__meta { gap: 8px; font-size: 11px; letter-spacing: .05em; }
	.f2in-mv__mot { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); }
	.f2in-mv__t { font-size: 15px; }
	.f2in-mv__carte-t { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
	.f2in-mv .f2in-mv__lire, .f2in-mv__t, .f2in-mv__carte-t { transition: none; }
	.f2in-mv .f2in-mv__lire:hover { transform: none; }
}

/* 2.21.8 : vidéo centrée verticalement face au bloc des actualités (même axe horizontal) */
.f2in-mv__grille { align-items: center; }