@charset "UTF-8";
/* ==========================================================
   IPM · thème Bootstrap 5.3 · DH Les Sports+
   À charger APRÈS bootstrap.min.css. Même HTML pour toutes les
   marques : on change seulement ce fichier.
   Valeurs : fiche DH Les Sports+ de la toolbox IPM Tools-Design.
   Survols et teintes douces calculés quand la fiche n'en donne pas.
   ========================================================== */
@font-face { font-family: "Open Sans"; src: url("fonts/OpenSans-VF.woff2") format("woff2"); font-weight: 300 800; font-style: normal; font-display: swap; }

:root, [data-bs-theme="light"] {
  --ipm-brand: "dh";
  --ipm-font-title: "Open Sans", Georgia, serif;
  --ipm-font-base: "Open Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --ipm-title-weight: 800;
  --ipm-accent-dark: #FF4D5E;          /* accent lisible sur fond sombre */
  --ipm-surface-dark: #051F3A;   /* fond des blocs sombres (lecteur audio...) */

  --bs-primary: #E1001A; --bs-primary-rgb: 225,0,26;
  --bs-secondary: #051F3A; --bs-secondary-rgb: 5,31,58;
  --bs-warning: #F2C93D; --bs-warning-rgb: 242,201,61;
  --bs-primary-text-emphasis: #7C000E;
  --bs-primary-bg-subtle: #FBE0E4;
  --bs-primary-border-subtle: #F4A6AF;
  --bs-body-font-family: var(--ipm-font-base);
  --bs-body-color: #051F3A; --bs-body-color-rgb: 5,31,58;
  --bs-emphasis-color: #051F3A;
  --bs-link-color: #E1001A; --bs-link-color-rgb: 225,0,26;
  --bs-link-hover-color: #B40014; --bs-link-hover-color-rgb: 180,0,20;
  --bs-focus-ring-color: rgba(225,0,26,.35);
  --bs-border-radius: .25rem;
  --bs-border-radius-sm: .25rem;
  --bs-border-radius-lg: .35rem;
}
[data-bs-theme="dark"] {
  --bs-primary-text-emphasis: #FF4D5E;
  --bs-primary-bg-subtle: #440008;
  --bs-primary-border-subtle: #870010;
  --bs-link-color: #FF4D5E; --bs-link-color-rgb: 255,77,94;
  --bs-link-hover-color: #FF7A86; --bs-link-hover-color-rgb: 255,122,134;
  --bs-body-color: #E9E9EA; --bs-body-color-rgb: 233,233,234; --bs-emphasis-color: #FFFFFF;
}

/* Titres : police de titre de la marque */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
  font-family: var(--ipm-font-title); font-weight: var(--ipm-title-weight);
}

