/* Cases à cocher en interrupteurs façon iPhone. Chargé après mobile.css. */
.option span{flex:1;min-width:0}
.option input[type=checkbox]{-webkit-appearance:none;appearance:none;order:2;position:relative;flex-shrink:0;width:51px;height:31px;min-height:0;margin:0 0 0 auto;padding:0;border:0;border-radius:99px;background:#3b3b44;box-shadow:inset 0 0 0 1px #ffffff14;cursor:pointer;transition:background .25s ease}
.option input[type=checkbox]::before{content:'';position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px #00000040,0 1px 1px #00000029;transition:transform .28s cubic-bezier(.3,1.3,.5,1)}
.option input[type=checkbox]:checked{background:#ff0a78;box-shadow:none}
.option input[type=checkbox]:checked::before{transform:translateX(20px)}
.option input[type=checkbox]:focus{border:0;box-shadow:inset 0 0 0 1px #ffffff14}
.option input[type=checkbox]:checked:focus{box-shadow:none}
.option input[type=checkbox]:focus-visible{outline:2px solid #ff8fbd;outline-offset:3px}
.option:active input[type=checkbox]::before{width:31px}
.option:active input[type=checkbox]:checked::before{transform:translateX(16px)}
/* Grille compacte des outils (page Partenaire) */
.tool-options .option{gap:6px;padding-left:11px;padding-right:9px}
@media(max-width:599px){.tool-options .option strong{font-size:11px;letter-spacing:0}}
.tool-options .option input[type=checkbox]{width:42px;height:26px}
.tool-options .option input[type=checkbox]::before{width:22px;height:22px}
.tool-options .option input[type=checkbox]:checked::before{transform:translateX(16px)}
.tool-options .option:active input[type=checkbox]::before{width:25px}
.tool-options .option:active input[type=checkbox]:checked::before{transform:translateX(13px)}
@media (prefers-reduced-motion:reduce){.option input[type=checkbox],.option input[type=checkbox]::before{transition:none}}

/* Thème clair */
html[data-theme=light] .option input[type=checkbox],html[data-theme=light] .option input[type=checkbox]:focus{background:#e3dde1;border:0;box-shadow:inset 0 0 0 1px #0000000d}
html[data-theme=light] .option input[type=checkbox]:checked,html[data-theme=light] .option input[type=checkbox]:checked:focus{background:#ff0a78;box-shadow:none}