/* Produktu režģis — noteikts kolonnu skaits pa platuma soļiem, nevis auto-fill uzminēšana,
   citādi pēdējais produkts nejauši paliek viens nākamajā rindā. */
.veikals-wrap ul.products {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--solis-3);
	list-style: none;
	padding: 0;
	margin-block: var(--solis-4);
}
@media (min-width: 36rem) { .veikals-wrap ul.products { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 64rem) {
	.veikals-wrap ul.products { grid-template-columns: repeat(4, 1fr); }
	/* Piespiedu fiksācija: kaut kas liek 4. elementam pāriet nākamajā rindā,
	   lai gan ir tieši 4 kolonnas — pinam katru produktu tā kolonnā, lai tas nenotiktu. */
	.veikals-wrap ul.products li.product:nth-child(4n+1) { grid-column: 1 !important; }
	.veikals-wrap ul.products li.product:nth-child(4n+2) { grid-column: 2 !important; }
	.veikals-wrap ul.products li.product:nth-child(4n+3) { grid-column: 3 !important; }
	.veikals-wrap ul.products li.product:nth-child(4n+4) { grid-column: 4 !important; }
}

/* Produktu kartītes — mīksta ēna, bez rāmja (nevis "wireframe" melns 2px rāmis visur) */
.veikals-wrap ul.products li.product {
	background: linear-gradient(180deg, var(--krasa-papirs), var(--krasa-papirs-tumsaks));
	border: none;
	border-radius: var(--radiuss-kartite);
	padding: var(--solis-3) var(--solis-2) var(--solis-2);
	box-shadow: 0 20px 40px -20px rgba(20, 20, 20, 0.28);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	/* Grid pārņem izkārtojumu — atceļ WooCommerce noklusējuma float/procentu platumu,
	   citādi tas rēķinās no grid celiņa un kartītes sarūk uz pusi. */
	float: none !important;
	width: auto !important;
	margin: 0 !important;
}
.veikals-wrap ul.products li.product:hover {
	transform: translateY(-4px);
	box-shadow: 0 24px 44px -18px rgba(20, 20, 20, 0.34);
}
.veikals-wrap li.product a { text-decoration: none; color: inherit; }
.veikals-wrap li.product img { filter: drop-shadow(0 10px 10px rgba(20, 20, 20, 0.14)); }
.veikals-wrap li.product .woocommerce-loop-product__title {
	font-family: var(--fonts-virsraksti);
	font-size: 1.1rem;
	margin-block: var(--solis-2) 0;
}
.veikals-wrap li.product .price {
	color: var(--krasa-oranzs-teksts);
	font-weight: 600;
}
.veikals-wrap li.product > a.woocommerce-LoopProduct-link + a.button,
.veikals-wrap li.product > a.woocommerce-LoopProduct-link ~ .button {
	margin-top: var(--solis-2);
}

/* Pogas — vienmēr pilna pill forma; tumšs teksts uz dzintara oranžā (balts tur neizpilda WCAG AA) */
.veikals-wrap .button,
.veikals-wrap button[type="submit"] {
	background: var(--krasa-oranzs);
	color: var(--krasa-tumsais);
	border: none;
	border-radius: var(--radiuss-poga);
	padding: 0.6em 1.4em;
	font-family: var(--fonts-teksts);
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
}
.veikals-wrap .button:hover,
.veikals-wrap button[type="submit"]:hover { background: var(--krasa-oranzs-tumsaks); color: var(--krasa-tumsais); }

/* Produkta lapa */
.veikals-wrap div.product {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--solis-4);
	margin-block: var(--solis-4);
}
@media (max-width: 48rem) { .veikals-wrap div.product { grid-template-columns: 1fr; } }
/* Sama iemesla dēļ kā augstāk — atceļ WooCommerce float:left/width:48% uz .images/.summary,
   citādi tie sarūk uz pusi savā grid šūnā (48% no jau sadalītā celiņa, ne no visa konteinera). */
.veikals-wrap div.product > .images,
.veikals-wrap div.product > .woocommerce-product-gallery,
.veikals-wrap div.product > .summary {
	float: none !important;
	width: 100% !important;
	clear: none !important;
}
.veikals-wrap div.product .product_title { font-size: 2rem; margin-top: 0; }
.veikals-wrap div.product .woocommerce-product-gallery img {
	background: linear-gradient(180deg, var(--krasa-papirs), var(--krasa-papirs-tumsaks));
	border-radius: var(--radiuss-kartite);
	box-shadow: 0 20px 40px -20px rgba(20, 20, 20, 0.24);
	width: 100%;
	padding: var(--solis-3);
}
.veikals-wrap table.variations select {
	padding: 0.5em 0.8em;
	border: 1px solid rgba(20, 20, 20, 0.2);
	border-radius: var(--radiuss);
	background: var(--krasa-balts);
	font-family: var(--fonts-teksts);
}
.veikals-wrap .woocommerce-variation-price { margin-block: var(--solis-2); font-size: 1.25rem; }
.veikals-wrap form.cart .quantity input {
	padding: 0.5em;
	border: 1px solid rgba(20, 20, 20, 0.2);
	border-radius: var(--radiuss);
	width: 4.5em;
}

/* Paziņojumi — krāsains akcents kreisajā malā, mīksta ēna nevis melns rāmis */
.veikals-wrap .woocommerce-message,
.veikals-wrap .woocommerce-info,
.veikals-wrap .woocommerce-error {
	background: var(--krasa-balts);
	border-left: 4px solid var(--krasa-oranzs);
	border-radius: var(--radiuss);
	box-shadow: 0 8px 20px -12px rgba(20, 20, 20, 0.2);
	padding: var(--solis-2);
	list-style: none;
	margin-block: var(--solis-3);
}

/* Grozs un kase — bāzes kārtība */
.veikals-wrap table.shop_table {
	width: 100%;
	border-collapse: collapse;
	background: var(--krasa-balts);
	border-radius: var(--radiuss-kartite);
	box-shadow: 0 20px 40px -22px rgba(20, 20, 20, 0.24);
	overflow: hidden;
}
.veikals-wrap table.shop_table th,
.veikals-wrap table.shop_table td {
	padding: var(--solis-2);
	border-bottom: 1px solid var(--krasa-papirs-tumsaks);
	text-align: left;
}