/*
Theme Name:   Astra Child — Tilmas
Description:  Tema hijo de Astra para la tienda de Tilmas. Solo agrega estilos de los elementos del plugin Tilmas Store. Los colores siguen los "Colores globales" de Astra (Personalizar > Ajustes globales > Colores), así que se administran desde ahí.
Author: JSHC
Template:     astra
Version:      1.1.0
Text Domain:  astra-child
*/

/* Botón "Comprar ahora" (plugin Tilmas Store). Usa el color 1 global de Astra. */
.tilmas-buy-now {
	background: var(--ast-global-color-1, #1e2b4a);
	color: #fff;
	border: 0;
	border-radius: 4px;
	padding: 0.85em 1.6em;
	cursor: pointer;
}
.tilmas-buy-now:hover { filter: brightness(0.9); }
.tilmas-buy-now:disabled, .tilmas-buy-now.disabled { opacity: 0.5; cursor: not-allowed; filter: none; }

/* Pestaña "Detalles" de la ficha de producto. */
.tilmas-specs { display: grid; grid-template-columns: max-content 1fr; gap: 0.4rem 1.5rem; }
.tilmas-specs dt { font-weight: 600; }
.tilmas-specs dd { margin: 0; }
.tilmas-features { padding-left: 1.2rem; }

/* Guía de tallas: tabla generada desde las variaciones. Se desplaza sola en pantallas angostas. */
.tilmas-size-table-wrap { overflow-x: auto; margin-bottom: 1rem; }
.tilmas-size-table { width: 100%; }
.tilmas-size-table th, .tilmas-size-table td { text-align: left; padding: 0.6rem 0.8rem; }

/* Bloque de seguimiento en "Mi cuenta" y página de gracias. */
.tilmas-tracking {
	border: 1px solid #d9dbd4;
	border-left: 4px solid var(--ast-global-color-0, #a3243b);
	padding: 1rem 1.25rem;
	margin-block: 1.5rem;
}
.tilmas-tracking h2 { margin: 0 0 0.5rem; font-size: 1.25rem; }

/* Campos de factura en el checkout: espacio visual al separarlos. */
.tilmas-invoice-field { margin-top: 0.25rem; }

@media (max-width: 544px) {
	.tilmas-buy-now { width: 100%; margin-top: 0.5rem; }
}