
/* ATB9 — phase 1 accueil + playlist groupe — 27/09/2026 */
.home-phase1{padding-bottom:10px}
.home-hero{background:#0b0c0d;border-color:#2b2b2b;color:#fff;box-shadow:0 18px 42px rgba(0,0,0,.16)}
.home-hero .hero-copy{display:flex;flex-direction:column;justify-content:center}
.home-hero .eyebrow{color:#e3bd48}.home-hero h1{font-size:clamp(42px,6vw,68px)}.home-hero h1 em{color:#e0b83f}
.home-hero p{color:#e7e2d6}.home-hero .btn:not(.gold):not(.black){background:#fff;color:#111;border-color:#fff}.home-hero .btn.soft{background:transparent;color:#fff;border-color:#81703d}
.home-hero-media{position:relative}.academy-badge{position:absolute;right:16px;top:16px;z-index:3;display:grid;gap:1px;background:rgba(10,13,16,.9);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:11px 13px;color:#fff;max-width:235px;backdrop-filter:blur(8px)}
.academy-badge b{font-size:11px;color:#f1c94e}.academy-badge span{font-weight:900}.academy-badge small{color:#ddd}
.home-feature{margin:20px auto;border-radius:22px;padding:24px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:linear-gradient(120deg,#080909,#17191b);color:#fff;border:1px solid #2d2d2d;box-shadow:0 12px 36px rgba(0,0,0,.12)}
.home-feature-icon{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;border:1px solid #bd9a32;color:#f0c84c;font-size:34px;background:#111}
.home-feature-copy h2,.home-player h2,.home-club h2{margin:4px 0 7px;font-size:clamp(24px,3.2vw,36px);line-height:1}.home-feature-copy p{margin:0;color:#d8d8d8;max-width:680px}
.home-kicker{font-size:11px;font-weight:950;letter-spacing:.14em;color:#d9b13a;text-transform:uppercase}.home-kicker.green{color:#158348}
.home-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.home-chips span{border:1px solid #49443a;border-radius:99px;padding:6px 9px;font-size:11px;color:#eee}
.home-feature-actions{display:grid;gap:8px}.home-outline{background:transparent;color:#fff;border-color:#777}
.home-player{margin:20px auto;background:#0b0c0d;color:#fff;border:1px solid #2b2b2b;border-radius:22px;padding:20px;box-shadow:0 12px 36px rgba(0,0,0,.12)}
.home-player-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}.home-player-head a{color:#e0b83f;font-weight:850}.home-player-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:16px}.home-player-stage{aspect-ratio:16/9;background:#000;border-radius:16px;overflow:hidden}.home-player-stage video{width:100%;height:100%;object-fit:cover}.home-player-copy{display:flex;flex-direction:column;justify-content:center;padding:8px}.home-player-copy>b{color:#e0b83f}.home-player-copy h3{font-size:25px;line-height:1.05;margin:6px 0 9px}.home-player-copy p{color:#cfcfcf}.home-player-copy .btn{align-self:flex-start}
.home-club{margin:20px auto;background:#fff;border:1px solid #dfe4df;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:minmax(280px,.85fr) 1.15fr;box-shadow:var(--shadow)}.home-club-photo{max-height:520px;overflow:hidden;background:#0c5b35}.home-club-photo img{width:100%;height:100%;object-fit:cover;object-position:center 46%}.home-club-copy{padding:30px;display:flex;flex-direction:column;justify-content:center}.home-club-copy p{color:#565d57;max-width:600px}.club-green{background:#0c6f3d;color:#fff;border-color:#0c6f3d}
.home-shortcuts{margin:18px auto 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.home-shortcuts a{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.home-shortcuts b{display:block;font-size:17px}.home-shortcuts span{display:block;margin-top:4px;color:var(--muted);font-size:12px}
.group-photo-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr)}.group-photo{max-height:520px;background:#0b5f38}.group-photo img{width:100%;height:100%;object-fit:cover;object-position:center 45%}
.group-video-section{scroll-margin-top:90px}.group-player-shell{background:#0b0c0d;color:#fff;border:1px solid #252525;border-radius:20px;overflow:hidden}.group-player-stage{aspect-ratio:16/9;background:#000}.group-player-stage iframe{width:100%;height:100%;border:0;display:block}.group-player-meta{padding:16px 18px}.group-player-meta h3{font-size:23px;margin:5px 0}.group-player-meta p{margin:0;color:#d2d2d2}
.group-playlist{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.group-video-item{text-align:left;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;padding:0;cursor:pointer;color:var(--ink)}.group-video-item.active{outline:2px solid var(--gold);outline-offset:1px}.group-video-item img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#111}.group-video-item span{display:block;padding:10px 11px}.group-video-item b{display:block;font-size:13px}.group-video-item small{display:block;color:var(--muted);margin-top:2px}.match-school-note{margin-top:10px;border-left:4px solid var(--gold);background:#fff8df;border-radius:12px;padding:12px 14px}.match-school-note p{margin:3px 0 0;color:#5d5438}
@media(max-width:780px){.home-feature{grid-template-columns:auto 1fr}.home-feature-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.home-player-grid,.home-club,.group-photo-card{grid-template-columns:1fr}.home-player-copy{padding:4px 0 0}.home-club-photo{max-height:480px}.home-shortcuts{grid-template-columns:1fr}.group-playlist{grid-template-columns:1fr}.academy-badge{right:10px;top:10px;max-width:210px}.home-player-head{align-items:flex-start;flex-direction:column}}

/* Ajustement mobile validé : le teaser Academy ne masque plus le visage */
.academy-badge{right:auto;left:12px;top:auto;bottom:12px;max-width:178px;padding:7px 9px;border-radius:10px}
.academy-badge b{font-size:8px}.academy-badge span{font-size:10px}.academy-badge small{font-size:8px;line-height:1.15}
@media(max-width:680px){.academy-badge{left:7px;bottom:7px;max-width:150px;padding:5px 7px}.academy-badge b{display:none}.academy-badge span{font-size:9px}.academy-badge small{font-size:7px}}

.home-player-engagement{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 11px}.home-player-engagement button{border:1px solid #4b4b4b;background:#181818;color:#fff;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900;cursor:pointer}.home-player-engagement button.liked{background:#f5e5e8;color:#8f2231;border-color:#e4b9c0}.home-player-engagement>span{font-size:8px;color:#bdbdbd}.home-player-engagement>span a{color:#e3bc55;font-weight:850}
@media(max-width:680px){.home-player-engagement{margin:7px 0}.home-player-engagement button{padding:6px 8px;font-size:8px}.home-player-engagement>span{font-size:7px}}

/* Groupe ATB9 compact mobile refinement */
.group-hero-compact{min-height:260px}.group-hero-compact h1{font-size:34px}
.group-photo-card{overflow:hidden}.group-photo{max-height:420px;background:#0b5f39}.group-photo img{width:100%;height:100%;object-fit:cover;object-position:center 45%}
.group-player-shell{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.55fr);background:#0b0c0d;color:#fff;border:1px solid #242424;border-radius:18px;overflow:hidden}.group-player-stage{aspect-ratio:16/9;background:#000}.group-player-stage iframe{width:100%;height:100%;border:0}.group-player-meta{padding:14px;display:flex;flex-direction:column;justify-content:center}.group-player-meta h3{font-size:18px;margin:5px 0}.group-player-meta p{font-size:10px;color:#cfcfcf;margin:0}
.group-playlist{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.group-video-item{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;padding:0;text-align:left;cursor:pointer}.group-video-item.active{outline:2px solid var(--gold);outline-offset:1px}.group-video-item img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#111}.group-video-item span{display:block;padding:8px}.group-video-item b{display:block;font-size:9px}.group-video-item small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.match-school-note{margin-top:8px;border-left:3px solid var(--gold);background:#fff9e7;border-radius:10px;padding:9px 11px}.match-school-note b{font-size:10px}.match-school-note p{font-size:9px;margin:3px 0 0;color:#5d5438}
@media(max-width:680px){.group-hero-compact{min-height:210px}.group-hero-compact h1{font-size:25px}.group-hero-compact .hero-copy{padding:14px 12px}.group-hero-compact .hero-media{min-height:190px;max-height:240px}.pills{gap:5px;padding:5px 0}.pill{font-size:8px;padding:6px 8px}.post{border-radius:14px}.posthead{padding:9px}.postbody{padding:9px}.postbody h3{font-size:15px}.postbody p{font-size:9px}.postactions{gap:5px;padding:7px}.postactions button{font-size:8px;padding:6px}.group-photo{max-height:300px}.group-player-shell{grid-template-columns:1fr}.group-player-meta{padding:9px}.group-player-meta h3{font-size:14px}.group-playlist{grid-template-columns:1fr 1fr}.group-video-item:nth-child(3){grid-column:1/-1}.group-video-item span{padding:6px}.group-video-item b{font-size:8px}.group-video-item small{font-size:7px}}

.archive-poster{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 20%,#303030 0%,#151515 46%,#090909 100%);color:#fff;border-bottom:1px solid #2c2c2c}
.archive-poster b{font-size:18px;letter-spacing:.12em;color:#d8af43}.archive-poster span{margin-top:4px;font-size:10px;font-weight:900}.archive-poster small{margin-top:2px;font-size:7px;color:#aaa}

@media(max-width:680px){
 .home-hero{grid-template-columns:1fr!important}
 .home-hero-media{order:-1;max-height:220px!important;min-height:190px!important}
 .home-hero-media img{height:220px!important;object-fit:cover!important;object-position:center 28%!important}
 .home-hero .hero-copy{padding:15px 14px!important}
 .home-hero h1{font-size:36px!important;line-height:.94!important;margin:7px 0 9px!important}
 .home-hero p{font-size:10px!important;line-height:1.35!important;max-width:100%!important}
 .home-hero .actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
 .home-hero .actions .btn{min-height:34px!important;font-size:8px!important;padding:6px 8px!important}
 .home-gps{grid-template-columns:46px 1fr!important;padding:13px!important;gap:10px!important}
 .home-gps .home-feature-icon{width:46px!important;height:46px!important;font-size:24px!important}
 .home-gps h2{font-size:19px!important}
 .home-gps p{font-size:9px!important}
 .home-gps .home-feature-actions{grid-column:1/-1!important;grid-template-columns:1fr 1fr!important}
}

/* Mobile centering pass — 2026-09-28 */
@media(max-width:680px){
 .home-hero .hero-copy,.home-gps .home-feature-copy,.home-player .home-player-head,.home-player .home-player-copy{text-align:center!important}
 .home-hero .actions,.home-player-engagement{justify-content:center!important}
 .home-gps .home-feature-icon{margin:0 auto!important}
 .home-gps .home-feature-actions{justify-items:center!important}
 .home-gps .home-feature-actions .btn{width:100%!important}
 .academy-badge{left:8px!important;right:auto!important;bottom:8px!important;top:auto!important;max-width:132px!important;padding:4px 6px!important;text-align:left!important}
 .academy-badge span{font-size:8px!important}.academy-badge small{font-size:6px!important}
}

/* Groupe ATB9 — politique vidéo publique */
.group-video-section .group-player-shell,.group-video-section .group-playlist,.group-video-section .match-school-note,.group-video-section .sectionhead>a{display:none!important}
.group-video-section .sectionhead::after{content:"1 vidéo publique validée · disponible dans ATV";display:block;margin-top:6px;font-size:9px;font-weight:850;color:#8f6a13}

/* Groupe : photo de connexion non écrasée / non recadrée agressivement */
#groupAccess .accesshero{background:#0b5f39;height:260px}
#groupAccess .accesshero img{width:100%;height:100%;object-fit:contain;object-position:center;background:#0b5f39}
@media(max-width:680px){#groupAccess .accesshero{height:220px}}
