/* -------------------------------
Fichier : Styles généraux du thème light_Bordeaux
Version : 4.2.0
Mise à jour : 14/09/2026
Description : Définit deux familles de couleurs et trois apparences sur une structure commune.
Créé par : Jijo64, documentation par Codex

Historique :
- 4.2.0 : rend toute la progression joueur cliquable, identifiable et accessible au clavier.
- 4.1.0 : habille sous le logo l'étoile de niveau et la progression rayée aux couleurs de la palette.
- 4.0.0 : ajoute les palettes Jaune et Verte et positionne les préférences sous le copyright.
- 3.3.0 : aligne les actions membres à droite et adapte les préférences du footer aux écrans tactiles.
- 3.2.0 : ajoute Bordeaux/Bleu en clair, normal et sombre ainsi que leur sélecteur responsive.
- 3.1.0 : agrandit le logo et renforce les fondations responsive, tactiles et modales du thème.
- 3.0.0 : compose la nouvelle signature RED avec un emblème responsive et un nom toujours net.
- 2.2.0 : habille les contenus Markdown et le plan du site humain responsive.
- 2.3.0 : transforme le logo opaque en signature visuelle responsive du header.
- 2.4.0 : adapte les espacements et composants directionnels aux interfaces RTL.
-------------------------------- */

/* Bordeaux normal reste le rendu de référence des comptes existants. */
:root,
[data-theme="bordeaux"][data-apparence="normal"] {
	--messagerie-active-bg: #8b1538;
	--messagerie-active-color: #fff;
	--messagerie-active-muted: rgba(255, 255, 255, 0.85);
	--racinged-bordeaux: #842029;
	--racinged-bordeaux-fonce: #58151c;
	--racinged-accent: #9f2442;
	--racinged-accent-fonce: #68172b;
	--racinged-accent-rgb: 159 36 66;
	--racinged-fond-doux: #f8f5f5;
}

[data-theme="bordeaux"][data-apparence="clair"] {
	--messagerie-active-bg: #a93255;
	--messagerie-active-color: #fff;
	--messagerie-active-muted: rgb(255 255 255 / 88%);
	--racinged-bordeaux: #9c2847;
	--racinged-bordeaux-fonce: #731b34;
	--racinged-accent: #b83b5e;
	--racinged-accent-fonce: #7d203a;
	--racinged-accent-rgb: 184 59 94;
	--racinged-fond-doux: #fff9fb;
	--bs-body-bg: #fffdfd;
	--bs-body-color: #31272a;
	--bs-border-color: #eadde1;
	--bs-tertiary-bg: #fbf2f5;
}

[data-theme="bordeaux"][data-apparence="sombre"] {
	--messagerie-active-bg: #bd4163;
	--messagerie-active-color: #fff;
	--messagerie-active-muted: rgb(255 255 255 / 84%);
	--racinged-bordeaux: #e46b8b;
	--racinged-bordeaux-fonce: #7f1d3a;
	--racinged-accent: #d55376;
	--racinged-accent-fonce: #922c49;
	--racinged-accent-rgb: 213 83 118;
	--racinged-fond-doux: #171216;
}

[data-theme="bleu"][data-apparence="normal"] {
	--messagerie-active-bg: #145da0;
	--messagerie-active-color: #fff;
	--messagerie-active-muted: rgb(255 255 255 / 85%);
	--racinged-bordeaux: #1769aa;
	--racinged-bordeaux-fonce: #0b3f73;
	--racinged-accent: #2584cf;
	--racinged-accent-fonce: #0c4f86;
	--racinged-accent-rgb: 37 132 207;
	--racinged-fond-doux: #f2f7fb;
}

[data-theme="bleu"][data-apparence="clair"] {
	--messagerie-active-bg: #287fbd;
	--messagerie-active-color: #fff;
	--messagerie-active-muted: rgb(255 255 255 / 88%);
	--racinged-bordeaux: #2677b5;
	--racinged-bordeaux-fonce: #15598e;
	--racinged-accent: #429bd3;
	--racinged-accent-fonce: #206796;
	--racinged-accent-rgb: 66 155 211;
	--racinged-fond-doux: #f5fbff;
	--bs-body-bg: #fcfeff;
	--bs-body-color: #24313b;
	--bs-border-color: #d9e7f0;
	--bs-tertiary-bg: #edf7fc;
}

