/**
 * Tura – Taxonomy Cards widget
 *
 * The widget outputs the theme's own All items "Style 2" markup, so almost all
 * of the design comes from triply/style.css:10790-11005 — radius, the
 * rgba(0,0,0,.3) image wash (.item-thumb:after), the 35% bottom gradient
 * (.babe_all_items_item_inner:after), the hover growth and the 1.05 image zoom.
 *
 * This file only contains the handful of overrides a taxonomy card needs that a
 * product card does not.
 */

.tura-tax-cards {
	--tura-tc-gap: 30px;
	text-align: left;
}

/* Gutters -------------------------------------------------------------- */

.tura-tax-cards .tura-tax-cards__grid {
	margin-left: calc(-1 * (var(--tura-tc-gap) / 2));
	margin-right: calc(-1 * (var(--tura-tc-gap) / 2));
}

/* Beats the theme's generic [class^="column-"] padding of 15px
   (triply/style.css:1130) so the Gap control actually does something. */
.tura-tax-cards .tura-tax-cards__grid > .column-item {
	padding-left: calc(var(--tura-tc-gap) / 2);
	padding-right: calc(var(--tura-tc-gap) / 2);
}

.tura-tax-cards .tura-tax-cards__grid > .babe_items {
	/* .babe_items hard-codes 100/50/33.33% widths; let the
	   [data-elementor-columns…] flex-basis rules decide instead. */
	width: auto;
	margin-bottom: var(--tura-tc-gap);
}

/* Taxonomy-specific tweaks --------------------------------------------- */

/* Style 2 caps the product title at 70% to leave room for the price. There is
   no price here, so let the name use the full width. */
.tura-tax-cards .babe_items_2 .item_title {
	max-width: 100%;
	margin-bottom: 0;
}

.tura-tax-cards .babe_items_2 .item-bottom {
	padding-top: 0;
}

.tura-tax-cards .tura-tax-cards__count {
	margin-top: 4px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	color: #fff;
	opacity: 0.85;
}

/* Nothing renders these, but a stray theme rule could — keep the card clean. */
.tura-tax-cards .post-total-rating,
.tura-tax-cards .item_info_price,
.tura-tax-cards .item-label,
.tura-tax-cards .triply_add_to_wishlist,
.tura-tax-cards .item-meta {
	display: none !important;
}

/* Elementor ships .elementor img{height:auto} (0,1,1), which outranks the
   theme's img rule in some contexts. Restated at 0,3,1 to be safe. */
.tura-tax-cards .item_img .item-thumb img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center center;
}

.tura-tax-cards__empty {
	margin: 0;
	padding: 16px;
	border: 1px dashed #c9d2d8;
	border-radius: 8px;
	color: #6b7a83;
}