/* CityShirt webapp — invito all'installazione */

.csw-invito{
	position:fixed; left:12px; right:12px; bottom:12px; z-index:9998;
	max-width:420px; margin:0 auto;
	background:#111214; color:#fff;
	border-radius:16px; padding:16px 18px;
	box-shadow:0 18px 44px -14px rgba(0,0,0,.6);
	font-size:15px; line-height:1.5;
	animation:csw-su .28s ease-out;
}

@keyframes csw-su{ from{ opacity:0; transform:translateY(14px) } to{ opacity:1; transform:none } }
@media (prefers-reduced-motion:reduce){ .csw-invito{ animation:none } }

.csw-invito__t{ font-weight:800; font-size:1.02rem; letter-spacing:-.01em }
.csw-invito__s{ color:#c9ccd2; font-size:.88rem; margin-top:4px }
.csw-invito__s strong{ color:#fff }

.csw-invito__b{ display:flex; gap:8px; margin-top:13px }
.csw-invito__b button{
	flex:1; border:0; border-radius:10px; padding:11px 16px;
	font:inherit; font-size:.9rem; font-weight:700; cursor:pointer;
}
.csw-si{ background:#e11d48; color:#fff }
.csw-si:hover{ background:#be123c }
.csw-no{ background:rgba(255,255,255,.12); color:#e8eaed }
.csw-no:hover{ background:rgba(255,255,255,.2) }

/*
 * I pulsanti flottanti del sito (WhatsApp, chat) stanno anch'essi in basso: senza questo
 * margine l'invito ci finirebbe sopra e coprirebbe un canale di contatto che funziona.
 */
@media (max-width:600px){
	.csw-invito{ bottom:76px }
}