/* Fix mobile badge flottanti Cybear - caricato come file esterno cosi la stringa
   della classe non finisce nell'HTML della pagina (l'iniezione del FAB gioco ha
   una guardia che salta se trova quella stringa nel buffer). Solo <=600px. */
@media (max-width:600px){
  /* Badge Google: compatto (senza "35 recensioni"), sopra il bottone WhatsApp */
  .cyb-gbadge{left:14px!important;bottom:94px!important;padding:6px 12px 6px 8px!important;gap:7px!important;}
  .cyb-gbadge .cyb-gb-sub{display:none!important;}
  .cyb-gbadge .cyb-gb-top{font-size:13px!important;}
  .cyb-gbadge svg{width:20px!important;height:20px!important;}
  /* Cybear Adventure: icona compatta in basso a destra, testo nascosto */
  .cy-game-fab{right:14px!important;bottom:86px!important;padding:8px!important;gap:0!important;border-radius:14px!important;}
  .cy-game-fab .cy-game-fab-t{display:none!important;}
  .cy-game-fab img{width:42px!important;}
}

/* Homepage, slide 05 "Contatti" (template Elementor 131). Su mobile le due colonne
   (circa 40% / 60%) restavano affiancate: la regola di larghezza per-colonna scritta
   da Elementor in post-131.css non ha media query e vince per specificita sulla sua
   stessa regola di stacking (.elementor-column{width:100%}). Risultato: il titolo
   "Contatti" finiva sopra "Hai bisogno di ulteriori informazioni?". Qui le impiliamo.
   La slide e' pp-scrollable (overflow-y:auto), quindi il contenuto piu' alto scorre. */
@media (max-width:767px){
  .elementor-131 .elementor-element.elementor-element-70acc80,
  .elementor-131 .elementor-element.elementor-element-1aaf78e{width:100%!important;}
}
