/* ==========================================================
   Fofurecas Frete — estilos do Simulador de Frete
   Edite apenas as variáveis abaixo para ajustar cores e fontes.
   (O !important é necessário porque o Simulador aplica estilos inline.)
   ========================================================== */

:root {
	/* Fonte */
	--fofu-fonte: "Poppins", sans-serif;

	/* Tamanhos — DESKTOP */
	--fofu-fs-titulo: 18px;
	--fofu-fs-subtitulo: 13px;
	--fofu-fs-input: 15px;
	--fofu-fs-botao: 13px;
	--fofu-fs-lista: 14px;
	--fofu-fs-cep: 14px;
	--fofu-fs-link: 13px;

	/* Cores */
	--fofu-azul: #1d3f8f;          /* título, botão, links */
	--fofu-azul-claro: #4a73c9;    /* subtítulo */
	--fofu-azul-hover: #15306f;
	--fofu-texto: #333333;
	--fofu-texto-suave: #8a8a8a;   /* placeholder */
	--fofu-borda: #d9d9d9;
	--fofu-fundo-caixa: #ffffff;
	--fofu-fundo-cabecalho: #f5f5f5;
	--fofu-botao-texto: #ffffff;

	/* Formas */
	--fofu-raio: 8px;
	--fofu-altura-campo: 46px;
	--fofu-espaco-lista: 4px;
}

/* Tamanhos — MOBILE (até 767px) */
@media (max-width: 767px) {
	:root {
		--fofu-fs-titulo: 16px;
		--fofu-fs-subtitulo: 12px;
		--fofu-fs-input: 16px; /* 16px evita o zoom automático do iPhone */
		--fofu-fs-botao: 12px;
		--fofu-fs-lista: 13px;
		--fofu-fs-cep: 13px;
		--fofu-fs-link: 12px;
		--fofu-altura-campo: 44px;
	}
}

/* ---------- Fonte em todo o simulador ---------- */
.wc-shipping-simulator-parent-container,
.wc-shipping-simulator-parent-container *,
#wc-shipping-simulator-postcode-form,
#wc-shipping-simulator-postcode-form *,
.wc-shipping-simulator-info-block,
.wc-shipping-simulator-info-block * {
	font-family: var(--fofu-fonte) !important;
}

/* ---------- Título e subtítulo (use estas classes nos seus textos, se quiser) ---------- */
.fofu-frete-titulo {
	margin: 0 0 2px;
	font-family: var(--fofu-fonte);
	font-size: var(--fofu-fs-titulo);
	font-weight: 600;
	color: var(--fofu-azul);
}

.fofu-frete-subtitulo {
	margin: 0 0 12px;
	font-family: var(--fofu-fonte);
	font-size: var(--fofu-fs-subtitulo);
	font-weight: 500;
	color: var(--fofu-azul-claro);
}

/* ---------- Campo de CEP ---------- */
.wc-shipping-simulator-input-current-style {
	height: var(--fofu-altura-campo) !important;
	font-size: var(--fofu-fs-input) !important;
	color: var(--fofu-texto) !important;
	border: 1px solid var(--fofu-borda) !important;
	border-radius: var(--fofu-raio) !important;
	background: var(--fofu-fundo-caixa) !important;
	box-shadow: none !important;
}

.wc-shipping-simulator-input-current-style::placeholder {
	color: var(--fofu-texto-suave) !important;
	opacity: 1;
}

.wc-shipping-simulator-input-current-style:focus {
	outline: none !important;
	border-color: var(--fofu-azul) !important;
}

/* ---------- Botão CONSULTAR ---------- */
.wc-shipping-simulator-button-current-style {
	height: var(--fofu-altura-campo) !important;
	padding: 0 18px !important;
	font-size: var(--fofu-fs-botao) !important;
	font-weight: 600 !important;
	text-transform: uppercase;
	color: var(--fofu-botao-texto) !important;
	background: var(--fofu-azul) !important;
	border: none !important;
	border-radius: var(--fofu-raio) !important;
	cursor: pointer;
}

.wc-shipping-simulator-button-current-style:hover {
	background: var(--fofu-azul-hover) !important;
}

/* ---------- Link "Não sei meu CEP" ---------- */
.wc-shipping-simulator-link-current-style {
	font-size: var(--fofu-fs-link) !important;
	color: var(--fofu-azul) !important;
	text-decoration: underline !important;
}

/* ---------- Caixa de resultados ---------- */
.wc-shipping-simulator-info-block {
	border: 1px solid var(--fofu-borda) !important;
	border-radius: var(--fofu-raio) !important;
	background: var(--fofu-fundo-caixa) !important;
	overflow: hidden;
}

.wc-shipping-simulator-current-postcode-block {
	background: var(--fofu-fundo-cabecalho) !important;
}

.wc-shipping-simulator-current-postcode-text {
	font-size: var(--fofu-fs-cep) !important;
	color: var(--fofu-texto) !important;
}

.wc-shipping-simulator-change-postcode-button {
	font-size: var(--fofu-fs-cep) !important;
	color: var(--fofu-azul) !important;
	text-decoration: underline !important;
}

/* ---------- Lista de fretes ---------- */
.wc-shipping-simulator-shipping-list li {
	margin: 0 0 var(--fofu-espaco-lista) !important;
	font-size: var(--fofu-fs-lista) !important;
	line-height: 1.5 !important;
	color: var(--fofu-texto) !important;
}

.wc-shipping-simulator-shipping-list li strong {
	font-weight: 700 !important;
	color: var(--fofu-texto) !important;
}