/* Kategorijų sąrašas (product/category.tpl). Įtraukiamas tik kategorijų puslapyje. */

/* Prekės pavadinimas atveria eilutę su nuotrauka ir aprašymu: mygtukas atrodo kaip tekstas, bet pasiekiamas klaviatūra. */
.g-atelier table.product-list td.xtnd{cursor:pointer}
.g-atelier table.product-list .atelier-row-toggle{all:unset;display:inline;cursor:pointer;font:inherit;font-weight:600;color:inherit;text-align:left;line-height:1.45}
.g-atelier table.product-list .atelier-row-toggle:hover{text-decoration:underline;text-underline-offset:3px}
.g-atelier table.product-list .atelier-row-toggle:focus-visible{outline:2px solid #8a6d3b;outline-offset:3px}
.g-atelier table.product-list tr.extended td.description{font-size:12px;line-height:1.6;color:#4d5649}

/* Telefone lentelė slenka į šoną – prekės pavadinimas lieka matomas kairėje. */
@media (max-width:760px){
	.g-atelier table.product-list tr>th:first-child,
	.g-atelier table.product-list tr>td.xtnd{position:sticky;left:0;z-index:2;min-width:128px;max-width:150px;background:#fff;box-shadow:1px 0 0 #d9d7cb}
	.g-atelier table.product-list tr>th:first-child{background:#eae8dc}
	.g-atelier table.product-list tr.odd>td.xtnd{background:#faf9f4}
	.g-atelier table.product-list tr:hover>td.xtnd{background:#f2f1e8}
}

/* Patikra 2026-11-11: telefone kiekio „−“ ir stulpelių antraštės neturi likti po prilipusiu pavadinimu net paslinkus iki galo –
   pavadinimo stulpelis siauresnis, kiekio langelis kompaktiškesnis (kiekio langelis ≤ lentelės plotis − pavadinimo stulpelis). */
@media (max-width:760px){
	.g-atelier .atelier-table-scroll table.product-list tr>th:first-child,
	.g-atelier .atelier-table-scroll table.product-list tr>td.xtnd{width:104px;min-width:96px;max-width:104px}
	.g-atelier .atelier-table-scroll table.product-list tr>td.xtnd .atelier-row-toggle{font-size:12.5px;line-height:1.35;overflow-wrap:anywhere}
	.g-atelier .atelier-table-scroll table.product-list td.quantity{padding-left:6px;padding-right:6px}
	.g-atelier .atelier-table-scroll table.product-list td.quantity>a:not(.tip),
	.g-atelier .atelier-table-scroll table.product-list td.quantity>button:not(.tip){width:32px;height:40px}
	.g-atelier .atelier-table-scroll table.product-list td.quantity>input[type=text]{width:36px;height:40px;min-height:40px}
	.g-atelier .atelier-table-scroll table.product-list td.quantity>a.tip,
	.g-atelier .atelier-table-scroll table.product-list td.quantity>button.tip{height:40px;margin-left:6px;padding:0 10px}
}
@media (max-width:340px){
	.g-atelier .atelier-table-scroll table.product-list tr>th:first-child,
	.g-atelier .atelier-table-scroll table.product-list tr>td.xtnd{width:88px;min-width:84px;max-width:88px}
}