/* =====================================================================
   THÈME « BOUTIQUE DE JEUX » - pages claires, en-tête noir, accent bleu
   À charger EN DERNIER (après style.css, categories.css, paiement.css, admin.css).
   Ne contient que du visuel : aucune structure ni logique n'est modifiée.
   Pour changer l'apparence, modifiez uniquement les variables ci-dessous.
   Pour revenir à la police d'origine, supprimez la ligne @import et la règle « font-family ».
   ===================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap");

:root {
  --accent: #1f63d6;
  --accent-hover: #174fb0;
  --accent-doux: rgba(31, 99, 214, 0.08);
  --noir: #14151a;
  --noir-2: #2a2d36;
  --fond: #dde0e6;
  --carte: #ffffff;
  --bord: #c9ced7;
  --bord-fort: #b3bac6;
  --texte: #111827;
  --texte-doux: #4b5563;
  --jaune: #f5a300;
  --ombre: 0 1px 2px rgba(17, 24, 39, 0.06), 0 6px 18px rgba(17, 24, 39, 0.07);
}

/* ---------- Base ---------- */
html { scrollbar-color: #8b93a1 #dde0e6; }

body {
  font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  background: var(--fond);
  color: var(--texte);
  line-height: 1.5;
}

button, input, select, textarea { font-family: inherit; }

::selection { background: var(--accent); color: #ffffff; }

a:focus-visible,
button:focus-visible,
select:focus-visible,
input:focus-visible,
textarea:focus-visible { outline-color: var(--accent); }

select option { background: #ffffff; color: var(--texte); }

/* ---------- En-tête noir ---------- */
.header {
  background: var(--noir);
  border-bottom: 3px solid var(--accent);
}

.logo > li > a {
  color: #ffffff;
  font-weight: 800;
  letter-spacing: 0.05em;
}

.nav {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.nav-ul > li { border: 1px solid transparent; border-radius: 1.084vh; }
.nav-ul > li > a {
  color: #ffffff;
  font-weight: 700;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.nav-ul > li:hover { background: var(--noir-2); border-color: transparent; }

nav .has-dropdown .dropdown-menu {
  background: #ffffff;
  border: 1px solid var(--bord);
  border-top: 3px solid var(--accent);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);
}
.dropdown-menu li { color: var(--texte); font-size: 0.85rem; font-weight: 600; }
.dropdown-menu li:hover { background: var(--fond); color: var(--accent); }

.compte {
  background: var(--accent);
  border: 0;
  box-shadow: none;
}
.compte:hover { background: var(--accent-hover); }
.compte > li > a {
  color: #ffffff;
  font-weight: 700;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Barre de recherche */
.search__input {
  background: #ffffff;
  border: 1px solid #ffffff;
  color: var(--texte);
  font-size: 0.85rem;
}
.search__input:hover { box-shadow: none; }
.search__input:focus {
  background: #ffffff;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(31, 99, 214, 0.35);
}
.search__input::placeholder { color: var(--texte-doux); }
.search__input::-webkit-input-placeholder { color: var(--texte-doux); }
.search__button,
.search__input:focus + .search__button { background: transparent; }
.search__icon { fill: #374151; }

/* ---------- Titres et textes ---------- */
main > h2,
.section-titre {
  color: var(--texte);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.section-titre::before {
  content: "";
  flex-shrink: 0;
  width: 6px;
  height: 1.2em;
  background: var(--accent);
}
.section-titre::after { height: 1px; background: var(--bord-fort); }

.aucun-jeu, .nb-jeux, .retour-accueil, .ligne-detail, .lien-discret, .lien-bouton { color: var(--texte-doux); }
.retour-accueil:hover, .lien-discret:hover, .lien-bouton:hover { color: var(--accent); }
.erreur-jeux { color: #b91c1c; }

/* ---------- Bannière d'accueil ---------- */
.banniere {
  background: var(--noir);
  color: #ffffff;
  border: 0;
  border-left: 6px solid var(--accent);
  border-radius: 8px;
  box-shadow: var(--ombre);
}
.banniere h1 { font-weight: 800; text-transform: uppercase; letter-spacing: -0.01em; }
.banniere p { color: #d1d5db; }

/* ---------- Boutons ---------- */
.btn-orange {
  background: var(--accent);
  color: #ffffff;
  border-radius: 6px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.04em;
  box-shadow: none;
  transition: background-color 0.2s;
}
.btn-orange:hover { background: var(--accent-hover); }

.btn-petit {
  background: #ffffff;
  border: 1px solid var(--bord-fort);
  color: var(--texte);
  font-weight: 600;
}
.btn-petit:hover { background: var(--fond); }

/* ---------- Cartes de jeux ---------- */
.carte-jeu { color: var(--texte); transition: transform 0.2s; }
.carte-jeu:hover { transform: translateY(-3px); }

.div2-ps5 {
  background-color: #ffffff;
  background-image: none;
  border: 1px solid var(--bord);
  border-radius: 8px;
  box-shadow: var(--ombre);
  transition: border-color 0.2s, box-shadow 0.2s;
}
.carte-jeu:hover .div2-ps5 {
  border-color: var(--accent);
  box-shadow: 0 10px 26px rgba(17, 24, 39, 0.16);
}
.badge-promo {
  background: var(--noir);
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.carte-jeu .titre { font-weight: 700; color: var(--texte); }
.carte-jeu:hover .titre { color: var(--accent); }
.carte-jeu .meta { color: var(--texte-doux); }
.carte-jeu .prix { color: var(--texte); font-weight: 800; }
.carte-jeu .prix s { color: #4b5563; }

/* Onglets des catégories */
.onglets a {
  background: #ffffff;
  border: 1px solid var(--bord-fort);
  border-radius: 6px;
  color: var(--texte);
  font-weight: 600;
}
.onglets a:hover { background: var(--fond); border-color: var(--accent); color: var(--accent); }
.onglets a.actif { background: var(--accent); border-color: var(--accent); color: #ffffff; }

/* ---------- Avis ---------- */
.avis {
  background: var(--carte);
  border: 1px solid var(--bord);
  border-radius: 8px;
  padding: 14px 18px;
  color: var(--texte);
  box-shadow: var(--ombre);
}
.avis > div > p:first-child { color: var(--jaune); font-weight: 700; }
.avis > div + div { border-top-color: var(--bord); }

.avis-etoile label svg path { stroke: #c4c9d2; }
.avis-etoile input:checked ~ label svg path,
.avis-etoile label:hover svg path,
.avis-etoile label:hover ~ label svg path { stroke: var(--jaune); fill: var(--jaune); }
.avis-etoile button {
  background: var(--accent);
  color: #ffffff;
  border: 0;
  border-radius: 6px;
  padding: 10px 22px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.8rem;
}
.avis-etoile button:hover { background: var(--accent-hover); }
.com { color: var(--texte); }
.com textarea {
  background: #ffffff;
  color: var(--texte);
  border: 1px solid var(--bord-fort);
  border-radius: 6px;
}
.com textarea:focus { border-color: var(--accent); }

/* ---------- Pied de page noir ---------- */
footer {
  background: var(--noir);
  border: 0;
  border-top: 3px solid var(--accent);
}
footer > .doc {
  color: #d1d5db;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
footer > .doc:hover { color: #ffffff; text-decoration: underline; }

/* ---------- Fiche d'un jeu ---------- */
.jeu-cover {
  background: #ffffff;
  border: 1px solid var(--bord);
  box-shadow: var(--ombre);
}
.achat {
  background: var(--carte);
  color: var(--texte);
  border: 1px solid var(--bord);
  border-radius: 8px;
  box-shadow: var(--ombre);
}
.achat h1 { font-weight: 800; }
.pastille { background: var(--fond); color: var(--texte); }
.pastille .plateforme { border-right-color: var(--bord-fort); }
.pastille .logo-plateforme { background: var(--noir); color: #ffffff; }
.pastille .ok::before { color: #16a34a; }
.achat select,
.edition-unique {
  background: #ffffff;
  border: 1px solid var(--bord-fort);
  color: var(--texte);
}
.edition-unique { background: var(--fond); }
.prix-bloc .ancien { color: #6b7280; }
.prix-bloc .remise {
  background: var(--accent);
  color: #ffffff;
  padding: 2px 10px;
  border-radius: 4px;
  font-weight: 700;
}
.prix-bloc .nouveau { color: var(--texte); font-weight: 800; }
.btn-panier {
  background: var(--accent);
  border-radius: 8px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  transition: background-color 0.2s;
}
.btn-panier:hover { background: var(--accent-hover); filter: none; }
.btn-panier:disabled { background: #6b7280; color: #ffffff; }

.apropos p { color: #4b5563; }
.apropos a { color: #4b5563; }
.apropos a:hover { color: var(--accent); }
.fiche dt { color: var(--texte-doux); }
.fiche dd { color: var(--texte); }
.fiche dd.gris { color: var(--texte-doux); }
.tags { color: var(--texte-doux); }
.tags a,
.tags .tag {
  background: #ffffff;
  border: 1px solid var(--bord-fort);
  color: var(--texte);
}
.tags a:hover { background: var(--fond); border-color: var(--accent); color: var(--accent); }

/* ---------- Panier, paiement, suivi ---------- */
.ligne-panier,
.resume,
.form-adresse,
.suivi-colis,
.carte-commande,
.commande-admin {
  background: var(--carte);
  border: 1px solid var(--bord);
  border-radius: 8px;
  box-shadow: var(--ombre);
}
.carte-commande { color: var(--texte); }
.carte-commande:hover { background: #ffffff; border-color: var(--accent); }
.ligne-image { background: #eef0f3; }
.ligne-titre { color: var(--texte); }
.adresse-admin { color: var(--texte); }

.ligne-qte input[type="number"],
.form-adresse input,
.form-adresse select,
.commande-form select,
.commande-form input[type="text"] {
  background: #ffffff;
  border: 1px solid var(--bord-fort);
  color: var(--texte);
}
.form-adresse input:focus,
.form-adresse select:focus,
.commande-form select:focus,
.commande-form input[type="text"]:focus { border-color: var(--accent); }
.form-adresse label, .commande-form label { color: #4b5563; }

.moyen { border-color: var(--bord-fort); }
.moyen:has(input:checked) { border-color: var(--accent); background: var(--accent-doux); }
.moyen input { accent-color: var(--accent); }
.moyen small, .note-securite { color: var(--texte-doux); }
.resume-ligne.total { border-top-color: var(--bord-fort); }

.bandeau-statut {
  background: var(--carte);
  color: var(--texte);
  border: 1px solid var(--bord);
  border-left: 4px solid var(--accent);
  font-weight: 700;
}

.table-commandes th,
.table-commandes td { border-bottom-color: var(--bord); }

.etape { color: #4b5563; }
.etape::before { background: var(--bord-fort); }
.etape.fait::before,
.etape.courante::before { background: #16a34a; }
.etape.fait,
.etape.courante { color: var(--texte); }
.etape small { color: var(--texte-doux); }
.pastille-etape { border-color: var(--bord-fort); }
.etape.fait .pastille-etape { background: #16a34a; border-color: #16a34a; color: #ffffff; }
.etape.courante .pastille-etape { background: var(--accent); border-color: var(--accent); color: #ffffff; }

/* ---------- Administration ---------- */
.adm-stat,
.adm-filtres,
.adm-jeu,
.adm-form,
.adm-fiche-image {
  background: var(--carte);
  border: 1px solid var(--bord);
  box-shadow: var(--ombre);
}
.adm-stat { color: var(--texte); }
a.adm-stat:hover { background: #ffffff; border-color: var(--accent); }
.adm-stat span { color: var(--texte-doux); }
.adm-stat.alerte b { color: #c0392b; }
.adm-stat.attention b { color: #b45309; }

.adm-btn { background: var(--noir-2); border: 1px solid var(--noir-2); color: #ffffff; }
.adm-btn:hover { background: #3b3f4b; }
.adm-btn.principal { background: var(--accent); border-color: var(--accent); color: #ffffff; }
.adm-btn.principal:hover { background: var(--accent-hover); border-color: var(--accent-hover); }
.adm-lien { color: #4b5563; }
.adm-lien:hover { color: var(--accent); }

.adm-champ { color: #4b5563; }
.adm-champ small { color: var(--texte-doux); }
.adm-champ input[type="text"],
.adm-champ input[type="number"],
.adm-champ input[type="date"],
.adm-champ input[type="file"],
.adm-champ select,
.adm-champ textarea {
  background: #ffffff;
  border: 1px solid var(--bord-fort);
  color: var(--texte);
}
.adm-champ input:focus,
.adm-champ select:focus,
.adm-champ textarea:focus { border-color: var(--accent); }

.adm-info { background: var(--fond); color: #4b5563; border: 1px solid var(--bord); }
.adm-chip { background: #eef0f3; color: #374151; }
.adm-vignette { background: #eef0f3; }
.adm-jeu-infos p { color: var(--texte-doux); }
.adm-prix s { color: #6b7280; }
.adm-resume, .adm-vide { color: var(--texte-doux); }
.adm-pages a,
.adm-pages span { border-color: var(--bord-fort); color: var(--texte); }
.adm-pages a:hover { background: var(--fond); }
.adm-pages .actif { background: var(--accent); color: #ffffff; border-color: var(--accent); }
.adm-dialog { background: #ffffff; color: var(--texte); border-color: var(--bord-fort); }

/* ---------- Écrans tactiles ---------- */
@media (hover: none) {
  .nav-ul > li:hover { background: transparent; border-color: transparent; }
  .carte-jeu:hover { transform: none; }
}

/* =====================================================================
   LISIBILITÉ - admin_commandes.php et petits ajustements de contraste
   (cette page définit ses propres couleurs sombres : on les remplace par le thème clair)
   ===================================================================== */

/* Onglets de filtre */
.adm-onglet {
  background: #ffffff;
  border: 1px solid var(--bord-fort);
  color: var(--texte);
  font-weight: 600;
}
.adm-onglet:hover { background: #ffffff; border-color: var(--accent); color: var(--accent); }
.adm-onglet b { background: #e5e7eb; color: var(--texte); }
.adm-onglet.actif { background: var(--accent); border-color: var(--accent); color: #ffffff; }
.adm-onglet.actif b { background: #ffffff; color: var(--accent); }
.adm-onglet.alerte b { background: #dc2626; color: #ffffff; }

/* Barre d'actions groupées */
.adm-outils {
  background: var(--carte);
  border: 1px solid var(--bord);
  box-shadow: var(--ombre);
}
.adm-outils .titre { color: var(--texte-doux); font-weight: 700; }

/* Carte d'une commande */
.adm-carte {
  background: var(--carte);
  border: 1px solid var(--bord);
  color: var(--texte);
  box-shadow: var(--ombre);
}
.adm-carte.urgent { border-color: #dc2626; box-shadow: 0 0 0 1px #dc2626, var(--ombre); }
.adm-entete { background: #f3f4f6; border-bottom: 1px solid var(--bord); }
.adm-titre h3 { color: var(--texte); }
.adm-total { color: var(--texte); }
.adm-sous { color: var(--texte-doux); }
.adm-urgent { background: #dc2626; color: #ffffff; }

.adm-bloc { border-right-color: var(--bord); color: var(--texte); }
.adm-bloc h4 { color: var(--texte-doux); font-weight: 700; }
.adm-bloc a { color: var(--accent); }
.adm-bloc a:hover { color: var(--accent-hover); }
.adm-bloc small { color: var(--texte-doux); }
.adm-adresse { color: var(--texte); }
.adm-qte { background: #e5e7eb; color: var(--texte); }
.adm-suivi { background: #eef0f3; color: var(--texte); border: 1px solid var(--bord); }

/* Le formulaire de mise à jour est déjà dans une carte : pas de seconde boîte */
.adm-bloc .adm-form { background: transparent; border: 0; box-shadow: none; padding: 0; }

.adm-pied { background: #eef0f3; border-top: 1px solid var(--bord); }
.adm-pied a { color: #374151; }
.adm-pied a:hover { color: var(--accent); }

@media (max-width: 1000px) {
  .adm-bloc { border-right: 0; border-bottom: 1px solid var(--bord); }
  .adm-bloc:last-child { border-bottom: 0; }
}

/* Pagination : les points de suspension restent lisibles sur le fond gris */
.adm-pages .vide { color: var(--texte-doux); }

/* ---------- Fiche d'un jeu (jeu.php) : jaquette verticale ---------- */
.page-jeu .jeu-grille {
  grid-template-columns: minmax(0, 420px) minmax(0, 1fr);
  justify-content: center;
}
 
.page-jeu .jeu-cover {
  aspect-ratio: 3 / 4;
  width: 100%;
}
 
.page-jeu .jeu-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
 
@media (max-width: 900px) {
  .page-jeu .jeu-grille {
    grid-template-columns: minmax(0, 1fr);
  }
  .page-jeu .jeu-cover {
    max-width: 360px;
    margin-inline: auto;
  }
}

/* =====================================================================
   CHOIX DU MODE DE LIVRAISON (checkout.php)
   ===================================================================== */
.groupe-livraison { margin-bottom: 6px; }
.titre-groupe {
  margin: 18px 0 8px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--texte-doux);
}
.option-livraison > span { flex: 1; min-width: 0; }
.prix-service {
  margin-left: auto;
  padding-left: 12px;
  font-weight: 800;
  white-space: nowrap;
  color: var(--texte);
}
.champ-adr { display: flex; flex-direction: column; gap: 6px; }
.form-adresse small { color: var(--texte-doux); font-size: 0.72rem; }
.champ-adr small + label { margin-top: 10px; }

/* =====================================================================
   MARCHÉS (marches.php, admin_marches.php, admin_marche_form.php)
   ===================================================================== */
.marches-intro { max-width: 720px; margin: 0 0 3vh; color: var(--texte-doux); line-height: 1.6; }
.liste-marches { display: flex; flex-direction: column; gap: 16px; width: 100%; margin-bottom: 2vh; }

.marche {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  background: var(--carte);
  border: 1px solid var(--bord);
  border-radius: 10px;
  box-shadow: var(--ombre);
  overflow: hidden;
}
.marche-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: 16px 8px;
  background: var(--noir);
  color: #ffffff;
  border-right: 4px solid var(--accent);
  text-align: center;
}
.marche-date .jour { font-size: 1.7rem; font-weight: 800; line-height: 1.1; }
.marche-date .mois { font-size: 0.85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; }
.marche-date .annee { font-size: 0.72rem; color: #d1d5db; }

.marche-corps { padding: 18px 22px; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.marche-tete { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.marche-tete h3 { margin: 0; font-size: 1.1rem; font-weight: 800; color: var(--texte); }

.badge-marche {
  display: inline-block;
  padding: 3px 11px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  white-space: nowrap;
}
.badge-marche.en-cours { background: #e3f5ec; color: #14573f; }
.badge-marche.bientot  { background: #dbe7fd; color: #1d4ed8; }
.badge-marche.annule   { background: #fdeaea; color: #8f1d1d; }

.marche-infos {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px 24px;
}
.marche-infos li { display: flex; gap: 10px; align-items: flex-start; }
.marche-infos .ico { flex-shrink: 0; line-height: 1.5; }
.marche-infos div { min-width: 0; font-size: 0.9rem; line-height: 1.5; color: var(--texte); overflow-wrap: anywhere; }
.marche-infos strong {
  display: block;
  margin-bottom: 2px;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--texte-doux);
}
.marche-infos small { display: block; font-size: 0.8rem; color: var(--texte-doux); }
.marche-desc { margin: 0; font-size: 0.9rem; line-height: 1.6; color: #374151; }

.marche-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; }
.marche-btn {
  display: inline-block;
  padding: 10px 18px;
  background: #ffffff;
  border: 1px solid var(--bord-fort);
  border-radius: 6px;
  color: var(--texte);
  font-size: 0.82rem;
  font-weight: 600;
  text-decoration: none;
  transition: border-color 0.2s, color 0.2s;
}
.marche-btn:hover { border-color: var(--accent); color: var(--accent); }

.marche.passe .marche-date { background: #4b5563; border-right-color: #9ca3af; }
.marche.annule .marche-date { background: #7f1d1d; border-right-color: #dc2626; }
.marche.annule .marche-tete h3 { text-decoration: line-through; }

.marches-passes { margin-top: 3vh; }
.marches-passes > summary {
  cursor: pointer;
  margin-bottom: 16px;
  font-weight: 700;
  color: var(--texte);
}

@media (max-width: 600px) {
  .marche { grid-template-columns: minmax(0, 1fr); }
  .marche-date {
    flex-direction: row;
    justify-content: flex-start;
    gap: 10px;
    padding: 10px 16px;
    border-right: 0;
    border-bottom: 4px solid var(--accent);
  }
  .marche-date .jour { font-size: 1.3rem; }
  .marche.passe .marche-date { border-bottom-color: #9ca3af; }
  .marche.annule .marche-date { border-bottom-color: #dc2626; }
  .marche-corps { padding: 14px 16px; }
}

/* ---------- Administration des marchés ---------- */
.adm-marche {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 12px 16px;
  background: var(--carte);
  border: 1px solid var(--bord);
  border-radius: 10px;
  box-shadow: var(--ombre);
}
.adm-marche-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 4px;
  background: var(--noir);
  color: #ffffff;
  border-radius: 8px;
  text-align: center;
}
.adm-marche-date b { font-size: 1.4rem; line-height: 1.1; }
.adm-marche-date span { font-size: 0.7rem; color: #d1d5db; }
.adm-marche.passe .adm-marche-date { background: #4b5563; }
.adm-chip.brouillon { background: #fff3cd; color: #7a5b00; }
.adm-chip.annule { background: #fdeaea; color: #8f1d1d; }
.adm-chip.encours { background: #e3f5ec; color: #14573f; }

.adm-coches { display: flex; flex-direction: column; gap: 8px; font-size: 0.85rem; color: var(--texte); }
.adm-coches label { display: flex; gap: 8px; align-items: center; cursor: pointer; }
.adm-coches input { accent-color: var(--accent); }

@media (max-width: 700px) {
  .adm-marche { grid-template-columns: 64px minmax(0, 1fr); }
  .adm-marche .adm-actions { grid-column: 1 / -1; flex-direction: row; }
}

/* Fenêtre de confirmation et boutons d'administration (au cas où admin.css ne les définit pas) */
.adm-btn.danger { background: #b3261e; border-color: #b3261e; color: #ffffff; font-weight: 700; }
.adm-btn.danger:hover { background: #d13a31; border-color: #d13a31; }
button.adm-lien { background: none; border: 0; padding: 0; font: inherit; font-size: 0.8rem; cursor: pointer; text-align: left; }
.adm-dialog { border-radius: 12px; padding: 22px; width: min(440px, 92vw); font-family: inherit; }
.adm-dialog::backdrop { background: rgba(0, 0, 0, 0.55); }
.adm-dialog h3 { margin: 0 0 10px; font-size: 1rem; }
.adm-dialog p { margin: 0 0 12px; overflow-wrap: anywhere; }
.adm-dialog .adm-barre-boutons { justify-content: flex-end; margin-top: 14px; }