/* Point 16 — minimal shared spacing + card/button design tokens (conservative) */

:root {
	/* Spacing scale (4px base) */
	--space-1: 0.25rem; /* 4px */
	--space-2: 0.5rem;  /* 8px */
	--space-3: 0.75rem; /* 12px */
	--space-4: 1rem;    /* 16px */
	--space-5: 1.25rem; /* 20px */
	--space-6: 1.5rem;  /* 24px */

	/* Card */
	--card-radius: 0.5rem;
	--card-padding: var(--space-3);
	--card-gap: var(--space-2);
	--card-img-max-height: 11.25rem; /* 180px — denser cards */
	--card-shadow-hover: 0 1rem 3.75rem rgba(0, 0, 0, 0.08), 0 0.5rem 1.875rem -1.25rem rgba(0, 0, 0, 0.04);

	/* Buttons (storefront) */
	--btn-radius: var(--border-radius, 0.375rem);
	--btn-padding-y: var(--space-1);
	--btn-padding-x: var(--space-4);
	--btn-font-size: 0.8125rem; /* 13px */
	--btn-min-width: 8.5rem;
	--btn-max-height: 1.875rem; /* 30px list actions */

	/* Align with existing Frappe soft tokens when present */
	--eie-padding-sm: var(--padding-sm, var(--space-2));
	--eie-margin-sm: var(--margin-sm, var(--space-2));
}

/* Consistent product card baseline */
.item-card-group-section .card {
	border-radius: var(--card-radius);
}

.item-card-group-section .item-card {
	padding: var(--eie-padding-sm);
}

.item-card-group-section .card-body-flex,
.item-card-body {
	gap: var(--card-gap);
}

.item-card-title-row {
	margin-top: var(--space-4);
	gap: var(--space-2);
}

.item-card-group-section .card-img-container,
.item-card-group-section .card-img,
.item-card-group-section .no-image {
	max-height: var(--card-img-max-height);
}

.item-card-group-section .no-image-list {
	margin-top: var(--space-2);
	margin-bottom: var(--space-2);
}

.item-card-group-section .card:hover {
	box-shadow: var(--card-shadow-hover);
}

/* Consistent list-row / cart action buttons */
.list-row {
	padding-top: var(--space-3);
	padding-bottom: var(--space-3);
}

.list-row .btn-add-to-cart-list.list-action-btn,
.eie-cart-btn-fluid,
.btn.category-chip {
	padding: var(--btn-padding-y) var(--btn-padding-x);
	font-size: var(--btn-font-size);
	border-radius: var(--btn-radius);
}

.list-row .btn-add-to-cart-list.list-action-btn {
	min-width: var(--btn-min-width);
	max-height: var(--btn-max-height);
}

.eie-button.cart-button,
.eie-cart-btn-fluid {
	min-width: var(--btn-min-width);
	max-width: 100%;
}

.item-view-attribute {
	margin-bottom: var(--space-3);
}