/* Pulsanti del sito - Royal Marine S.a.s. */
.rmpu { position: fixed; z-index: 99990; bottom: 16px; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; pointer-events: none; }
.rmpu-dx { right: 16px; }
.rmpu-sx { left: 16px; align-items: flex-start; }
.rmpu-btn {
  pointer-events: auto; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  width: 52px; height: 52px; border: 0; border-radius: 999px; padding: 0; cursor: pointer;
  color: #fff; text-decoration: none; box-shadow: 0 4px 14px rgba(0, 0, 0, .22);
  transition: transform .15s ease, opacity .2s ease;
}
.rmpu-btn:hover { transform: translateY(-2px); color: #fff; }
.rmpu-btn:focus-visible { outline: 3px solid #C98A0E; outline-offset: 3px; }
.rmpu-btn svg { width: 28px; height: 28px; flex: none; }
.rmpu-wa { background: #1FA855; }
.rmpu-tel { background: #0F1D3A; width: 44px; height: 44px; }
.rmpu-tel svg { width: 22px; height: 22px; }
/* Torna su: piccolo e discreto, compare solo dopo che si scorre */
.rmpu-su { background: rgba(15, 29, 58, .78); width: 40px; height: 40px; box-shadow: none; }
.rmpu-su svg { width: 22px; height: 22px; }
.rmpu-su[hidden] { display: none; }
.rmpu-etichetta { display: none; font: 600 15px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; white-space: nowrap; }
@media (min-width: 900px) {
  .rmpu-wa { width: auto; padding: 0 18px 0 14px; }
  .rmpu-etichetta { display: inline; }
}
@media (prefers-reduced-motion: reduce) { .rmpu-btn { transition: none; } }
@media print { .rmpu { display: none; } }
/* Il tasto del tema non serve più */
#scrollUp { display: none !important; }

/* [icone_social] */
.rmpu-social { --rmpu-misura: 40px; --rmpu-social: #0F1D3A; list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.rmpu-social li { margin: 0; padding: 0; list-style: none; }
.rmpu-social a { display: inline-flex; align-items: center; justify-content: center; width: var(--rmpu-misura); height: var(--rmpu-misura); border-radius: 50%; background: var(--rmpu-social); color: #fff; text-decoration: none; }
.rmpu-social a:hover { opacity: .85; color: #fff; }
/* Colori ufficiali di ogni social: si riconoscono sia su sfondo bianco sia su sfondo scuro */
.rmpu-social .rmpu-s-facebook { background: #1877F2; }
.rmpu-social .rmpu-s-instagram { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
.rmpu-social .rmpu-s-youtube { background: #FF0000; }
.rmpu-social .rmpu-s-linkedin { background: #0A66C2; }
.rmpu-social .rmpu-s-tiktok { background: #000; }
.rmpu-social .rmpu-s-whatsapp { background: #25D366; }
/* [icone_social colore="#..."]: tutte dello stesso colore */
.rmpu-social.rmpu-tinta a { background: var(--rmpu-social); }
.rmpu-social a:focus-visible { outline: 3px solid #C98A0E; outline-offset: 2px; }
.rmpu-social svg { width: 55%; height: 55%; }
/* Sul telefono, nelle pagine col preventivatore, i pulsanti stanno sopra la barra del totale */
@media (max-width: 859px) { body:has(.rmpm-barra) .rmpu { bottom: 72px; } }