[data-theme="bleu"][data-apparence="sombre"] {
	--messagerie-active-bg: #287fc0;
	--messagerie-active-color: #fff;
	--messagerie-active-muted: rgb(255 255 255 / 84%);
	--racinged-bordeaux: #63b3ed;
	--racinged-bordeaux-fonce: #185c91;
	--racinged-accent: #3598dc;
	--racinged-accent-fonce: #176293;
	--racinged-accent-rgb: 53 152 220;
	--racinged-fond-doux: #101820;
}

[data-theme="jaune"][data-apparence="normal"] {
	--messagerie-active-bg: #946200;
	--messagerie-active-color: #fff;
	--messagerie-active-muted: rgb(255 255 255 / 86%);
	--racinged-bordeaux: #946200;
	--racinged-bordeaux-fonce: #684500;
	--racinged-accent: #bd8408;
	--racinged-accent-fonce: #765000;
	--racinged-accent-rgb: 189 132 8;
	--racinged-fond-doux: #fff9e8;
}

[data-theme="jaune"][data-apparence="clair"] {
	--messagerie-active-bg: #a86f00;
	--messagerie-active-color: #fff;
	--messagerie-active-muted: rgb(255 255 255 / 88%);
	--racinged-bordeaux: #a86f00;
	--racinged-bordeaux-fonce: #765000;
	--racinged-accent: #d69b1e;
	--racinged-accent-fonce: #835800;
	--racinged-accent-rgb: 214 155 30;
	--racinged-fond-doux: #fffdf4;
	--bs-body-bg: #fffef9;
	--bs-body-color: #342d20;
	--bs-border-color: #eee2bf;
	--bs-tertiary-bg: #fff8df;
}

[data-theme="jaune"][data-apparence="sombre"] {
	--messagerie-active-bg: #c38b18;
	--messagerie-active-color: #17130a;
	--messagerie-active-muted: rgb(23 19 10 / 78%);
	--racinged-bordeaux: #f0bd4f;
	--racinged-bordeaux-fonce: #9a6800;
	--racinged-accent: #f3c45d;
	--racinged-accent-fonce: #a87305;
	--racinged-accent-rgb: 243 196 93;
	--racinged-fond-doux: #19160f;
}

[data-theme="vert"][data-apparence="normal"] {
	--messagerie-active-bg: #176b4a;
	--messagerie-active-color: #fff;
	--messagerie-active-muted: rgb(255 255 255 / 86%);
	--racinged-bordeaux: #176b4a;
	--racinged-bordeaux-fonce: #0b4c34;
	--racinged-accent: #238b61;
	--racinged-accent-fonce: #0d5b3e;
	--racinged-accent-rgb: 35 139 97;
	--racinged-fond-doux: #f1f9f5;
}

[data-theme="vert"][data-apparence="clair"] {
	--messagerie-active-bg: #23845e;
	--messagerie-active-color: #fff;
	--messagerie-active-muted: rgb(255 255 255 / 88%);
	--racinged-bordeaux: #23845e;
	--racinged-bordeaux-fonce: #126242;
	--racinged-accent: #38a978;
	--racinged-accent-fonce: #176b4a;
	--racinged-accent-rgb: 56 169 120;
	--racinged-fond-doux: #f5fcf8;
	--bs-body-bg: #fbfffc;
	--bs-body-color: #22342b;
	--bs-border-color: #d7eadf;
	--bs-tertiary-bg: #edf8f1;
}

[data-theme="vert"][data-apparence="sombre"] {
	--messagerie-active-bg: #2b9b70;
	--messagerie-active-color: #fff;
	--messagerie-active-muted: rgb(255 255 255 / 84%);
	--racinged-bordeaux: #58c99a;
	--racinged-bordeaux-fonce: #1b7252;
	--racinged-accent: #48bc8a;
	--racinged-accent-fonce: #247b59;
	--racinged-accent-rgb: 72 188 138;
	--racinged-fond-doux: #0f1814;
}

[data-apparence="sombre"] { color-scheme: dark; }

