/* =========================================================
   Pagina Contatti — icone funzionali
   Compatibile sia con il pattern aggiornato sia con le pagine
   già create dal pattern precedente.
   ========================================================= */

.stageflow-contact-pattern .stageflow-contact-kicker,
.stageflow-contact-pattern .stageflow-contact-panel .stageflow-contact-column > p:first-of-type {
  display: flex;
  align-items: center;
  gap: 0.55rem;
}

.stageflow-contact-pattern .stageflow-contact-kicker::before,
.stageflow-contact-pattern .stageflow-contact-panel .stageflow-contact-column > p:first-of-type::before,
.stageflow-contact-pattern .stageflow-contact-action .wp-block-button__link::before,
.stageflow-contact-pattern .stageflow-contact-panel .wp-block-button__link::before {
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  width: 1.1em;
  height: 1.1em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* Dove siamo — pin */
.stageflow-contact-pattern .stageflow-contact-location-label::before,
.stageflow-contact-pattern .stageflow-contact-panel .stageflow-contact-column:first-child > p:first-of-type::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E");
}

/* Biglietteria e informazioni — ticket */
.stageflow-contact-pattern .stageflow-contact-ticket-label::before,
.stageflow-contact-pattern .stageflow-contact-panel .stageflow-contact-column:nth-child(2) > p:first-of-type::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5a2 2 0 0 0-2 2v3a2 2 0 0 1 0 4v3a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-3a2 2 0 0 1 0-4V7a2 2 0 0 0-2-2H4Zm10 2v2h-2V7h2Zm0 4v2h-2v-2h2Zm0 4v2h-2v-2h2Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5a2 2 0 0 0-2 2v3a2 2 0 0 1 0 4v3a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-3a2 2 0 0 1 0-4V7a2 2 0 0 0-2-2H4Zm10 2v2h-2V7h2Zm0 4v2h-2v-2h2Zm0 4v2h-2v-2h2Z'/%3E%3C/svg%3E");
}

/* Pulsanti */
.stageflow-contact-pattern .stageflow-contact-action .wp-block-button__link,
.stageflow-contact-pattern .stageflow-contact-panel .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
}

/* Google Maps — freccia di navigazione */
.stageflow-contact-pattern .stageflow-contact-map-action .wp-block-button__link::before,
.stageflow-contact-pattern .stageflow-contact-panel .stageflow-contact-column:first-child .wp-block-button__link::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M21.7 2.3a1 1 0 0 0-1.05-.23l-18 7A1 1 0 0 0 2.7 11l7.55 2.75L13 21.3a1 1 0 0 0 1.9-.05l7-18a1 1 0 0 0-.2-.95ZM13.95 18.1l-2.1-5.75a1 1 0 0 0-.6-.6L5.5 9.65l13.65-5.3-5.2 13.75Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M21.7 2.3a1 1 0 0 0-1.05-.23l-18 7A1 1 0 0 0 2.7 11l7.55 2.75L13 21.3a1 1 0 0 0 1.9-.05l7-18a1 1 0 0 0-.2-.95ZM13.95 18.1l-2.1-5.75a1 1 0 0 0-.6-.6L5.5 9.65l13.65-5.3-5.2 13.75Z'/%3E%3C/svg%3E");
}

/* WhatsApp — fumetto/telefono, volutamente monocromatico per coerenza */
.stageflow-contact-pattern .stageflow-contact-whatsapp-action .wp-block-button__link::before,
.stageflow-contact-pattern .stageflow-contact-panel .stageflow-contact-column:nth-child(2) .wp-block-button__link::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a9.5 9.5 0 0 0-8.18 14.33L2.3 21.7a.8.8 0 0 0 .98.98l5.38-1.5A9.5 9.5 0 1 0 12 2Zm0 17a7.45 7.45 0 0 1-3.02-.64l-.34-.15-3.35.93.94-3.31-.17-.35A7.5 7.5 0 1 1 12 19Zm4.08-5.47c-.22-.11-1.3-.64-1.5-.71-.2-.08-.35-.11-.5.11-.15.23-.57.71-.7.86-.13.15-.26.17-.48.06-.22-.11-.94-.35-1.78-1.1a6.72 6.72 0 0 1-1.23-1.53c-.13-.22-.01-.34.1-.45.1-.1.22-.26.33-.39.11-.13.15-.22.22-.37.08-.15.04-.28-.02-.39-.05-.11-.5-1.2-.68-1.64-.18-.43-.36-.37-.5-.38h-.42c-.15 0-.39.06-.59.28-.2.22-.77.75-.77 1.83 0 1.08.79 2.13.9 2.27.11.15 1.55 2.37 3.76 3.32.52.23.93.36 1.25.46.53.17 1 .14 1.38.08.42-.06 1.3-.53 1.48-1.04.19-.52.19-.96.13-1.05-.05-.1-.2-.15-.42-.26Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a9.5 9.5 0 0 0-8.18 14.33L2.3 21.7a.8.8 0 0 0 .98.98l5.38-1.5A9.5 9.5 0 1 0 12 2Zm0 17a7.45 7.45 0 0 1-3.02-.64l-.34-.15-3.35.93.94-3.31-.17-.35A7.5 7.5 0 1 1 12 19Zm4.08-5.47c-.22-.11-1.3-.64-1.5-.71-.2-.08-.35-.11-.5.11-.15.23-.57.71-.7.86-.13.15-.26.17-.48.06-.22-.11-.94-.35-1.78-1.1a6.72 6.72 0 0 1-1.23-1.53c-.13-.22-.01-.34.1-.45.1-.1.22-.26.33-.39.11-.13.15-.22.22-.37.08-.15.04-.28-.02-.39-.05-.11-.5-1.2-.68-1.64-.18-.43-.36-.37-.5-.38h-.42c-.15 0-.39.06-.59.28-.2.22-.77.75-.77 1.83 0 1.08.79 2.13.9 2.27.11.15 1.55 2.37 3.76 3.32.52.23.93.36 1.25.46.53.17 1 .14 1.38.08.42-.06 1.3-.53 1.48-1.04.19-.52.19-.96.13-1.05-.05-.1-.2-.15-.42-.26Z'/%3E%3C/svg%3E");
}

/* Colore e dimensioni delle icone delle etichette */
.stageflow-contact-pattern .stageflow-contact-panel .stageflow-contact-column > p:first-of-type::before {
  width: 1.15rem;
  height: 1.15rem;
  color: var(--wp--preset--color--accent, #d8b65b);
  background-color: var(--wp--preset--color--accent, #d8b65b);
}

/* Le icone dentro ai pulsanti ereditano il bianco del testo. */
.stageflow-contact-pattern .stageflow-contact-panel .wp-block-button__link::before {
  width: 1.05rem;
  height: 1.05rem;
}

@media (max-width: 600px) {
  .stageflow-contact-pattern .stageflow-contact-panel .wp-block-button__link {
    gap: 0.55rem;
  }
}