/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* ──────────────────────────────────────────────────────────────
   Tabla de detalles del producto (pestaña "Details" / Additional
   Information). Fuerza una columna de etiquetas uniforme en todos
   los productos, independientemente del largo de los valores.
   Base: el ancho de la tabla del kimono (~25%).
   ────────────────────────────────────────────────────────────── */
.woocommerce-product-attributes,
table.shop_attributes {
	table-layout: fixed;
	width: 100%;
}

.woocommerce-product-attributes th,
.woocommerce-product-attributes-item__label,
table.shop_attributes th {
	width: 25%;
	vertical-align: top;
	word-break: break-word;
}

.woocommerce-product-attributes td,
.woocommerce-product-attributes-item__value,
table.shop_attributes td {
	vertical-align: top;
	word-break: break-word;
}

@media (max-width: 600px) {

	.woocommerce-product-attributes th,
	.woocommerce-product-attributes-item__label,
	table.shop_attributes th {
		width: 38%;
	}
}

/* La sección "Experience" ahora la maneja el plugin MB Experience
   (shortcode [mb_experience]); sus estilos van con el shortcode. */

/* En móvil, el título "The My Boudoir Experience" (bloque nativo) toma el
   mismo tamaño que "Featured Products" (25px, igual que su fontSizeMobile). */
@media (max-width: 767px) {
	.wp-block-group.mb-experience > h2.wp-block-heading {
		font-size: 25px !important;
		line-height: 1.3;
	}
}