/* AFRIKSHOW — Régie publicitaire : styles façade */

.afk-ads{position:relative;margin:0 auto 16px;text-align:center;max-width:100%}
.afk-ads picture,.afk-ads img{display:block;margin:0 auto;max-width:100%;height:auto}
.afk-ads-img{display:block;position:relative}

.afk-ads-label{
	position:absolute;top:6px;left:6px;z-index:2;
	background:rgba(0,0,0,.55);color:#fff;
	font:600 10px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
	letter-spacing:.09em;text-transform:uppercase;
	padding:4px 7px;border-radius:3px;pointer-events:none;
}

/* Bannière texte */
.afk-ads-natif{
	display:flex;align-items:center;gap:18px;
	padding:18px 22px;border-radius:10px;color:#fff;text-decoration:none;
	position:relative;overflow:hidden;
}
.afk-ads-natif-txt{flex:1;text-align:left;min-width:0}
.afk-ads-natif-txt strong{display:block;font-size:19px;line-height:1.25;margin-bottom:3px}
.afk-ads-natif-txt em{display:block;font-style:normal;font-size:14px;opacity:.88;line-height:1.35}
.afk-ads-cta{
	flex:0 0 auto;background:#F5A800;color:#0D1B5E;
	font-weight:700;font-size:14px;padding:11px 20px;border-radius:6px;white-space:nowrap;
}
@media (max-width:640px){
	.afk-ads-natif{flex-direction:column;text-align:center;gap:12px;padding:20px 16px}
	.afk-ads-natif-txt{text-align:center}
	.afk-ads-natif-txt strong{font-size:17px}
}

/* -------- Intro plein écran -------- */
.afk-intro{
	position:fixed;inset:0;z-index:999999;
	display:flex;align-items:flex-end;justify-content:center;
	background:#0D1B5E;
}
.afk-intro[hidden]{display:none}
.afk-intro__fond{position:absolute;inset:0;overflow:hidden}
.afk-intro__fond img,.afk-intro__fond video{width:100%;height:100%;object-fit:cover;display:block}
.afk-intro__fond::after{
	content:"";position:absolute;inset:0;
	background:linear-gradient(to top,rgba(4,10,40,.95) 0%,rgba(4,10,40,.55) 45%,rgba(4,10,40,.15) 100%);
}
.afk-intro__panneau{
	position:relative;z-index:2;width:100%;max-width:820px;
	padding:0 24px 76px;text-align:center;color:#fff;
}
.afk-intro__mention{
	display:inline-block;margin-bottom:14px;
	background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);
	font:600 10px/1 system-ui,sans-serif;letter-spacing:.11em;text-transform:uppercase;
	padding:6px 11px;border-radius:3px;
}
.afk-intro__panneau h2{
	font-size:clamp(26px,5vw,44px);line-height:1.12;margin:0 0 12px;color:#fff;font-weight:800;
}
.afk-intro__panneau p{font-size:clamp(15px,2.2vw,18px);line-height:1.5;margin:0 0 26px;opacity:.92}
.afk-intro__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.afk-intro__plus,.afk-intro__entrer{
	font:700 15px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
	padding:15px 26px;border-radius:8px;cursor:pointer;text-decoration:none;
	border:2px solid transparent;transition:transform .15s ease,opacity .15s ease;
}
.afk-intro__plus{background:#F5A800;color:#0D1B5E}
.afk-intro__entrer{background:transparent;color:#fff;border-color:rgba(255,255,255,.65)}
.afk-intro__plus:hover,.afk-intro__entrer:hover{transform:translateY(-2px)}
.afk-intro__entrer:hover{background:rgba(255,255,255,.12)}
.afk-intro__compte{
	margin:22px 0 0;font-size:13px;opacity:.72;
}
.afk-intro__fermer{
	position:absolute;top:18px;right:18px;z-index:3;
	width:44px;height:44px;border-radius:50%;cursor:pointer;
	background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.28);
	color:#fff;font-size:26px;line-height:1;
}
.afk-intro__fermer:hover{background:rgba(0,0,0,.7)}
.afk-intro__barre{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.18);z-index:3}
.afk-intro__barre i{display:block;height:100%;width:100%;background:#F5A800;transform-origin:left center}
@media (max-width:640px){
	.afk-intro__panneau{padding:0 18px 64px}
	.afk-intro__actions{flex-direction:column}
	.afk-intro__plus,.afk-intro__entrer{width:100%;text-align:center}
}
@media (prefers-reduced-motion:reduce){
	.afk-intro__plus,.afk-intro__entrer{transition:none}
	.afk-intro__plus:hover,.afk-intro__entrer:hover{transform:none}
}