/**
 * Classement Poker — onglets cliquables des shortcodes [api_onglets] /
 * [onglet] (voir includes/public/class-api-tabs.php). Également réutilisé
 * par l'exemple de démonstration de la page Réglages > Shortcodes (voir
 * API_Admin_Shortcodes::render_example()).
 *
 * v2.1.8 : extrait du <style> auparavant renvoyé par
 * API_Tabs::assets_html() (imprimé inline, soit dans le pied de page du
 * site public via le hook 'wp_footer', soit directement dans le HTML de
 * la page Réglages > Shortcodes), vers un vrai fichier CSS enqueue via
 * wp_enqueue_style() — voir API_Tabs::enqueue_public_assets() et
 * API_Admin_Settings::enqueue_assets(). Contenu inchangé.
 *
 * v2.5.0 : les couleurs, auparavant codées en dur, sont désormais réglables
 * (Réglages > Apparence des tableaux > « Couleurs des onglets
 * [api_onglets] ») — remplacées par des variables CSS avec les anciennes
 * valeurs en repli, injectées en style inline par
 * API_Tabs::onglets_tabs_inline_css() (voir
 * API_Tabs::enqueue_public_assets() et API_Admin_Settings::enqueue_assets()).
 * Le repli garantit un rendu identique si jamais le style inline n'était
 * pas chargé pour une raison quelconque.
 */
.api-tabs-wrapper { max-width: 100%; margin: 20px 0; }
.api-tabs-nav { display: flex; flex-wrap: wrap; gap: 4px; border-bottom: 2px solid var(--api-tabs-nav-border, #162b68); margin-bottom: 20px; }
.api-tab-btn { background: var(--api-tabs-btn-bg, #f0f0f0); border: none; border-radius: 6px 6px 0 0; padding: 10px 20px; font-size: 15px; font-weight: 600; color: var(--api-tabs-btn-text, #444); cursor: pointer; transition: background 0.2s, color 0.2s; }
.api-tab-btn:hover { background: var(--api-tabs-btn-hover-bg, #c4c7dd); color: var(--api-tabs-btn-hover-text, #444); }
.api-tab-btn.active { background: var(--api-tabs-btn-active-bg, #162b68); color: var(--api-tabs-btn-active-text, #fff); }
.api-tab-panel { display: none; }
.api-tab-panel.active { display: block; }
