/**
 * Simulador de frete na pagina de produto.
 *
 * A cor de destaque fica numa variavel so, para trocar em um lugar.
 */

/* ---- Preco por unidade, ao lado do preco do pacote ---- */

.gerst-unit{
	display:block;
	margin-top:2px;
	font-size:.82em;
	font-weight:600;
	color:#5C6B50;
	letter-spacing:.01em;
}

.gerst-unit .woocommerce-Price-amount{
	font-weight:700;
	color:#3F7A24;
}

/* ---- Produtos relacionados ---- */

.gerst-relacionados{
	margin:44px 0 8px;
	padding-top:28px;
	border-top:1px solid #e5e7eb;
}

.gerst-relacionados h2{
	margin:0 0 18px;
	font-size:1.2rem;
	line-height:1.25;
}

.gerst-rel-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
	gap:16px;
}

.gerst-rel-card{
	display:flex;
	flex-direction:column;
	gap:8px;
	padding:12px;
	border:1px solid #e5e7eb;
	border-radius:10px;
	background:#fff;
	text-decoration:none;
	color:inherit;
}

.gerst-rel-card:hover{
	border-color:#7CB342;
}

.gerst-rel-img img{
	width:100%;
	height:auto;
	aspect-ratio:1/1;
	object-fit:cover;
	border-radius:6px;
	display:block;
}

.gerst-rel-nome{
	font-size:.86rem;
	line-height:1.35;
	color:#1f2937;
}

.gerst-rel-preco{
	font-size:.95rem;
	font-weight:700;
	color:#111;
}

.gerst-rel-preco .gerst-unit{
	font-size:.78rem;
	font-weight:600;
}

#wc-shipping-sim-form{
	--gerst-accent:#7CB342;
	margin:24px 0 0;
	padding:18px;
	border:1px solid #e5e7eb;
	border-radius:10px;
	background:#fafbfc;
}

#wc-shipping-sim-form-title{
	margin-bottom:12px;
	font-size:13px;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:.07em;
	color:#6b7280;
}

#wc-shipping-sim-form-fields{
	display:flex;
	gap:8px;
	flex-wrap:wrap;
}

#wc-shipping-sim-form .input-postcode{
	flex:1 1 170px;
	min-width:0;
	height:48px;
	padding:0 14px;
	/* 16px evita o zoom automatico do Safari no iPhone ao tocar no campo. */
	font-size:16px;
	border:1px solid #d4d8dd;
	border-radius:8px;
	background:#fff;
}

#wc-shipping-sim-form .input-postcode:focus{
	outline:none;
	border-color:var(--gerst-accent);
	box-shadow:0 0 0 3px rgba(124,179,66,.18);
}

#wc-shipping-sim-form button.submit{
	height:48px;
	padding:0 26px;
	border:0;
	border-radius:8px;
	background:var(--gerst-accent);
	color:#fff;
	font-size:15px;
	font-weight:700;
	cursor:pointer;
}

#wc-shipping-sim-form button.submit:hover{
	filter:brightness(.93);
}

#wc-shipping-sim-br-cep-finder{
	margin-top:10px;
	font-size:13px;
}

#wc-shipping-sim-results-title{
	margin:20px 0 10px;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:.07em;
	color:#6b7280;
}

#wc-shipping-sim-results-title strong{
	color:#111;
}

#wc-shipping-sim-results table{
	width:100%;
	border-collapse:collapse;
	border:1px solid #e5e7eb;
	border-radius:10px;
	overflow:hidden;
}

#wc-shipping-sim-results tr + tr{
	border-top:1px solid #f0f1f3;
}

#wc-shipping-sim-results th,
#wc-shipping-sim-results td{
	padding:14px;
	text-align:left;
	font-weight:400;
	vertical-align:middle;
}

#wc-shipping-sim-results .shipping-rate-label{
	font-size:14.5px;
	line-height:1.4;
	color:#111;
}

#wc-shipping-sim-results .col-cost{
	text-align:right;
	white-space:nowrap;
	font-size:16px;
	font-weight:700;
	color:var(--gerst-accent);
}

@media (max-width:480px){
	#wc-shipping-sim-form .input-postcode,
	#wc-shipping-sim-form button.submit{
		flex:1 1 100%;
	}

	#wc-shipping-sim-results th,
	#wc-shipping-sim-results td{
		padding:12px 10px;
	}
}