/*
 Theme Name:   Proklima
 Theme URI:    https://bricksbuilder.io/
 Description:  Bricks Child Theme.
 Author:       INVELITY
 Author URI:   https://invelity.com/sk/
 Template:     bricks
 Version:      1.0.0
 Text Domain:  proklima
 */

/* ===================================
   Product Attributes Table Element
   =================================== */

.product-attributes-table,
.brxe-product-attributes-table {
	width: 100%;
	margin: var(--space-l, 1.92rem) 0;
}

.product-attributes-table .attributes-table,
.brxe-product-attributes-table .attributes-table {
	width: 100%;
	display: grid !important;
	border: 1px solid var(--border-primary, hsla(0, 0%, 50%, 0.25));
	border-radius: var(--radius-s, 0.8rem);
	overflow: hidden;
}

.product-attributes-table .attributes-table tbody,
.brxe-product-attributes-table .attributes-table tbody {
	display: contents;
}

.product-attributes-table .attributes-table tr,
.brxe-product-attributes-table .attributes-table tr {
	display: grid !important;
	grid-template-columns: 40% 60%;
	border-bottom: 1px solid var(--border-primary, hsla(0, 0%, 50%, 0.25));
}

.product-attributes-table .attributes-table tr:last-child,
.brxe-product-attributes-table .attributes-table tr:last-child {
	border-bottom: none;
}

.product-attributes-table .attributes-table th,
.product-attributes-table .attributes-table td,
.brxe-product-attributes-table .attributes-table th,
.brxe-product-attributes-table .attributes-table td {
	padding: var(--space-xs, 1.11rem) var(--space-s, 1.33rem);
	text-align: left !important;
}

.product-attributes-table .attributes-table th,
.brxe-product-attributes-table .attributes-table th {
	font-weight: 600;
	font-size: var(--text-s, 1.4rem);
	background-color: var(--bg-surface, hsla(0, 0%, 100%, 1));
	color: var(--text-title, hsla(0, 0%, 0%, 1));
	border-right: 1px solid var(--border-primary, hsla(0, 0%, 50%, 0.25));
}

.product-attributes-table .attributes-table td,
.brxe-product-attributes-table .attributes-table td {
	font-size: var(--text-s, 1.4rem);
	color: var(--text-body, hsla(0, 0%, 25%, 1));
	background-color: var(--bg-surface, hsla(0, 0%, 100%, 1));
}

/* Striped rows - subtle alternating background */
.product-attributes-table .attributes-table tr:nth-child(even) th,
.product-attributes-table .attributes-table tr:nth-child(even) td,
.brxe-product-attributes-table .attributes-table tr:nth-child(even) th,
.brxe-product-attributes-table .attributes-table tr:nth-child(even) td {
	background-color: var(--primary-5, hsla(223, 45%, 24%, 0.05));
}

/* Mobile: Stack layout */
@media (max-width: 768px) {
	.product-attributes-table .attributes-table tr,
	.brxe-product-attributes-table .attributes-table tr {
		grid-template-columns: 1fr !important;
		grid-template-rows: auto auto;
	}
	
	.product-attributes-table .attributes-table th,
	.brxe-product-attributes-table .attributes-table th {
		border-right: none;
		border-bottom: 1px solid var(--border-primary, hsla(0, 0%, 50%, 0.25));
		font-weight: 700;
		padding-bottom: var(--space-3xs, 0.77rem);
	}
	
	.product-attributes-table .attributes-table td,
	.brxe-product-attributes-table .attributes-table td {
		padding-top: var(--space-3xs, 0.77rem);
	}
}