/*
 * Botão "Imprimir" na página pública do item.
 * A cor segue o tema: Blocksy (--theme-palette-color-1), Tainacan Interface
 * (--tainacan-secondary) ou a cor definida no admin (--tip-btn).
 */

.tip-btn-wrap {
	--tip-btn-c: var(--tip-btn, var(--theme-palette-color-1, var(--tainacan-secondary, #2c3e50)));
	display: flex;
	justify-content: flex-end;
	margin: 0 0 1.25rem;
}

.tip-btn {
	display: inline-flex;
	align-items: center;
	gap: .55em;
	padding: .62em 1.25em .62em 1.05em;
	border: 2px solid var(--tip-btn-c);
	border-radius: 999px;
	font-size: .9rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .01em;
	text-decoration: none !important;
	cursor: pointer;
	transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, color .15s ease;
}

.tip-btn__icon { flex: 0 0 auto; }

.tip-btn--solid {
	background: var(--tip-btn-c);
	color: #fff !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .14);
}

.tip-btn--outline {
	background: transparent;
	color: var(--tip-btn-c) !important;
}

.tip-btn--soft {
	border-color: transparent;
	background: color-mix(in srgb, var(--tip-btn-c) 12%, #fff);
	color: var(--tip-btn-c) !important;
}

.tip-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(0, 0, 0, .18);
}

.tip-btn--outline:hover,
.tip-btn--soft:hover {
	background: var(--tip-btn-c);
	color: #fff !important;
}

.tip-btn:focus-visible {
	outline: 3px solid var(--tip-btn-c);
	outline-offset: 3px;
}

.tip-btn:active { transform: translateY(0); }

/* Flutuante: canto inferior direito, só o ícone em telas pequenas. */
.tip-btn-wrap--floating {
	position: fixed;
	right: 1.25rem;
	bottom: 1.25rem;
	z-index: 9990;
	margin: 0;
}

.tip-btn-wrap--floating .tip-btn { box-shadow: 0 6px 20px rgba(0, 0, 0, .25); }

@media (max-width: 600px) {
	.tip-btn-wrap--floating .tip-btn { padding: .8em; }
	.tip-btn-wrap--floating .tip-btn__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
}

@media (prefers-reduced-motion: reduce) {
	.tip-btn { transition: none; }
	.tip-btn:hover { transform: none; }
}

@media print {
	.tip-btn-wrap { display: none !important; }
}