/**
 * VS Growth Calendar — estilos do overlay de preços sobre o calendário
 * Flatpickr do Tourfic.
 *
 * Princípios:
 * - Não sobrescreve o layout do Tourfic: apenas adiciona espaço e um
 *   pequeno rótulo de preço abaixo do número do dia.
 * - Paleta própria (verde-petróleo para "melhor preço", terracota-coral
 *   para promoções), para o preço se destacar sem brigar com o tema.
 * - Totalmente responsivo; recolhe graciosamente em telas pequenas.
 */

:root {
	--vsg-accent: #0f6b5c;
	--vsg-accent-bg: rgba(15, 107, 92, 0.08);
	--vsg-promo: #e2572b;
	--vsg-muted: #8a8f98;
	--vsg-radius: 6px;
}

/* Dá espaço para o rótulo de preço abaixo do número do dia, sem alterar
   a largura/altura definidas pelo Tourfic — apenas o suficiente para o
   conteúdo extra. */
.flatpickr-day {
	position: relative;
	height: auto !important;
	min-height: 2.5rem;
	padding-bottom: 20px;
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}

.vsg-price {
	margin-top: 2px;
	padding: 1px 5px;
	font-size: 10px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.01em;
	white-space: nowrap;
	color: var(--vsg-accent);
	background: var(--vsg-accent-bg);
	border-radius: var(--vsg-radius);
	pointer-events: none;
}

/* Melhor preço do mês: o "sinal" que puxa o olho para a data mais barata,
   como em plataformas de reserva. É o único elemento com destaque forte
   — o resto permanece discreto de propósito. */
.flatpickr-day.vsg-best-price {
	border-radius: 8px;
	box-shadow: inset 0 0 0 1px var(--vsg-accent);
}

.flatpickr-day.vsg-best-price .vsg-price {
	color: #fff;
	background: var(--vsg-accent);
}

/* Data com promoção/preço reduzido. */
.flatpickr-day.vsg-promo .vsg-price {
	color: #fff;
	background: var(--vsg-promo);
}

.flatpickr-day.vsg-promo .vsg-price::before {
	content: '\2193';
	margin-right: 2px;
}

/* Data sem disponibilidade — mantém o dia visível, apenas esmaecido, sem
   remover a interação já controlada pelo próprio Tourfic. */
.flatpickr-day.vsg-disabled {
	opacity: 0.5;
}

.flatpickr-day.vsg-selected .vsg-price,
.flatpickr-day.selected .vsg-price {
	color: #fff;
	background: #0b5fff;
}

@media (max-width: 480px) {
	.flatpickr-day {
		min-height: 2.1rem;
		padding-bottom: 16px;
	}

	.vsg-price {
		font-size: 9px;
		padding: 1px 4px;
	}
}