/* Cap Engagement : correction globale des contrôles de formulaire sans modifier le thème du site. */
:root{color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
body select:not([multiple]){
    -webkit-appearance:none;-moz-appearance:none;appearance:none;
    padding-right:42px!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23a6b8ce' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-position:right 13px center!important;
    background-size:14px 14px!important;
    background-repeat:no-repeat!important;
    border-radius:14px!important;
    background-clip:padding-box!important;
}
body select::-ms-expand{display:none}
body input[type="number"]{-moz-appearance:textfield;appearance:textfield}
body input[type="number"]::-webkit-inner-spin-button,
body input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
body :is(input:not([type="checkbox"]):not([type="radio"]),textarea){background-clip:padding-box}

/* Menus personnalisés : correction forte et commune à tout le site */
/* IMPORTANT : .custom-select et .multi-select sont des conteneurs, pas des champs.
   L'ancien thème global leur donnait un fond rectangulaire visible dans les coins
   des véritables boutons arrondis (Défis, Objectifs, Programme, Nouvelle séance). */
body.ce-themed-page .custom-select,
body.ce-themed-page .multi-select,
body .custom-select,
body .multi-select{
    position:relative;
    min-width:0;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    outline:0!important;
    padding:0!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
}
body .custom-select-trigger{
    -webkit-appearance:none!important;
    appearance:none!important;
    width:100%!important;
    min-width:0!important;
    min-height:52px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:14px 16px!important;
    border-radius:16px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    box-shadow:none!important;
    background-clip:padding-box!important;
}
body .custom-select-value{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
    flex:1 1 auto!important;
}
body .custom-select-value i{
    width:18px!important;
    min-width:18px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    flex:0 0 18px!important;
}
body .custom-select-text{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
body .custom-select-arrow{margin-left:12px!important;flex:0 0 auto!important}
body .custom-select .custom-options,
body .multi-select .multi-options{
    border-radius:16px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    max-width:100%!important;
    padding:8px!important;
}
body .custom-option,
body .multi-option{
    -webkit-appearance:none!important;
    appearance:none!important;
    width:100%!important;
    box-sizing:border-box!important;
    border-radius:12px!important;
    overflow:hidden!important;
}
body .custom-option i,
body .multi-option i{min-width:18px!important;text-align:center!important}
body .custom-options,
body .multi-options{scrollbar-width:thin}
@media(max-width:640px){
    body select:not([multiple]){padding-right:38px!important;background-position:right 11px center!important}
    body .custom-select-trigger{padding:13px 14px!important;border-radius:15px!important}
    body .custom-select .custom-options,
    body .multi-select .multi-options{border-radius:15px!important}
}