/* Boutons : Bootstrap les compile en bleu, il faut les redéfinir */
.btn-primary {
  --bs-btn-color: #FFFFFF; --bs-btn-bg: #E1001A; --bs-btn-border-color: #E1001A;
  --bs-btn-hover-color: #FFFFFF; --bs-btn-hover-bg: #B40014; --bs-btn-hover-border-color: #B40014;
  --bs-btn-focus-shadow-rgb: 225,0,26;
  --bs-btn-active-color: #FFFFFF; --bs-btn-active-bg: #81000E; --bs-btn-active-border-color: #81000E;
  --bs-btn-disabled-color: #FFFFFF; --bs-btn-disabled-bg: #E1001A; --bs-btn-disabled-border-color: #E1001A;
}
.btn-secondary {
  --bs-btn-color: #FFFFFF; --bs-btn-bg: #051F3A; --bs-btn-border-color: #051F3A;
  --bs-btn-hover-color: #FFFFFF; --bs-btn-hover-bg: #041A31; --bs-btn-hover-border-color: #041A31;
  --bs-btn-focus-shadow-rgb: 5,31,58;
  --bs-btn-active-color: #FFFFFF; --bs-btn-active-bg: #041A31; --bs-btn-active-border-color: #041A31;
  --bs-btn-disabled-color: #FFFFFF; --bs-btn-disabled-bg: #051F3A; --bs-btn-disabled-border-color: #051F3A;
}
.btn-warning {
  --bs-btn-color: #051F3A; --bs-btn-bg: #F2C93D; --bs-btn-border-color: #F2C93D;
  --bs-btn-hover-color: #051F3A; --bs-btn-hover-bg: #DFB938; --bs-btn-hover-border-color: #DFB938;
  --bs-btn-focus-shadow-rgb: 242,201,61;
  --bs-btn-active-color: #051F3A; --bs-btn-active-bg: #CEAB34; --bs-btn-active-border-color: #CEAB34;
  --bs-btn-disabled-color: #051F3A; --bs-btn-disabled-bg: #F2C93D; --bs-btn-disabled-border-color: #F2C93D;
}
.btn-outline-primary {
  --bs-btn-color: #E1001A; --bs-btn-border-color: #E1001A;
  --bs-btn-hover-color: #FFFFFF; --bs-btn-hover-bg: #E1001A; --bs-btn-hover-border-color: #E1001A;
  --bs-btn-focus-shadow-rgb: 225,0,26;
  --bs-btn-active-color: #FFFFFF; --bs-btn-active-bg: #E1001A; --bs-btn-active-border-color: #E1001A;
  --bs-btn-disabled-color: #E1001A; --bs-btn-disabled-border-color: #E1001A;
}
.btn-outline-secondary {
  --bs-btn-color: #051F3A; --bs-btn-border-color: #051F3A;
  --bs-btn-hover-color: #FFFFFF; --bs-btn-hover-bg: #051F3A; --bs-btn-hover-border-color: #051F3A;
  --bs-btn-focus-shadow-rgb: 5,31,58;
  --bs-btn-active-color: #FFFFFF; --bs-btn-active-bg: #051F3A; --bs-btn-active-border-color: #051F3A;
  --bs-btn-disabled-color: #051F3A; --bs-btn-disabled-border-color: #051F3A;
}
.btn { --bs-btn-font-family: var(--ipm-font-base); }
.btn:focus-visible { box-shadow: 0 0 0 .25rem rgba(225,0,26,.35); }
[data-bs-theme="dark"] .btn-outline-primary { --bs-btn-color: #FF4D5E; --bs-btn-border-color: #FF4D5E; }

/* Formulaires : focus et cases cochées */
.form-control:focus, .form-select:focus, .form-check-input:focus { border-color: #ED6676; box-shadow: 0 0 0 .25rem rgba(225,0,26,.35); }
.form-check-input:checked, .form-check-input[type=checkbox]:indeterminate { background-color: #E1001A; border-color: #E1001A; }
.form-switch .form-check-input:focus { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ED6676'/%3e%3c/svg%3e"); }
.form-range::-webkit-slider-thumb { background-color: #E1001A; }
.form-range::-moz-range-thumb { background-color: #E1001A; }
.form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(225,0,26,.35); }
.form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(225,0,26,.35); }

/* Composants à couleur active */
.nav-pills { --bs-nav-pills-link-active-bg: #E1001A; }
.nav-link:focus-visible { box-shadow: 0 0 0 .25rem rgba(225,0,26,.35); }
.pagination { --bs-pagination-active-bg: #E1001A; --bs-pagination-active-border-color: #E1001A; --bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(225,0,26,.35); }
.progress, .progress-stacked { --bs-progress-bar-bg: #E1001A; }
.list-group { --bs-list-group-active-bg: #E1001A; --bs-list-group-active-border-color: #E1001A; }
.dropdown-menu { --bs-dropdown-link-active-bg: #E1001A; }
.accordion { --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(225,0,26,.35); --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23920011' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); }
.table-primary { --bs-table-bg: #FBE0E4; }