/* ==========================================================================
   AquiToyGPS Geo: metodo "Comprar por WhatsApp" + barra de compra fija.
   Tokens tomados de PLANTILLA-PRODUCTO/AquiToy_pdpunificada.html.
   ========================================================================== */

/* --- Checkout: Comprar por WhatsApp -------------------------------------- */
.atg-wa__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: 12px;
	padding: 14px 22px;
	background: #25d366;
	color: #fff !important;
	border-radius: 30px;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.2;
	text-decoration: none !important;
	text-align: center;
	transition: background .15s;
}
.atg-wa__btn:hover,
.atg-wa__btn:focus {
	background: #1ebe5b;
	color: #fff !important;
}
.atg-wa__ico {
	flex: none;
}
/* Metodos de pago siempre visibles: sin radios ni titulos, cada metodo en su bloque. */
form.checkout #payment ul.wc_payment_methods li.wc_payment_method > input[type="radio"],
form.checkout #payment ul.wc_payment_methods li.wc_payment_method > label {
	display: none !important;
}
form.checkout #payment ul.wc_payment_methods li.wc_payment_method > .payment_box {
	display: block !important;
}
form.checkout #payment div.payment_box::before,
form.checkout #payment div.payment_box::after {
	display: none !important;
}
form.checkout #payment ul.wc_payment_methods li.wc_payment_method + li.wc_payment_method {
	margin-top: 14px;
}

/* --- Barra de compra fija ------------------------------------------------ */
.atg-sticky {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99990;
	background: #fff;
	border-top: 1px solid #e2e2e2;
	box-shadow: 0 -8px 22px rgba(0, 0, 0, .10);
	padding: 10px 0;
	padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
}
.atg-sticky__in {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 24px;
}
.atg-sticky__who {
	display: flex;
	align-items: center;
	gap: 13px;
	min-width: 0;
}
.atg-sticky__who img {
	width: 46px;
	height: 46px;
	object-fit: contain;
	border: 1px solid #e2e2e2;
	border-radius: 6px;
	padding: 3px;
	flex: none;
}
.atg-sticky__nm {
	font-size: .92rem;
	font-weight: 600;
	color: #212121;
	line-height: 1.25;
}
.atg-sticky__nm small {
	display: block;
	font-weight: 400;
	color: #898989;
	font-size: .76rem;
	margin-top: 2px;
}
.atg-sticky__buy {
	display: flex;
	align-items: center;
	gap: 16px;
	flex: none;
}
.atg-sticky__pr {
	text-align: right;
	line-height: 1.2;
}
.atg-sticky__pr b {
	display: block;
	font-size: 1.12rem;
	color: #ea0000;
	font-weight: 700;
}
.atg-sticky__pr small {
	color: #898989;
	font-size: .74rem;
}
.atg-sticky__btn {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 24px;
	background: #a80000;
	color: #fff !important;
	border-radius: 30px;
	font-size: .86rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .03em;
	text-decoration: none !important;
	white-space: nowrap;
}
.atg-sticky__btn:hover,
.atg-sticky__btn:focus {
	background: #8e0000;
	color: #fff !important;
}
.atg-sticky__btn.is-busy {
	opacity: .7;
	pointer-events: none;
}

/* Deja sitio a la barra al final de la pagina y sube los botones flotantes. */
body.atg-has-sticky {
	padding-bottom: var(--atg-sticky-h, 74px);
}
/* Solo elementos fixed: un margen en .to-top-container (que esta en el flujo)
   alargaba la pagina y dejaba un hueco blanco tras el footer. */
body.atg-has-sticky .joinchat,
body.atg-has-sticky #toTop {
	margin-bottom: var(--atg-sticky-h, 74px);
}

@media (max-width: 980px) {
	.atg-sticky__who img,
	.atg-sticky__nm small {
		display: none;
	}
	.atg-sticky__nm {
		font-size: .82rem;
	}
	.atg-sticky__buy {
		gap: 11px;
	}
	.atg-sticky__btn {
		padding: 12px 18px;
		font-size: .82rem;
	}
}
/* Movil: nombre del producto | precio | boton, con el precio pegado al boton. */
@media (max-width: 520px) {
	.atg-sticky__in {
		padding: 0 14px;
		gap: 10px;
	}
	.atg-sticky__who {
		flex: 1 1 auto;
		min-width: 0;
	}
	.atg-sticky__nm {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		font-size: .78rem;
		line-height: 1.2;
		word-break: break-word;
	}
	.atg-sticky__buy {
		flex: none;
		gap: 10px;
	}
	.atg-sticky__pr b {
		font-size: 1rem;
		white-space: nowrap;
	}
	.atg-sticky__pr small {
		font-size: .68rem;
		white-space: nowrap;
	}
	.atg-sticky__btn {
		padding: 11px 14px;
		font-size: .72rem;
	}
}
@media (max-width: 360px) {
	.atg-sticky__in {
		padding: 0 10px;
		gap: 8px;
	}
	.atg-sticky__buy {
		gap: 8px;
	}
	.atg-sticky__pr b {
		font-size: .92rem;
	}
	.atg-sticky__btn {
		padding: 10px 10px;
		font-size: .66rem;
	}
}