/* ================================================================
   KEY4REG-7335 : fallback CSS pour les evenements "sans template"
   (Template_Front == null). Le CSS Bootstrap 5 lui-meme est repris
   depuis Content/bootstrap.min.css (voir WbUsrCntrlTicket.ascx.cs),
   mais .highlighValidator (surlignage rouge des champs obligatoires
   non renseignes, pose via HighlightCssClass des
   ValidatorCalloutExtender) n'est stylee que dans
   UserControl/WebSite/style/css/V2.css, jamais chargee sans template -
   repris ici a l'identique (meme regle que Bootstrap .is-invalid).
   ================================================================ */
.highlighValidator {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    color: #ff1919;
    background-color: rgba(255, 102, 102, 0.08) !important;
    box-shadow: 0 0 0 0 #ff1919, 0 0 0 0 rgba(255, 102, 102, 0.2) !important;
}

/* ================================================================
   KEY4REG-7335 : les boutons Variant="Secondary" (Annuler, Etape
   precedente...) restent trop sombres (gris Bootstrap standard) sans
   template - alignes ici sur le rendu .btn-light (memes variables
   CSS Bootstrap 5 que .btn-light dans Content/bootstrap.min.css).
   ================================================================ */
.btn-secondary {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa;
}

/* ================================================================
   KEY4REG-7335 : TitreRubriqueBo (titre de section : "Participation",
   "Identite"...) n'a aucun style dedie nulle part (avec ou sans
   template) - juste du texte brut. Habillage minimal type "heading"
   sans template uniquement.
   ================================================================ */
.TblTitreRubriqueBo {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.TitreRubriqueBo {
    font-size: 1.375rem;
    font-weight: 600;
    color: #212529;
    padding-bottom: .5rem;
    border-bottom: 2px solid #dee2e6;
}

/* ================================================================
   KEY4REG-7335 : le bouton de validation du choix de profil (Register.aspx,
   BtnSave) porte .btn-lg en dur dans le markup, commun a tous les templates -
   trop grand une fois combine au Bootstrap "brut" sans template (les
   templates visuels compensent via leurs propres regles de taille de bouton).
   Revient ici a la taille .btn par defaut, sans template uniquement.
   ================================================================ */
.btn-lg {
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-font-size: 1rem;
    --bs-btn-border-radius: var(--bs-border-radius);
}

/* ================================================================
   KEY4REG-7335 : en mode Stepper, la barre Precedent/Suivant
   (#ContainerSpanButtons) suit immediatement la carte de la
   sous-section (.card) sans aucun espace - colle visuellement au
   contenu au-dessus. Avec template, l'espacement est fourni par le
   CSS du template lui-meme ; absent ici sans template. Le panel porte
   Style="display:inline" en dur dans le markup (WbUsrCntrlTicket.ascx)
   - margin-top est sans effet sur un element inline, d'ou le besoin
   de repasser en display:block ici. Style inline (attribut HTML) plus
   prioritaire qu'une regle externe : !important necessaire.
   ================================================================ */
#ContainerSpanButtons {
    display: block !important;
    margin-top: 1rem;
}

/* ================================================================
   KEY4REG-7335 : le label d'un .form-check (radio/checkbox) n'est pas
   centre verticalement sur son input - Bootstrap centre par defaut via
   un margin-top fixe sur .form-check-input, calcule pour une
   line-height precise qui ne correspond pas au rendu sans template.
   Un simple margin-top ne suffit pas a corriger ca de facon fiable.
   Passage en grid (colonne input + colonne label, align-items:center)
   avec neutralisation explicite du mecanisme float/margin-left negatif
   standard de Bootstrap - contrairement a un simple display:flex, la
   colonne dediee a l'input evite tout chevauchement avec le label.
   ================================================================ */
.form-check {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    column-gap: .5em;
    padding-left: 0;
}
.form-check .form-check-input {
    float: none;
    margin: 0;
}
.form-check .form-check-label {
    margin: 0;
}