/* Accueil du site : blocs « Rejoindre », « Mis en avant », « Les rubriques », « Trouver une compétition », « Club mis en avant ». */
.ap-carte {
    display: block; padding: 16px 20px; border-radius: 12px; border: 1px solid var(--filet);
    background: #fff; color: var(--encre); transition: transform .15s ease-out, border-color .15s;
}
.ap-carte .ap-texte { color: #3d434c; }
.ap-carte:hover { border-color: var(--encre); }
.ap-carte:active { transform: scale(.98); }
.ap-carte-forte { background: var(--d); border-color: var(--d); color: #fff; transition: background .3s, transform .15s ease-out; }
.ap-carte-forte .ap-texte { color: rgba(255, 255, 255, .9); }
.ap-carte-forte:hover { border-color: var(--d); }
.ap-visuel { background: #e8eaed; border-radius: 12px; }
.ap-onglets { scrollbar-width: none; }
.ap-onglets::-webkit-scrollbar { display: none; }
.ap-onglet {
    white-space: nowrap; min-height: 44px; padding: 8px 16px; border-radius: 999px;
    border: 1px solid var(--filet); color: #3d434c; background: #fff;
}
.ap-onglet:hover { border-color: var(--encre); color: var(--encre); }
.ap-onglet[aria-selected="true"] { background: var(--encre); border-color: var(--encre); color: #fff; }
.ap-onglet:focus-visible, .ap-carte:focus-visible, .ap-champ:focus-visible { outline: 2px solid var(--d); outline-offset: 2px; }
.ap-champ { min-height: 44px; padding: 8px 12px; border: 1px solid var(--filet); border-radius: 12px; background: #fff; font-size: 16px; }
.ap-club-logo {
    width: 88px; height: 88px; border-radius: 12px; border: 1px solid var(--filet); background: #fff;
    display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 8px;
}
@media (prefers-reduced-motion: reduce) {
    .ap-carte, .ap-carte-forte { transition: none; }
    .ap-carte:active { transform: none; }
}