/**
 * Cabeçalho e rodapé enxutos — Figma Checkout/Cabeçalho, Global/Cabeçalho simplificado e
 * Checkout/Rodapé. Usados na finalização da compra e nas telas de acesso à conta
 * (header-checkout.php e footer-checkout.php).
 *
 * Cabeçalho: 64 de altura, logo a 70 % (147×49) e, à direita, "Voltar para a loja" (só no acesso)
 * e o selo de segurança. Celular: logo a 60 % (126×42).
 */

.cdw-ck-cab {
	border-bottom: 1px solid var(--wp--preset--color--line);
	background: var(--wp--preset--color--surface);
}

.cdw-ck-cab__conteiner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--space-24);
	max-width: var(--wp--custom--layout--container-max);
	min-height: 63px;
	margin-inline: auto;
	padding: 7px var(--wp--preset--spacing--space-24);
}

/* Fundamentos/Logo do cliente a 70 %: 147×49. */
.cdw-ck-cab__logo {
	display: flex;
	flex: none;
	width: 147px;
	height: 49px;
}

.cdw-ck-cab__logo .cdw-logo {
	padding-bottom: 2px;
}

.cdw-ck-cab__logo .cdw-logo__img {
	max-width: 147px;
	max-height: 32px;
}

.cdw-ck-cab__logo .cdw-logo__img--padrao {
	width: 139px;
	height: 20px;
}

.cdw-ck-cab__seguro {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--space-8);
	margin: 0;
	color: var(--wp--preset--color--ink);
	font-size: var(--wp--preset--font-size--label);
	font-weight: var(--wp--custom--weight--bold);
	line-height: 1.5;
	white-space: nowrap;
}

.cdw-ck-cab__seguro .cdw-icone {
	margin-inline: 2px;
	color: var(--wp--preset--color--success);
	font-size: 16px;
}

.cdw-ck-rod {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--wp--preset--spacing--space-8);
	padding: var(--wp--preset--spacing--space-24) var(--wp--preset--spacing--space-16);
	border-top: 1px solid var(--wp--preset--color--line);
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--ink-muted);
	font-size: var(--wp--preset--font-size--caption);
	line-height: 1.5;
	text-align: center;
}

.cdw-ck-rod__links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--wp--preset--spacing--space-4) var(--wp--preset--spacing--space-16);
	margin: 0;
	padding: 0;
	list-style: none;
}

.cdw-ck-rod a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.cdw-ck-rod .cdw-ck-rod__fone {
	text-decoration: none;
}

.cdw-ck-rod__empresa {
	margin: 0;
}

/* "Voltar para a loja" (telas de acesso). */
.cdw-ck-cab__lado {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--space-24);
}

.cdw-ck-cab__voltar {
	display: flex;
	align-items: center;
	gap: 6px;
	min-height: 44px;
	color: var(--wp--preset--color--ink);
	font-size: var(--wp--preset--font-size--label);
	font-weight: var(--wp--custom--weight--bold);
	line-height: 1.5;
	text-decoration: none;
	white-space: nowrap;
}

.cdw-ck-cab__voltar:hover {
	text-decoration: underline;
}

.cdw-ck-cab__voltar .cdw-icone {
	margin-inline: 2px;
	font-size: 16px;
}

@media (max-width: 781px) {
	.cdw-ck-cab__conteiner {
		padding: 8px var(--wp--preset--spacing--space-16);
	}

	.cdw-ck-cab__logo {
		width: 126px;
		height: 42px;
	}

	.cdw-ck-cab__logo .cdw-logo__img {
		max-width: 126px;
		max-height: 28px;
	}

	.cdw-ck-cab__logo .cdw-logo__img--padrao {
		width: 119px;
		height: 17px;
	}

	.cdw-ck-cab__lado {
		gap: 12px;
	}

	/* No celular o selo de segurança dá lugar ao "Voltar para a loja". */
	.cdw-ck-cab__lado .cdw-ck-cab__voltar + .cdw-ck-cab__seguro {
		display: none;
	}
}