/* Cosmoshop — service client, newsletter, code postal (lot 5, 04/10/2026). Couleurs du design Novamira actif. */
.cosmo-sc,.cosmo-nl,.cosmo-cp,.cosmo-zp{font-family:inherit;color:#152638}
.cosmo-sc{max-width:760px}
.cosmo-sc label,.cosmo-nl label,.cosmo-cp label{display:block;font-weight:600;margin:0 0 6px}
.cosmo-sc input[type=text],.cosmo-sc input[type=email],.cosmo-sc select,.cosmo-sc textarea,.cosmo-nl input[type=email],.cosmo-cp input[type=text]{width:100%;box-sizing:border-box;min-height:48px;padding:12px;border:1px solid #DCE3E4;border-radius:8px;font:inherit;color:#152638;background:#FFFFFF}
.cosmo-sc textarea{min-height:140px;line-height:1.5}
.cosmo-sc input:focus,.cosmo-sc select:focus,.cosmo-sc textarea:focus,.cosmo-nl input:focus,.cosmo-cp input:focus{outline:2px solid #087D89;outline-offset:1px;border-color:#087D89}
.cosmo-sc__form p{margin:0 0 18px}
.cosmo-sc__grille{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
@media (max-width:600px){.cosmo-sc__grille{grid-template-columns:1fr}}
.cosmo-sc__aide,.cosmo-sc__note,.cosmo-nl__note{display:block;color:#65707A;font-size:.875rem;line-height:1.45;margin-top:6px}
.cosmo-sc__bouton,.cosmo-nl__bouton,.cosmo-cp__bouton{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border:0;border-radius:8px;background:#087D89;color:#FFFFFF;font:inherit;font-weight:650;text-decoration:none;cursor:pointer;transition:background-color .15s ease}
.cosmo-sc__bouton:hover,.cosmo-nl__bouton:hover,.cosmo-cp__bouton:hover{background:#06616B;color:#FFFFFF}
.cosmo-sc__bouton:focus-visible,.cosmo-nl__bouton:focus-visible,.cosmo-cp__bouton:focus-visible{outline:2px solid #152638;outline-offset:2px}
.cosmo-sc__hp,.cosmo-nl__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.cosmo-sc__avis{padding:14px 16px;margin:0 0 20px;border:1px solid #287D26;border-radius:8px;background:#F7F8F6}
.cosmo-sc__avis p{margin:0 0 6px}.cosmo-sc__avis p:last-child{margin:0}
.cosmo-sc__avis--erreur{border-color:#D93025}
.cosmo-sc__entete{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;margin:0 0 20px}
.cosmo-sc__vide{color:#65707A}
.cosmo-sc__table{width:100%;border-collapse:collapse}
.cosmo-sc__table th,.cosmo-sc__table td{text-align:left;padding:12px 8px;border-bottom:1px solid #DCE3E4;vertical-align:top}
.cosmo-sc__ref{margin:0 0 4px;color:#65707A;font-size:.875rem}
.cosmo-sc__titre{margin:0 0 10px;font-size:1.375rem;line-height:1.2;font-weight:650}
.cosmo-sc__statut{display:inline-block;padding:3px 10px;border-radius:999px;border:1px solid #DCE3E4;background:#F7F8F6;font-size:.8125rem;font-weight:600;white-space:nowrap}
.cosmo-sc__statut--nouvelle,.cosmo-sc__statut--en-cours{border-color:#087D89;color:#06616B;background:#EDF2EF}
.cosmo-sc__statut--attente-client{border-color:#B26A00;color:#152638}
.cosmo-sc__statut--resolue{border-color:#287D26;color:#152638}
.cosmo-sc__statut--fermee{color:#65707A}
.cosmo-sc__cmd{margin-left:8px;font-size:.9375rem}
.cosmo-sc__messages{list-style:none;margin:20px 0;padding:0}
.cosmo-sc__message{margin:0 0 12px;padding:12px 16px;border:1px solid #DCE3E4;border-radius:8px;background:#FFFFFF;max-width:640px}
.cosmo-sc__message--equipe{margin-left:auto;background:#EDF2EF;border-color:#EDF2EF}
.cosmo-sc__message p{margin:0 0 8px;line-height:1.5}.cosmo-sc__message p:last-child{margin:0}
.cosmo-sc__auteur{font-size:.875rem;color:#65707A}
/* Newsletter */
.cosmo-nl{max-width:560px}
.cosmo-nl__titre{margin:0 0 6px;font-size:1.125rem;font-weight:650;line-height:1.25}
.cosmo-nl__texte{margin:0 0 12px;line-height:1.5}
.cosmo-nl__ligne{display:flex;gap:8px;flex-wrap:wrap}
.cosmo-nl__ligne input[type=email]{flex:1 1 220px;width:auto}
.cosmo-nl__consent{display:flex!important;gap:8px;align-items:flex-start;font-weight:400!important;margin:12px 0 0!important;font-size:.875rem;line-height:1.45}
.cosmo-nl__consent input{margin-top:3px;width:18px;height:18px;flex:0 0 18px;accent-color:#087D89}
.cosmo-nl__msg{margin:12px 0 0;padding:10px 12px;border-radius:8px;border:1px solid #287D26;background:#F7F8F6;color:#152638}
.cosmo-nl__msg--erreur{border-color:#D93025}
.cosmo-nl--sombre,.cosmo-nl--sombre .cosmo-nl__note,.cosmo-nl--sombre label{color:#E0E8ED}
.cosmo-nl--sombre .cosmo-nl__note a,.cosmo-nl--sombre a{color:#35B9CA}
.cosmo-nl--sombre .cosmo-nl__bouton{background:#F6CA56;color:#0D2136}
.cosmo-nl--sombre .cosmo-nl__bouton:hover{background:#EABA40;color:#0D2136}
.cosmo-nl--sombre input[type=email]{border-color:#25303C}
.cosmo-nl--sombre .cosmo-nl__consent input{accent-color:#F6CA56}
/* Code postal */
.cosmo-cp{max-width:420px}
.cosmo-cp__ligne{display:flex;gap:8px}
.cosmo-cp__ligne input[type=text]{flex:1 1 auto;width:auto;max-width:180px;letter-spacing:.06em}
.cosmo-cp__etat{margin:8px 0 0;font-size:.9375rem;line-height:1.45}
.cosmo-cp__etat button{background:none;border:0;padding:0;color:#087D89;font:inherit;text-decoration:underline;cursor:pointer}
.cosmo-cp__note{color:#65707A;font-size:.8125rem;margin:6px 0 0}
.cosmo-cp__erreur{color:#D93025;font-size:.875rem;margin:6px 0 0}
.cosmo-zp[hidden]{display:none!important}
.cosmo-zp__titre{margin:0 0 16px;font-size:1.375rem;font-weight:650;line-height:1.2}
.cosmo-zp__grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}
