/* calcul.css : pages calculettes (calcul.php), 25/10/2026.
   Seulement la calculette, qui n'existe nulle part ailleurs : textes, boutons et couleurs = classes de global.css.
   Toute modification : changer $MAJ_js (initial.php). */
.ccCalc{border:1px solid #ccc;border-radius:8px;padding:8px 10px;margin:12px 0;text-align:left;background:#f7fbff}
.ccCalc [hidden]{display:none!important}
.ccChoix{display:flex;flex-wrap:wrap;gap:6px;margin:6px 5px}
.ccChoix label{flex:1 1 auto;position:relative}
.ccChoix input{position:absolute;opacity:0;width:1px;height:1px}
.ccChoix span{display:block;text-align:center;padding:7px 10px;border:1px solid #29c;border-radius:20px;background:#fff;cursor:pointer;user-select:none}
.ccChoix input:checked+span{background:#29c;color:#fff;font-weight:bold}
.ccChoix input:focus-visible+span{outline:2px solid #184;outline-offset:2px}
.ccChamp{display:inline-block;vertical-align:top;width:calc(50% - 16px);margin:5px;box-sizing:border-box}
.ccChamp label{display:block;font-size:.9em}
.ccChamp input,.ccChamp select{width:100%;box-sizing:border-box;padding:7px;font-size:1.1em;border:1px solid #bbb;border-radius:5px;font-family:inherit;background:#fff}
.ccUnite{display:flex;gap:4px}
.ccUnite input{flex:1 1 auto;min-width:0}
.ccUnite select{width:auto;flex:0 0 auto}
.ccAide{display:block;font-size:.8em;color:#89a}
.ccResultat{margin:10px 5px 4px;padding:8px 10px;border:1px solid #9c9;border-radius:8px;background:#eef8f0;text-align:center;overflow-wrap:anywhere}
.ccResultat.ccKo{border-color:#e99;background:#fdeeec}
.ccResultat.ccErreur{border-color:#ec8;background:#fff8e6}
.ccFormule{margin-top:8px;padding:6px 8px;border:1px dashed #bbb;border-radius:6px;background:#fff;text-align:left}
.ccTable{border-collapse:collapse;margin:8px auto}
.ccTable th,.ccTable td{border:1px solid #ccc;padding:4px 8px;text-align:center}
.ccTable th{background:#f0f8ff}
.ccMiniJeu{vertical-align:middle;border-radius:4px;margin-right:6px}
@media (max-width:600px){.ccChoix span{padding:5px 6px}.ccChamp label{font-size:.8em}.ccAide{font-size:.7em}}/* téléphone : 2 champs par ligne, pour voir le résultat sans trop descendre */