/* Prezzi: solo gli stati che la tavola non mostra (hover, focus, avvisi, stati ospite/abbonato). Le misure vengono da board/site.css (importato da site.css). */
.pg-pricing a, .pg-pricing button { cursor: pointer; }
.pg-pricing a:focus-visible, .pg-pricing button:focus-visible { outline: 3px solid var(--ttm-cacao); outline-offset: 2px; }
.pg-pricing .s-6aebe48:hover { background: var(--ttm-pomodoro-hover) !important; }
.pg-pricing .s-6aebe48:active { background: var(--ttm-pomodoro-press) !important; }
.pg-pricing .s-22b6f0b:hover { color: var(--ttm-menu-a) !important; }
.pg-pricing .s-390ffbe { background: none; border: 0; text-align: left; }
.pg-pricing .s-bbd9058:hover { color: var(--ttm-cacao) !important; }
.pg-pricing .ttm-cta-c { text-align: center; }
.pg-pricing [hidden] { display: none !important; }
/* i pulsanti PayPal arrivano dal loro SDK: il contenitore li posiziona soltanto */
#paypal-button-container { width: 100%; min-height: 44px; }
.ttm-flash { max-width: 1280px; margin: 16px auto 0; padding: 0 clamp(16px, 4vw, 56px); }

/* avvisi (flash) */
.toast-container { position: fixed; top: 96px; right: 16px; z-index: 600; display: flex; flex-direction: column; gap: 12px; }
.toast { display: flex; align-items: center; gap: 12px; padding: 14px 18px; background: var(--ttm-bianco); color: var(--ttm-cacao); border-radius: var(--ttm-r-m); box-shadow: var(--ttm-ombra-pop); }
.toast.removing { opacity: 0; transition: opacity .25s ease; }

/* Fatturazione mensile / annuale: l'indicatore bianco scorre sotto il bottone scelto (pricing.php crea .lp-thumb; come in home.css) */
.pg-pricing .lp-js { position: relative; }
.pg-pricing .lp-js .lp-thumb { position: absolute; top: 5px; bottom: 5px; left: 5px; width: 0; border-radius: 999px; background: #FFFFFF;
  box-shadow: 0 6px 14px -8px rgba(110,50,20,0.4); transition: transform .32s cubic-bezier(.4,0,.2,1), width .32s cubic-bezier(.4,0,.2,1); pointer-events: none; }
.pg-pricing .lp-js > button { position: relative; z-index: 1; background: transparent !important; box-shadow: none !important; display: flex !important; align-items: center !important; gap: 8px !important;
  padding: 11px 22px !important; font-weight: 700 !important; transition: color .25s ease; }
@media (prefers-reduced-motion: reduce) { .pg-pricing .lp-js .lp-thumb, .pg-pricing .lp-js > button { transition: none; } }

/* Spazio tra la barra di navigazione e il titolo della pagina (prima il titolo toccava la barra): 40px su telefono, fino a 72px su desktop */
.pg-pricing #pricing { padding-top: clamp(40px, 6vw, 72px) !important; }