/* ═══════════════════════════════════════════════════════════
   GSHIATSU78 — ruban-octobre.css
   Badge de soutien "Octobre Rose" (lutte contre le cancer du
   sein), affiché automatiquement en octobre par ruban-octobre.js.
   ═══════════════════════════════════════════════════════════ */

/* Mêmes dimensions et position (en miroir) que le bouton de chat
   #gshiatsu-chat-btn (voir chatbot-widget.js) afin que les deux
   boutons restent alignés et de même taille à toutes les largeurs
   d'écran, y compris sur mobile. */
.badge-ruban-octobre {
    display: none; /* affiché par ruban-octobre.js uniquement en octobre */
    position: fixed;
    bottom: 28px;
    left: 28px;
    z-index: 500;
    width: 64px;
    height: 64px;
    background: var(--color-extra-light, #fff);
    border-radius: 50%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
    align-items: center;
    justify-content: center;
    padding: 11px;
}

.badge-ruban-octobre img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}