/*
 * Oller del Mas — Shop layout tweaks.
 *
 * Overrides puntuales sobre el tema idealtheme para compactar la zona
 * de tienda y la ficha de producto. Mantenemos los cambios fuera del
 * tema para que no se pierdan en actualizaciones.
 *
 * Selectores con la misma especificidad que el tema (o mayor) — no
 * usamos !important salvo donde el tema lo encadena.
 */

/* ─── Sub-menú de tienda (".menu-woo" + ".menu-products") ───────────── */

/* Espacio entre el header y el sub-menú en ficha de producto. */
.single-product .menu-woo {
	padding-top: 70px;
}

/* Padding interior del propio menú de categorías. */
.menu-products {
	padding: 18px 20px;
}

/* Espacio entre el sub-menú y el contenido de la ficha de producto. */
.single-product .content-area {
	padding-top: 30px;
}

/* ─── Título del producto ───────────────────────────────────────────── */

.single-product .product-title {
	font-size: 30px;
	padding-top: 14px;
	padding-bottom: 10px;
	margin-bottom: 0;
	line-height: 1.15;
}

/* Espacio bajo la descripción corta (separa de los add-ons / botón). */
.single-product .woocommerce-product-details__short-description {
	margin-bottom: 10px;
}

/* "Precio:" delante del precio principal del producto en single. */
.single-product .summary > .price::before {
	content: "Precio: ";
	color: var(--color-dark, #242322);
	opacity: .6;
	font-weight: 400;
	font-family: var(--font-sans, 'DM Sans', sans-serif);
	margin-right: 4px;
}

/* Responsive: que no se descontrole en móvil. */
@media (max-width: 768px) {
	.single-product .menu-woo  { padding-top: 32px; }
	.menu-products              { padding: 14px 16px; }
	.single-product .content-area { padding-top: 20px; }
	.single-product .product-title { font-size: 30px; padding-top: 10px; }
}