/**
 * Checkout e Minha Conta (Hello theme) - estilo Capricho.
 */

/* Container */
.woocommerce-checkout .site-main,
.woocommerce-account .site-main {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

/* Títulos */
.woocommerce-checkout h1.page-title,
.woocommerce-checkout .entry-title,
.woocommerce-account h1.page-title,
.woocommerce-account .entry-title {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 34px;
	font-weight: 400;
	color: #1c1c1c;
	margin: 0 0 28px;
}

.woocommerce-checkout h3,
.woocommerce-checkout #order_review_heading {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 22px;
	font-weight: 400;
	color: #1c1c1c;
	margin: 0 0 18px;
}

/* ==========================================================
   Checkout - formulário
   ========================================================== */
.woocommerce-checkout .form-row {
	margin-bottom: 16px;
}

.woocommerce-checkout .form-row label {
	display: block;
	margin-bottom: 6px;
}

.woocommerce-checkout .form-row .required {
	color: #c0392b;
}

.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea {
	width: 100%;
	height: 48px;
	padding: 0 14px;
}

.woocommerce-checkout .form-row textarea {
	height: auto;
	padding: 12px 14px;
}

.woocommerce-checkout .select2-container .select2-selection--single {
	height: 48px;
	border: 1px solid #ddd;
	border-radius: 0;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 46px;
	padding: 0 14px;
	font-size: 14px;
	color: #1c1c1c;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 46px;
}

/* Login/cupom no topo do checkout */
.woocommerce-checkout .woocommerce-form-login,
.woocommerce-checkout .woocommerce-form-coupon {
	border: 1px solid #eee;
	border-radius: 0;
	background: #fafafa;
	padding: 24px;
	margin-bottom: 24px;
	font-size: 14px;
}

/* Revisão do pedido */
.woocommerce-checkout #order_review {
	background: #fafafa;
	border: 1px solid #f0f0f0;
	padding: 28px;
	margin-top: 32px;
}

.woocommerce-checkout #order_review table.shop_table {
	border: none;
	margin: 0;
}

.woocommerce-checkout #order_review table.shop_table th,
.woocommerce-checkout #order_review table.shop_table td {
	border-bottom: 1px solid #eee;
	padding: 12px 0;
	font-size: 14px;
}

.woocommerce-checkout #order_review table.shop_table th {
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #999;
}

.woocommerce-checkout #order_review table.shop_table .product-name {
	color: #1c1c1c;
}

.woocommerce-checkout #order_review table.shop_table tfoot th,
.woocommerce-checkout #order_review table.shop_table tfoot td {
	text-align: right;
}

.woocommerce-checkout #order_review .order-total .amount {
	font-size: 18px;
	font-weight: 600;
	color: #1c1c1c;
}

/* Botão finalizar */
.woocommerce-checkout #place_order {
	width: 100%;
	height: 56px;
	font-size: 13px;
	margin-top: 18px;
}

/* Termos e condições */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
	font-size: 13px;
	color: #888;
	margin-top: 16px;
}

/* Pedido recebido (thank you) */
.woocommerce-order-received .woocommerce-order h2,
.woocommerce-checkout .woocommerce-order h2 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 22px;
	font-weight: 400;
	margin: 32px 0 14px;
}

.woocommerce-checkout .woocommerce-order-overview {
	list-style: none;
	margin: 0 0 24px;
	padding: 18px 24px;
	background: #fafafa;
	border: 1px solid #f0f0f0;
	display: flex;
	flex-wrap: wrap;
	gap: 12px 32px;
	font-size: 13px;
	color: #666;
}

.woocommerce-checkout .woocommerce-order-overview strong {
	display: block;
	color: #1c1c1c;
	font-size: 14px;
	margin-top: 2px;
}

/* ==========================================================
   Minha Conta
   ========================================================== */
.woocommerce-account .woocommerce-MyAccount-navigation {
	margin-bottom: 32px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 24px;
	border-bottom: 1px solid #eee;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	border: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	display: block;
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #999;
	padding: 14px 0;
	border-bottom: 2px solid transparent;
	text-decoration: none;
	transition: color 0.2s ease, border-color 0.2s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
	color: #1c1c1c;
	border-bottom-color: #1c1c1c;
}

.woocommerce-account .woocommerce-MyAccount-content {
	font-size: 14px;
	color: #444;
}

.woocommerce-account .woocommerce-MyAccount-content > p {
	line-height: 1.8;
}

.woocommerce-account h2,
.woocommerce-account .woocommerce-Address-title h3 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 22px;
	font-weight: 400;
	color: #1c1c1c;
	margin: 24px 0 14px;
}

/* Tabelas (pedidos, downloads, endereços) */
.woocommerce-account table.shop_table,
.woocommerce-account .woocommerce-table {
	border: none;
	border-collapse: collapse;
}

.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td {
	border-bottom: 1px solid #f0f0f0;
	padding: 14px 12px;
	font-size: 14px;
	text-align: left;
}

.woocommerce-account table.shop_table th {
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #999;
}

.woocommerce-account table.shop_table a {
	color: #1c1c1c;
	text-decoration: none;
}

.woocommerce-account table.shop_table a:hover {
	color: #666;
}

/* Status de pedido como etiqueta */
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-status span,
.woocommerce-account mark.order-status {
	background: #f0f0f0;
	color: #555;
	border-radius: 0;
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 5px 10px;
}

/* Formulários da conta (endereço, dados) */
.woocommerce-account .form-row {
	margin-bottom: 14px;
}

.woocommerce-account .form-row input.input-text,
.woocommerce-account .form-row select {
	width: 100%;
	height: 46px;
	padding: 0 14px;
}

/* Endereços em colunas */
.woocommerce-account .u-columns {
	display: flex;
	gap: 32px;
}

.woocommerce-account .u-columns .u-column1,
.woocommerce-account .u-columns .u-column2 {
	width: 50%;
}

@media (max-width: 768px) {
	.woocommerce-checkout #order_review,
	.woocommerce-cart .cart-collaterals .cart_totals {
		padding: 20px;
	}

	.woocommerce-account .u-columns {
		flex-direction: column;
	}

	.woocommerce-account .u-columns .u-column1,
	.woocommerce-account .u-columns .u-column2 {
		width: 100%;
	}
}