:root{
    --bs-primary:#e30513;
    --bs-primary-rgb: 227, 5, 19;
    --bs-primary-shade: #b80713;
    --bs-info: rgb(252, 230, 231);
    --bs-info-rgb: 252, 230, 231;
    --bs-body-color: #323232;
    --bs-dark: #323232;
    --bs-dark-rgb: 50, 50, 50;
    --bs-dark-shade: #3232321b;
    --bs-secondary: #4b4b4b;
    --bs-light: #f9f9f9;
    --bs-light-rgb: 249, 249, 249;
    
}

@font-face {
 font-family: 'Cera SL sys';
 src:
  url('https://www.seloger.com/assets/gemini/fonts/v1/cera-sl-sys/cera-sl-sys-regular.woff2') format('woff2'),
  url('https://www.seloger.com/assets/gemini/fonts/v1/cera-sl-sys/cera-sl-sys-regular.woff') format('woff');
 font-weight: 400;
 font-style: normal;
 font-display: swap;
}
@font-face {
 font-family: 'Cera SL sys';
 src:
  url('https://www.seloger.com/assets/gemini/fonts/v1/cera-sl-sys/cera-sl-sys-bold.woff2') format('woff2'),
  url('https://www.seloger.com/assets/gemini/fonts/v1/cera-sl-sys/cera-sl-sys-bold.woff') format('woff');
 font-weight: 700;
 font-style: normal;
 font-display: swap;
}

body{
    font-family: 'Cera SL sys', Arial, Helvetica, sans-serif;
}

h1, h2, h3{
    font-weight: 700;
}

h3{
    font-size: 1.2em;
}

a{
    color: var(--bs-body-color);
}

.alert-danger {
    --bs-alert-color: var(--bs-dark);
    --bs-alert-bg: var(--bs-info);
    --bs-alert-border-color: var(--bs-info);
    --bs-alert-link-color: var(--bs-dark);
}

.alert-info {
    --bs-alert-color: var(--bs-dark);
    --bs-alert-bg: var(--bs-light);
    --bs-alert-border-color: var(--bs-light);
    --bs-alert-link-color: var(--bs-dark);
}

.btn-primary {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--bs-primary-shade);
  --bs-btn-hover-border-color: var(--bs-primary-shade);
  --bs-btn-focus-shadow-rgb: var(--bs-primary);
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: var(--bs-primary-shade);
  --bs-btn-active-border-color: var(--bs-primary-shade);
}

.btn-secondary {
  --bs-btn-color: var(--bs-dark);
  --bs-btn-bg: var(--bs-white);
  --bs-btn-border-color: var(--bs-dark);
  --bs-btn-hover-color: var(--bs-dark);
  --bs-btn-hover-bg: var(--bs-dark-shade);
  --bs-btn-hover-border-color: var(--bs-dark);
  --bs-btn-focus-shadow-rgb: var(--bs-dark-rgb);
  --bs-btn-active-color: var(--bs-dark);
  --bs-btn-active-bg: var(--bs-dark-shade);
  --bs-btn-active-border-color: var(--bs-dark);
}

.btn{
    border-radius: 625rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    font-weight: 700;
}

input.form-control:focus,
  textarea.form-control:focus,
  select.form-select:focus {
    border-color: var(--bs-body-color);
    box-shadow: 0 0 0 1px var(--bs-body-color);
    outline: none;
  }

.input-group .form-control,
.input-group .input-group-text {
  border: none;
}

.form-control.is-valid:focus{
    border-color: #198754;
    box-shadow: 0 0 0 1px #198754 !important;
}

.form-control.is-invalid:focus {
  border-color: #dc3545; /* Couleur Bootstrap danger */
  box-shadow: 0 0 0 1px #dc3545 !important;
}

.input-group{
    border: 1px var(--bs-border-color) solid;
}

.input-group input.form-control:focus{
    border: none;
    box-shadow: none;
    outline: none;
}

.input-group .input-group-text{
    background-color: var(--bs-white);
}

.input-group {
    transition: border 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-radius: var(--bs-border-radius);
}

.input-group:focus-within {
    border-color: var(--bs-body-color);
    box-shadow: 0 0 0 1px var(--bs-body-color);
    outline: none;
    border-radius: inherit;
    border-radius: var(--bs-border-radius);
    transition: border 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.input-group:focus-within .input-group-text{
    border-color: var(--bs-body-color);
    transition: border 0.15s ease-in-out;
}

.input-group-lg.input-group:focus-within {
  border-radius: 0.5rem;
}

.input-group-sm.input-group:focus-within {
  border-radius: 0.25rem;
}

.form-check-input:checked {
    background-color: var(--bs-dark);
    border-color: var(--bs-dark);
}

.form-check-input:focus {
    box-shadow: none;
    border-color: var(--bs-dark);
    outline: none;
}

.radio-card-group {
  display: flex;
}

.radio-card-group input[type="radio"] {
  display: none;
}

.radio-card {
    width: 100%;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 0.75rem;
    padding: 1rem;
    text-align: center;
    cursor: pointer;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* Cercle d'indication */
.radio-card::after {
    content: "";
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 1.2rem;
    height: 1.2rem;
    border: 1px solid #aaa;
    border-radius: 50%;
    background: #fff;
    transition: border-color 0.15s ease-in-out, background 0.15s ease-in-out;
}

/* Carte sélectionnée */
.radio-card-group input[type="radio"]:checked + .radio-card {
    border-color: #333;
    box-shadow: 0 0 0 1px #333;
}

/* Cercle rempli quand sélectionné */
.radio-card-group input[type="radio"]:checked + .radio-card::after {
  background: #333;
  box-shadow: inset 0 0 0 3px #FFF;
  border-color: #333;
}

.radio-card-icon img{
    width: 64px;
    height: auto;
}

.radio-card:hover {
    border-color: #888;
}

.was-validated .radio-card-group input[type="radio"]:invalid + .radio-card {
  border-color: #dc3545; /* Bootstrap red */
}

.was-validated .radio-card-group input[type="radio"]:invalid ~ .invalid-feedback {
  display: block;
}

.radio-card-group input[type="radio"]:checked + .radio-card {
  border-color: #198754; /* Bootstrap green */
  box-shadow: 0 0 0 1px #198754;
}

.radio-card-group input[type="radio"]:checked  ~ .invalid-feedback {
  display: none;
}

.toast-container{
  z-index: 9999;
}

footer{
    font-size: .75rem;
    position: fixed;
    bottom: 0;
    background-color: var(--bs-light);
    border-top: 1px solid rgb(224, 224, 224);
    padding: .25rem;
    z-index: 999;
}

.footer-links{
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

.footer-links li{
    display: inline;
    margin-right: 1em;
    unicode-bidi: isolate;
}
.footer-links li:last-child{
    margin-right: 0;
}

.footer-links a{
    color: var(--bs-body-color);
}

.hero{
    height: 152px;
    background-position: center right !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

@media (max-width: 991px) {

    .footer-links li{
        list-style: none;
        display: inline-flex;
    }

}