/* Firma Publilia: fascia sottile sotto il piè di pagina, centrata su due righe (i pulsanti fissi ai lati non la
   coprono). Colori propri, caratteri del sito: sta bene su ogni tema. */

.firma-publilia {
	--fp-fondo: #0e0d0c;
	--fp-chiaro: #efe7d8;
	--fp-oro: #c9a96e;
	position: relative;
	margin: 0;
	padding: 1.15rem clamp(1rem, 4vw, 2.5rem) 1.25rem;
	background: var(--fp-fondo);
	color: #b3aca1;
	font-family: inherit;
	font-size: .8rem;
	line-height: 1.6;
	letter-spacing: .01em;
	text-align: center;
}
/* Filetto dorato che sfuma ai lati, al posto di un bordo pieno. */
.firma-publilia::before {
	content: "";
	position: absolute;
	inset-block-start: 0;
	inset-inline: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(201, 169, 110, .7), transparent);
}
.firma-publilia__dentro { max-width: 60rem; margin-inline: auto; }
.firma-publilia p { margin: 0; }
.firma-publilia__riga {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: .2rem .9rem;
}
.firma-publilia__riga--seconda { margin-top: .3rem !important; }
/* Logo Publilia originale, blu con il motto «Communication & Imagination» (assets/publilia.png, a tripla risoluzione). */
.firma-publilia__logo {
	display: block;
	width: auto;
	height: 38px;
	max-width: none;
}
/* Il logo è il collegamento alla home di Publilia. */
.firma-publilia .firma-publilia__marchio {
	display: block;
	line-height: 0;
	border-radius: 2px;
	transition: opacity .2s ease;
}
.firma-publilia .firma-publilia__marchio:hover { opacity: .8; }
.firma-publilia .firma-publilia__marchio:focus-visible { outline: 1px solid var(--fp-oro); outline-offset: 4px; }
.firma-publilia__punto { width: 4px; height: 4px; border-radius: 50%; background: var(--fp-oro); opacity: .85; }
.firma-publilia__firma { color: var(--fp-chiaro); }
.firma-publilia__firma em { font-style: italic; font-weight: 500; letter-spacing: .02em; }
.firma-publilia .firma-publilia__invito {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	color: var(--fp-oro);
	font-size: .68rem;
	font-weight: 600;
	letter-spacing: .2em;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	transition: color .2s ease;
}
.firma-publilia__freccia {
	display: inline-block;
	width: 1.5rem;
	height: 1px;
	background: currentColor;
	position: relative;
	transition: width .25s ease;
}
.firma-publilia__freccia::after {
	content: "";
	position: absolute;
	inset-inline-end: 0;
	top: -3px;
	width: 7px;
	height: 7px;
	border-block-start: 1px solid currentColor;
	border-inline-end: 1px solid currentColor;
	transform: rotate(45deg);
}
[dir="rtl"] .firma-publilia__freccia::after { transform: rotate(-45deg); }
.firma-publilia .firma-publilia__invito:hover,
.firma-publilia .firma-publilia__invito:focus-visible { color: var(--fp-chiaro); }
.firma-publilia .firma-publilia__invito:hover .firma-publilia__freccia,
.firma-publilia .firma-publilia__invito:focus-visible .firma-publilia__freccia { width: 2.2rem; }
.firma-publilia .firma-publilia__invito:focus-visible { outline: 1px solid var(--fp-oro); outline-offset: 4px; }
.firma-publilia__sr {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

/* Fino al tablet i pulsanti fissi in basso a destra (torna su, WhatsApp) passano sopra la fascia a fine pagina:
   margine uguale ai due lati, così il testo resta centrato e libero. Sul telefono una riga per parte. */
@media (max-width: 1200px) {
	.firma-publilia { padding-inline: clamp(4.75rem, 13vw, 9.5rem); padding-block-end: 1.6rem; }
}
@media (max-width: 600px) {
	.firma-publilia { padding-inline: 4.5rem; padding-block: 1.35rem 1.7rem; }
	.firma-publilia__punto { display: none; }
	.firma-publilia__logo { margin-inline: auto; margin-block-end: .2rem; }
	.firma-publilia__riga { flex-direction: column; gap: .25rem; }
	.firma-publilia__riga--seconda { margin-top: .6rem !important; gap: .7rem; }
	.firma-publilia .firma-publilia__invito { white-space: normal; flex-wrap: wrap; justify-content: center; letter-spacing: .14em; line-height: 1.7; }
}
@media (prefers-reduced-motion: reduce) {
	.firma-publilia__invito, .firma-publilia__freccia { transition: none; }
}
/* Siti già online con i temi di prima: i vecchi crediti di Publilia nel piè di pagina non si ripetono sopra la fascia
   (dalla 1.1.0 i temi non li hanno più). Selettori stretti: in questi temi avvolgono solo il credito. */
.sito-piede .credito,
.piede-credito,
footer p:has(> a.piede-publilia),
footer p:has(> a[href="https://publilia.com"]),
footer p:has(> a[href="https://publilia.com/"]) { display: none !important; }
@media print {
	.firma-publilia { display: none; }
}