html { max-width: 100%; scroll-padding-top: 7rem; }
body { max-width: 100%; background: var(--bs-body-bg); overflow-wrap: break-word; }
main, .main-wrap, .main-wrap > *, .row > * { min-width: 0; }
.main-wrap > main > .container { max-width: 100%; padding-inline: 0; }
img, svg, video, canvas { max-width: 100%; }
.card, .modal-content { min-width: 0; }
.table-responsive { scrollbar-width: thin; -webkit-overflow-scrolling: touch; }
.breadcrumb { flex-wrap: nowrap; overflow-x: auto; padding-block-end: .2rem; white-space: nowrap; scrollbar-width: thin; }
.dropdown-menu { max-width: calc(100vw - 1.5rem); overflow-wrap: anywhere; }
.site-header { position: sticky; top: 0; z-index: 1030; background: color-mix(in srgb, var(--bs-body-bg) 94%, var(--racinged-bordeaux) 6%); box-shadow: 0 .25rem 1.25rem rgb(0 0 0 / 5%); }
.site-identite-colonne { display: grid; flex: 0 0 auto; gap: .3rem; width: clamp(15.5rem, 19vw, 18rem); margin-right: clamp(.75rem, 2vw, 2rem); }
.site-identite { margin-right: 0; padding: 0; border-radius: 1rem; }
.site-logo-cadre { display: flex; box-sizing: border-box; width: clamp(15.5rem, 19vw, 18rem); min-height: 4.65rem; align-items: center; gap: .55rem; overflow: hidden; padding: .25rem .8rem .25rem .4rem; background: #fff; border: 1px solid color-mix(in srgb, var(--racinged-bordeaux) 18%, transparent); border-radius: 1rem; box-shadow: 0 .35rem 1rem color-mix(in srgb, var(--racinged-bordeaux-fonce) 12%, transparent); transition: transform .18s ease, box-shadow .18s ease; }
.site-identite:hover .site-logo-cadre, .site-identite:focus-visible .site-logo-cadre { transform: translateY(-1px); box-shadow: 0 .55rem 1.25rem color-mix(in srgb, var(--racinged-bordeaux-fonce) 20%, transparent); }
.site-identite:focus-visible { outline: .2rem solid color-mix(in srgb, var(--racinged-bordeaux) 50%, transparent); outline-offset: .2rem; }
.site-logo { display: block; width: 5.25rem; height: 4.55rem; flex: 0 0 auto; object-fit: contain; }
.site-marque { display: flex; min-width: 0; flex-direction: column; color: #171717; font-style: italic; line-height: 1; letter-spacing: -.025em; text-transform: uppercase; }
.site-marque strong { font-size: clamp(.82rem, .9vw, .96rem); font-weight: 850; white-space: nowrap; }
.site-marque small { margin-top: .25rem; color: var(--racinged-bordeaux); font-size: .72rem; font-weight: 800; letter-spacing: .2em; }
.site-experience-joueur-cible { min-height: 1.7rem; }
.site-experience-joueur { display: grid; grid-template-columns: 2rem minmax(0, 1fr); align-items: center; gap: .4rem; width: 100%; min-height: 1.7rem; padding: .12rem .2rem; color: var(--bs-body-color); border-radius: .55rem; text-decoration: none; transition: background-color .18s ease, transform .18s ease; }
.site-experience-joueur:hover { color: var(--bs-body-color); background: color-mix(in srgb, var(--racinged-accent) 10%, transparent); transform: translateY(-1px); }
.site-experience-joueur:focus-visible { color: var(--bs-body-color); outline: .18rem solid color-mix(in srgb, var(--racinged-accent) 48%, transparent); outline-offset: .12rem; }
.site-experience-joueur__etoile { display: grid; place-items: center; width: 2rem; height: 2rem; color: #fff; background: var(--racinged-accent, #991b3d); clip-path: polygon(50% 0%,61% 34%,98% 35%,68% 56%,79% 92%,50% 70%,21% 92%,32% 56%,2% 35%,39% 34%); filter: drop-shadow(0 .12rem .18rem rgb(0 0 0 / 20%)); }
.site-experience-joueur__etoile strong { padding-top: .05rem; font-size: .68rem; line-height: 1; }
.site-experience-joueur__contenu { display: grid; grid-template-columns: auto minmax(2.5rem, 1fr); align-items: center; gap: .45rem; min-width: 0; }
.site-experience-joueur__valeur { color: var(--racinged-accent-fonce, #7f1d1d); font-size: .68rem; font-weight: 750; white-space: nowrap; }
.site-experience-joueur__progression { height: .48rem; margin: 0; border: 1px solid color-mix(in srgb, var(--racinged-accent) 24%, transparent); background: color-mix(in srgb, var(--racinged-accent) 10%, var(--bs-body-bg)); }
.site-experience-joueur__progression .progress-bar { background-color: var(--racinged-accent, #991b3d); }
.site-header .nav-link { position: relative; color: var(--bs-body-color); font-weight: 650; border-radius: .55rem; padding-inline: .85rem !important; }
.site-header .nav-link:hover, .site-header .nav-link:focus-visible, .site-header .nav-link.active { color: var(--racinged-bordeaux); background: color-mix(in srgb, var(--racinged-bordeaux) 9%, transparent); }
.header-actions { flex: 0 0 auto; }
[data-theme="bleu"] .btn-danger { --bs-btn-bg: #1769aa; --bs-btn-border-color: #1769aa; --bs-btn-hover-bg: #0f568f; --bs-btn-hover-border-color: #0f568f; --bs-btn-active-bg: #0b4778; --bs-btn-active-border-color: #0b4778; --bs-btn-disabled-bg: #1769aa; --bs-btn-disabled-border-color: #1769aa; }
[data-theme="bleu"] .btn-outline-danger { --bs-btn-color: #1769aa; --bs-btn-border-color: #1769aa; --bs-btn-hover-bg: #1769aa; --bs-btn-hover-border-color: #1769aa; --bs-btn-active-bg: #0f568f; --bs-btn-active-border-color: #0f568f; }
[data-theme="jaune"] .btn-danger { --bs-btn-bg: #946200; --bs-btn-border-color: #946200; --bs-btn-hover-bg: #765000; --bs-btn-hover-border-color: #765000; --bs-btn-active-bg: #684500; --bs-btn-active-border-color: #684500; --bs-btn-disabled-bg: #946200; --bs-btn-disabled-border-color: #946200; }
[data-theme="jaune"] .btn-outline-danger { --bs-btn-color: #946200; --bs-btn-border-color: #946200; --bs-btn-hover-bg: #946200; --bs-btn-hover-border-color: #946200; --bs-btn-active-bg: #765000; --bs-btn-active-border-color: #765000; }
[data-theme="vert"] .btn-danger { --bs-btn-bg: #176b4a; --bs-btn-border-color: #176b4a; --bs-btn-hover-bg: #0f5a3e; --bs-btn-hover-border-color: #0f5a3e; --bs-btn-active-bg: #0b4c34; --bs-btn-active-border-color: #0b4c34; --bs-btn-disabled-bg: #176b4a; --bs-btn-disabled-border-color: #176b4a; }
[data-theme="vert"] .btn-outline-danger { --bs-btn-color: #176b4a; --bs-btn-border-color: #176b4a; --bs-btn-hover-bg: #176b4a; --bs-btn-hover-border-color: #176b4a; --bs-btn-active-bg: #0f5a3e; --bs-btn-active-border-color: #0f5a3e; }
[data-theme="bleu"] .site-footer .text-danger-emphasis,
[data-theme="jaune"] .site-footer .text-danger-emphasis,
[data-theme="vert"] .site-footer .text-danger-emphasis,
[data-theme="bleu"] main > .container > .main-wrap > h1.text-danger-emphasis,
[data-theme="jaune"] main > .container > .main-wrap > h1.text-danger-emphasis,
[data-theme="vert"] main > .container > .main-wrap > h1.text-danger-emphasis { color: var(--racinged-bordeaux) !important; }
.selecteur-theme__menu { width: min(23rem, calc(100vw - 1.5rem)); border: 0; border-radius: 1rem; box-shadow: 0 1rem 2.5rem rgb(0 0 0 / 18%); }
.selecteur-theme__grille { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .4rem; }
.selecteur-theme__grille form { min-width: 0; }
.selecteur-theme__choix { display: flex; width: 100%; min-height: 4.7rem; flex-direction: column; align-items: stretch; gap: .35rem; padding: .4rem; border: 1px solid var(--bs-border-color); border-radius: .65rem; background: var(--bs-body-bg); color: var(--bs-body-color); font-size: .75rem; font-weight: 700; text-align: start; }
.selecteur-theme__choix:hover, .selecteur-theme__choix:focus-visible { border-color: var(--racinged-bordeaux); box-shadow: 0 0 0 .15rem color-mix(in srgb, var(--racinged-bordeaux) 20%, transparent); outline: none; }
.selecteur-theme__choix.is-active { border-color: var(--racinged-bordeaux); color: var(--racinged-bordeaux); }
.selecteur-theme__apercu { position: relative; display: block; height: 1.8rem; overflow: hidden; border: 1px solid rgb(127 127 127 / 25%); border-radius: .4rem; background: #fff; }
.selecteur-theme__apercu::before { content: ""; position: absolute; inset: 0 62% 0 0; background: var(--apercu-accent); }
.selecteur-theme__apercu i, .selecteur-theme__apercu b { position: absolute; right: .25rem; left: 43%; height: .3rem; border-radius: 1rem; background: var(--apercu-texte); }
.selecteur-theme__apercu i { top: .38rem; }.selecteur-theme__apercu b { top: 1rem; right: 1rem; opacity: .55; }
.selecteur-theme__apercu[data-apercu-theme="bordeaux"] { --apercu-accent: #8b1538; }.selecteur-theme__apercu[data-apercu-theme="bleu"] { --apercu-accent: #1769aa; }
.selecteur-theme__apercu[data-apercu-theme="jaune"] { --apercu-accent: #bd8408; }.selecteur-theme__apercu[data-apercu-theme="vert"] { --apercu-accent: #238b61; }
.selecteur-theme__apercu[data-apercu-apparence="clair"] { background: #fff; --apercu-texte: #3a3033; }.selecteur-theme__apercu[data-apercu-apparence="normal"] { background: #e9ecef; --apercu-texte: #28323b; }.selecteur-theme__apercu[data-apercu-apparence="sombre"] { background: #171a1f; --apercu-texte: #edf2f7; }
.accueil-public { background: radial-gradient(circle at 90% 10%, rgb(132 32 41 / 13%), transparent 35%), var(--racinged-fond-doux); }
.accueil-hero { color: #fff; background: linear-gradient(135deg, var(--racinged-bordeaux), var(--racinged-bordeaux-fonce)); }
.accueil-espace { transition: transform .18s ease, box-shadow .18s ease; }
.accueil-espace:hover, .accueil-espace:focus-visible { transform: translateY(-3px); box-shadow: 0 .8rem 1.8rem rgb(0 0 0 / 14%) !important; }
.site-footer { background: color-mix(in srgb, var(--bs-body-bg) 96%, var(--racinged-bordeaux) 4%); }
.site-footer__preferences .btn { display: inline-flex; min-height: 2.75rem; align-items: center; justify-content: center; gap: .5rem; }
.site-footer__preferences .selecteur-langue .dropdown-menu { min-width: 14rem; max-height: min(26rem, 65vh); overflow-y: auto; }
.site-footer__preferences .dropdown-item { min-height: 2.75rem; align-items: center; }
.reseaux-sociaux__lien { display: inline-grid; width: 2.6rem; height: 2.6rem; place-items: center; border-radius: 50%; font-size: 1.15rem; }
.reseaux-sociaux__lien:hover, .reseaux-sociaux__lien:focus-visible { color: #fff; background: var(--racinged-bordeaux); border-color: var(--racinged-bordeaux); }
.page-institutionnelle-hero { color: #fff; background: linear-gradient(135deg, var(--racinged-bordeaux), var(--racinged-bordeaux-fonce)); }
.contenu-markdown { line-height: 1.75; overflow-wrap: anywhere; }
.contenu-markdown > :first-child { margin-top: 0; }
.contenu-markdown > :last-child { margin-bottom: 0; }
.contenu-markdown h2, .contenu-markdown h3, .contenu-markdown h4, .contenu-markdown h5 { color: var(--racinged-bordeaux); margin-block: 1.6em .65em; }
.contenu-markdown blockquote { margin: 1.25rem 0; padding: .9rem 1.15rem; border-inline-start: .3rem solid var(--racinged-bordeaux); background: color-mix(in srgb, var(--bs-body-bg) 91%, var(--racinged-bordeaux) 9%); border-radius: 0 .6rem .6rem 0; }
.contenu-markdown code { color: var(--racinged-bordeaux); background: color-mix(in srgb, var(--bs-body-bg) 88%, var(--racinged-bordeaux) 12%); padding: .1rem .3rem; border-radius: .25rem; }
.plan-site-carte { transition: transform .18s ease, box-shadow .18s ease; }
.plan-site-carte:hover, .plan-site-carte:focus-visible { transform: translateY(-3px); box-shadow: 0 .8rem 1.8rem rgb(0 0 0 / 14%) !important; }
.plan-site-icone { display: inline-grid; min-width: 2.8rem; height: 2.8rem; place-items: center; color: #fff; background: var(--racinged-bordeaux); border-radius: .8rem; font-size: 1.2rem; }
.administration-apercu-markdown { min-height: 28rem; max-height: 42rem; overflow: auto; }
[dir="rtl"] .site-identite-colonne { margin-right: 0; margin-left: clamp(.75rem, 2vw, 2rem); }
[dir="rtl"] .dropdown-menu { text-align: right; }
[dir="rtl"] .contenu-markdown blockquote { border-inline-start: .3rem solid var(--racinged-bordeaux); border-radius: .6rem 0 0 .6rem; }

@media (prefers-reduced-motion: reduce) {
	.site-logo-cadre { transition: none; }
	.site-experience-joueur { transition: none; }
	.site-experience-joueur:hover { transform: none; }
	.site-identite:hover .site-logo-cadre { transform: none; }
	.accueil-espace { transition: none; }
	.accueil-espace:hover { transform: none; }
	.plan-site-carte { transition: none; }
	.plan-site-carte:hover { transform: none; }
}

/* La navigation complète reste réservée aux grands écrans ; tablette et mobile utilisent le menu tactile. */
@media (max-width: 1199.98px) {
	.site-header .navbar-collapse { margin-top: .75rem; padding: .75rem; background: var(--bs-body-bg); border: 1px solid var(--bs-border-color); border-radius: .85rem; box-shadow: 0 .75rem 1.75rem rgb(0 0 0 / 9%); }
	.site-header .navbar-collapse > .d-flex { align-items: stretch; flex-direction: column; }
	.site-header .navbar-nav { width: 100%; margin-inline: 0 !important; }
	.site-header .navbar-collapse .nav-link { display: flex; min-height: 2.75rem; align-items: center; }
	.site-header .header-actions { width: 100%; margin-inline: 0 !important; flex-wrap: wrap; }
	.site-header .header-actions .menu-ecurie-conteneur { width: auto; flex: 1 1 15rem; }
	.site-header .navbar-collapse .nav-item.dropdown { flex: 1 1 10rem; }
	.site-header .navbar-collapse .dropdown > .btn { width: 100%; min-height: 2.75rem; }
}

/* Les cibles atteignent au moins 44 px sur les écrans principalement tactiles. */
@media (pointer: coarse) {
	.btn, .nav-link, .dropdown-item, .form-check-input, summary { min-height: 2.75rem; }
	.btn, .nav-link, .dropdown-item { display: inline-flex; align-items: center; justify-content: center; }
}

@media (max-width: 767.98px) {
	body > main > .container { padding: 1rem .75rem !important; }
	main .display-1, main .display-2, main .display-3, main .display-4, main .display-5, main .display-6 { font-size: clamp(2rem, 9vw, 2.75rem); }
	.modal-dialog { margin: .5rem; }
	.modal-content { max-height: calc(100dvh - 1rem); }
	.modal-body { overflow-y: auto; }
	.modal-footer { align-items: stretch; flex-direction: column; }
	.modal-footer > .btn, .modal-footer > form, .modal-footer > .d-flex { width: 100%; margin-inline: 0; }
	.modal-footer > form > .btn { width: 100%; }
	.pagination { flex-wrap: wrap; }
}

@media (max-width: 575.98px) {
	.site-header .header-actions .menu-ecurie-conteneur { width: 100%; }
	.site-footer__preferences > .dropup,
	.site-footer__preferences > .dropup > .btn { width: 100%; }
	.site-footer__preferences .dropdown-menu { width: 100%; max-width: none; }
	.selecteur-theme__menu { width: 100%; max-width: none; }
	.selecteur-theme__grille { grid-template-columns: 1fr; }
	.selecteur-theme__choix { min-height: 3.25rem; flex-direction: row; align-items: center; }
	.selecteur-theme__apercu { width: 4.25rem; flex: 0 0 4.25rem; }
	.site-logo-cadre { width: 5.75rem; min-height: 4.4rem; justify-content: center; padding: .2rem; border-radius: .8rem; }
	.site-identite-colonne { width: 5.75rem; margin-right: .5rem; }
	.site-logo { width: 5rem; height: 4.15rem; }
	.site-marque { display: none; }
	.site-experience-joueur { grid-template-columns: 1.6rem minmax(0, 1fr); gap: .25rem; }
	.site-experience-joueur__etoile { width: 1.6rem; height: 1.6rem; }
	.site-experience-joueur__contenu { grid-template-columns: 1fr; gap: .12rem; }
	.site-experience-joueur__valeur { font-size: .62rem; line-height: 1; }
	.site-experience-joueur__progression { height: .35rem; }
	.form-control, .form-select { font-size: 1rem; }
	.breadcrumb { font-size: .85rem; }
	.alert { padding: .85rem; }
	[dir="rtl"] .site-identite-colonne { margin-right: 0; margin-left: .5rem; }
	}

@media (prefers-reduced-motion: reduce) {
	.site-experience-joueur__progression .progress-bar-animated { animation: none; }
}
/* -------------------------------
Fichier : Styles du module Compte
Version : 1.2.0
Mise à jour : 08/09/2026
Description : Habille les cartes d'écurie distinctes des informations personnelles.
Créé par : Codex

Historique :
- 1.2.0 : structure les données publiques et le bouton des cartes d'écurie.
- 1.1.0 : ajoute l'emplacement responsive de la carte personnelle consentie.
- 1.0.0 : création des cartes d'écurie du profil.
-------------------------------- */

.profil-ecurie-avatar {
	align-items: center;
	border-radius: 50%;
	display: inline-flex;
	flex: 0 0 4rem;
	height: 4rem;
	justify-content: center;
	object-fit: cover;
	width: 4rem;
}

.profil-ecurie-initiales {
	background: linear-gradient(135deg, #74142f, #b4233f);
	color: #fff;
	font-weight: 800;
}

.profil-ecurie-card {
	border: 1px solid color-mix(in srgb, var(--bs-danger) 14%, var(--bs-border-color));
	transition: box-shadow .2s ease, transform .2s ease;
}

.profil-ecurie-card:hover {
	box-shadow: 0 1rem 2rem rgba(74, 16, 35, .12) !important;
	transform: translateY(-.2rem);
}

.profil-ecurie-card .min-w-0 {
	min-width: 0;
}

.profil-ecurie-donnees {
	display: grid;
	gap: .5rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-inline: 0;
}

.profil-ecurie-donnees > div {
	align-items: center;
	background: var(--bs-tertiary-bg);
	border-radius: .75rem;
	display: flex;
	justify-content: space-between;
	padding: .65rem .8rem;
	width: auto;
}

.profil-ecurie-donnees > .col-12 {
	grid-column: 1 / -1;
}

.profil-ecurie-donnees span {
	color: var(--bs-secondary-color);
	font-size: .82rem;
}

.profil-ecurie-donnees i {
	color: var(--bs-danger);
	margin-inline-end: .35rem;
}

.profil-carte-attente {
	background: radial-gradient(circle at top, color-mix(in srgb, var(--bs-danger) 14%, transparent), var(--bs-tertiary-bg));
	border: 1px dashed color-mix(in srgb, var(--bs-danger) 35%, var(--bs-border-color));
}

.profil-carte-attente p {
	max-width: 42rem;
}

.profil-carte-globe {
	align-items: center;
	background: var(--bs-body-bg);
	border-radius: 50%;
	box-shadow: 0 .5rem 1.5rem rgba(74, 16, 35, .14);
	color: var(--bs-danger);
	display: inline-flex;
	font-size: 2rem;
	height: 4.5rem;
	justify-content: center;
	width: 4.5rem;
}

.profil-carte {
	border: 1px solid var(--bs-border-color);
	border-radius: 1rem;
	height: clamp(18rem, 44vh, 28rem);
	overflow: hidden;
	z-index: 0;
}