/* Solé — blocchi "Passi con pulsante" (lazyblock/sole-steps-cta) e "Richiesta e contatti" (lazyblock/sole-contact).
   Riusano le classi di wedding-toast.css (che viene caricato insieme). Qui solo le aggiunte: nessuna regola esistente viene modificata. */

/* Pulsante sul fondo arancione: scuro, con testo chiaro (l'arancione su arancione non si vede) */
.sole-wt .sole-wt-btn.sole-wt-btn--on-sun{background:var(--sw-deep);color:var(--sw-cream);min-height:64px;padding:0 30px;box-shadow:0 14px 30px rgba(7,46,48,.28)}
.sole-wt .sole-wt-btn.sole-wt-btn--on-sun::before{background:var(--sw-cream)}
.sole-wt .sole-wt-btn.sole-wt-btn--on-sun:hover,.sole-wt .sole-wt-btn.sole-wt-btn--on-sun:focus-visible{color:var(--sw-deep)}
.sole-wt .sole-wt-btn.sole-wt-btn--on-sun:focus-visible{outline:3px solid var(--sw-deep);outline-offset:4px}
.sole-wt-steps__cta{margin-top:64px;display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px}
.sole-wt .sole-wt-steps__note{margin:0;font-family:var(--labor);font-size:11px;letter-spacing:1.45px;text-transform:uppercase;color:var(--sw-deep);opacity:.75}

/* Pulsante fisso: anello chiaro, così si vede anche sul fondo arancione dei passi */
.sole-wt-float--cta .sole-wt-btn{box-shadow:0 18px 40px rgba(4,24,25,.28),0 0 0 3px var(--sw-cream)}
/* Da nascosto sparisce del tutto (l'anello e l'ombra non devono restare visibili sul bordo dello schermo) */
.sole-wt-float--cta{transform:translateY(calc(100% + 56px));visibility:hidden;transition:transform .6s var(--ease),visibility 0s .6s}
.sole-wt-float--cta.show{transform:none;visibility:visible;transition:transform .6s var(--ease),visibility 0s}

@media (max-width:760px){
  .sole-wt-steps__cta{margin-top:44px}
  .sole-wt .sole-wt-btn.sole-wt-btn--on-sun{width:100%}
}

/* ---- Hero con due pulsanti (lazyblock/sole-hero-cta): secondo pulsante con contorno bianco ---- */
.sole-hero-cta .sole-hero-btns{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin-top:32px}
.sole-hero-cta .sole-hero-btns .cta{margin-top:0}
.sole-hero-cta .cta.cta--outline{background:transparent;box-shadow:inset 0 0 0 2px #fff}
.sole-hero-cta .cta.cta--outline a{color:#fff}
@media screen and (max-width:575px){
  .sole-hero-cta .sole-hero-btns{gap:12px}
  .sole-hero-cta .sole-hero-btns:has(.cta--outline) .cta a{padding:0 22px 1px}
}

/* ---- Highlights con pulsanti (lazyblock/sole-highlights-cta): pulsante sulla card ---- */
.sole-wt .sole-wt-card .sole-wt-btn--card{color:var(--sw-deep);margin-top:18px;min-height:48px;padding:0 20px;max-width:100%;white-space:normal}
.sole-wt .sole-wt-card .sole-wt-btn--card span{display:block}

/* ---- A tutta larghezza anche senza "Full width" nella barra del blocco ----
   Dentro .entry-content (layout "constrained": larghezza massima, padding laterale, margini auto !important) questi blocchi
   devono andare da bordo a bordo, come fanno i blocchi Wedding Toast (vedi wedding-toast.css). Stessa tecnica; solo sui nostri 4 blocchi. */
.entry-content.is-layout-constrained>.wp-block-lazyblock-sole-hero-cta,
.entry-content.is-layout-constrained>.wp-block-lazyblock-sole-highlights-cta,
.entry-content.is-layout-constrained>.wp-block-lazyblock-sole-steps-cta,
.entry-content.is-layout-constrained>.wp-block-lazyblock-sole-contact{width:100%;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}
.entry-content.is-layout-constrained>.wp-block-lazyblock-sole-highlights-cta>.sole-wt,
.entry-content.is-layout-constrained>.wp-block-lazyblock-sole-steps-cta>.sole-wt,
.entry-content.is-layout-constrained>.wp-block-lazyblock-sole-contact>.sole-wt{width:100%;max-width:none}

/* ---- Highlights con pulsanti: leggibilita' e stabilita' delle card (solo questo blocco, via .sole-wt-high--cta) ----
   Gradiente piu' deciso dove sta il testo (le foto chiare rendevano illeggibili etichetta e titolo), testo sempre visibile
   (niente salto in hover), card un po' piu' alte per far stare testo + pulsante, pulsante nella stessa posizione in tutte le card. */
.sole-wt-high--cta .sole-wt-card{min-height:300px}
.sole-wt-high--cta .sole-wt-card--large{min-height:622px}
.sole-wt-high--cta .sole-wt-card::after{background:linear-gradient(180deg,rgba(4,24,25,0) 18%,rgba(4,24,25,.55) 50%,rgba(4,24,25,.94) 100%)}
.sole-wt-high--cta .sole-wt-card__overlay{transform:none;padding:28px 30px 30px}
.sole-wt-high--cta .sole-wt-card__label,.sole-wt-high--cta .sole-wt-card h3{text-shadow:0 1px 14px rgba(4,24,25,.55)}
.sole-wt.sole-wt-high--cta .sole-wt-card p{opacity:1;color:rgba(255,250,240,.92);font-size:15px;text-shadow:0 1px 10px rgba(4,24,25,.6)}
.sole-wt-high--cta .sole-wt-card .sole-wt-btn--card:focus-visible{outline:3px solid var(--sw-cream);outline-offset:3px}
@media (max-width:900px){.sole-wt-high--cta .sole-wt-card,.sole-wt-high--cta .sole-wt-card--large{min-height:340px}}

/* ---- Highlights con pulsanti: hover tranquillo (niente scatti) ----
   Nessun movimento di testo o pulsante; la foto ha solo un ingrandimento appena percettibile e lento;
   il pulsante cambia colore con una dissolvenza, senza riempimento che scorre ne' freccia che si sposta. */
.sole-wt-high--cta .sole-wt-card img{transition:transform .9s cubic-bezier(.22,.61,.36,1)}
.sole-wt-high--cta .sole-wt-card:hover img{transform:scale(1.03)}
.sole-wt-high--cta .sole-wt-btn--card::before{display:none}
.sole-wt.sole-wt-high--cta .sole-wt-card .sole-wt-btn--card{transition:background-color .25s ease,box-shadow .25s ease}
.sole-wt.sole-wt-high--cta .sole-wt-card .sole-wt-btn--card:hover{background:var(--sw-cream)}
.sole-wt-high--cta .sole-wt-btn--card::after,.sole-wt-high--cta .sole-wt-btn--card:hover::after{transition:none;transform:none}
@media (prefers-reduced-motion:reduce){.sole-wt-high--cta .sole-wt-card img,.sole-wt-high--cta .sole-wt-card:hover img{transition:none;transform:none}}