/* CannyRO Tavol Showcase — aliniat la paleta piesemarsat.ro:
   navy #003261 (butoane/footer tema) · albastru #2290cf (accente/search) ·
   fundal deschis #f4f8fc · text #222 · fonturi mostenite din tema (Poppins) */

/* ---------- Aliniere uniforma a cardurilor in TOT magazinul ---------- */
/* Imaginile produselor au proportii diferite (piese si utilaje deopotriva);
   canvas fix 1:1 + object-fit le aliniaza oriunde: categorii, branduri, cautari, filtre. */
.etheme-product-grid-item .etheme-product-grid-image img {
	aspect-ratio: 1 / 1;
	object-fit: contain;
	width: 100%;
	height: auto;
	background: #fff;
}

/* ---------- 5 produse pe rand pe desktop lat ---------- */
/* Grila temei e fixata la 4 coloane (columns-4) si lasa mult gol pe ecrane mari. */
@media (min-width: 1400px) {
	.woocommerce .etheme-product-grid {
		grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
	}
}

/* ---------- Pagina-parinte „Utilaje agricole": doar cardurile de subcategorii ---------- */
/* Cerinta client: fara produse, fara filtre, fara caruselul de sus — doar categoriile. */

/* caruselul orizontal de categorii: ascuns pe TOATE paginile de utilaje */
body[class*="term-utilaje-"] .elementor-element-e3e20a2 {
	display: none !important;
}

/* sidebarul cu filtre: ascuns DOAR pe pagina-parinte; continutul trece full-width */
body.term-utilaje-agricole .elementor-element-4c7ad949 {
	display: none !important;
}

body.term-utilaje-agricole .elementor-element-7a9cd634 {
	width: 100% !important;
}

/* cardurile de subcategorii (loop Woo: .product-category cu .categories-mask peste imagine)
   → imagine pe fundal alb + eticheta navy SUB imagine */
body.term-utilaje-agricole .etheme-product-grid .product-category {
	background: #fff;
	border: 1px solid #e2e9f1;
	padding: 0 0 14px;
}

body.term-utilaje-agricole .etheme-product-grid .product-category > a img {
	aspect-ratio: 1 / 1;
	object-fit: contain;
	width: 100%;
	height: auto;
	background: #fff;
}

body.term-utilaje-agricole .etheme-product-grid .product-category .categories-mask {
	position: static !important;
	transform: none !important;
	inset: auto !important;
	background: transparent !important;
	padding: 10px 8px 0;
}

body.term-utilaje-agricole .etheme-product-grid .product-category .categories-mask h4 {
	margin: 0 0 4px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: #003261 !important;
	text-shadow: none !important;
}

body.term-utilaje-agricole .etheme-product-grid .product-category .categories-mask mark.count {
	background: transparent !important;
	color: #56789a !important;
	font-size: 12.5px;
}

/* ---------- Badge pe cardurile din listare ---------- */
/* Cardurile XStore (etheme grid) nu apeleaza hook-urile standard Woo:
   badge-ul se aplica din CSS pe clasa de categorie generata de WooCommerce. */
.product_cat-utilaje-tavol .etheme-product-grid-image {
	position: relative;
}

.product_cat-utilaje-tavol .etheme-product-grid-image::after {
	content: 'Distribuitor Unic';
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 5;
	padding: 5px 12px;
	background: #003261;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	line-height: 1;
	pointer-events: none;
}

.cannyro-tavol-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 5;
	display: inline-block;
	padding: 5px 12px;
	background: #003261;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	line-height: 1;
}

/* ---------- Header produs TAVOL (sub titlu) ---------- */
/* display/width explicite: blocul .product_meta al temei forteaza inline pe copii. */
.cannyro-tavol-head {
	display: block;
	width: 100%;
	margin: 0 0 14px;
	padding: 0 0 14px;
	border-bottom: 1px solid #dfe8f1;
}

.cannyro-tavol-mark {
	display: inline-block;
	padding: 6px 14px;
	background: #003261;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	line-height: 1;
}

.cannyro-tavol-tagline {
	display: block;
	margin: 12px 0 0;
	font-size: 15px;
	font-style: italic;
	color: #56789a;
	letter-spacing: 0.02em;
}

/* ---------- Caseta de pret TAVOL ---------- */
/* flex column: blocul meta al temei forteaza inline si suprapunea butonul peste pret */
.cannyro-tavol-pricebox {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	width: 100%;
	margin: 6px 0 22px;
	padding: 22px 24px;
	background: #f4f8fc;
	border: 1px solid #d6e3f0;
	border-left: 4px solid #2290cf;
	/* tema centreaza continutul blocului meta — cerinta user: totul la stanga */
	text-align: left !important;
}

.cannyro-tavol-pricebox > * {
	margin-left: 0 !important;
	margin-right: auto !important;
	text-align: left !important;
}

.cannyro-tavol-pricebox .cannyro-tavol-cta {
	margin-top: 12px;
}

.cannyro-tavol-price {
	margin: 0 0 6px;
	font-size: 32px;
	font-weight: 800;
	color: #003261;
	line-height: 1.15;
}

.cannyro-tavol-price small {
	font-size: 16px;
	font-weight: 700;
	color: #56789a;
	letter-spacing: 0.04em;
}

.cannyro-tavol-price-label {
	display: block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #56789a;
	margin-bottom: 4px;
}

/* ---------- CTA telefon (comun) ---------- */
.cannyro-tavol-cta,
.cannyro-tavol-cta:visited {
	display: inline-block;
	padding: 14px 26px;
	background: #003261;
	color: #fff !important;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1;
	text-decoration: none;
	border: 1px solid #003261;
	border-radius: 3px;
	transition: background 0.2s ease, border-color 0.2s ease;
}

.cannyro-tavol-cta:hover,
.cannyro-tavol-cta:focus {
	background: #2290cf;
	border-color: #2290cf;
	color: #fff !important;
}

.cannyro-tavol-trust {
	margin: 14px 0 0;
	font-size: 12.5px;
	letter-spacing: 0.02em;
	color: #5a6b7d;
}

/* ---------- Rand CTA: telefon + WhatsApp ---------- */
.cannyro-cta-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: stretch;
	width: 100%;
	margin-top: 12px;
}

.cannyro-cta-row .cannyro-tavol-cta {
	margin-top: 0;
}

.cannyro-wa-cta,
.cannyro-wa-cta:visited {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 22px;
	background: #25d366;
	color: #fff !important;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1;
	text-decoration: none;
	border: 1px solid #25d366;
	border-radius: 3px;
	transition: background 0.2s ease, border-color 0.2s ease;
}

.cannyro-wa-cta:hover,
.cannyro-wa-cta:focus {
	background: #1da851;
	border-color: #1da851;
	color: #fff !important;
}

.cannyro-wa-cta svg {
	flex: 0 0 auto;
}

/* in hero (centrat prin design), randul CTA sta centrat */
.cannyro-hero-cta-row {
	justify-content: center;
}

/* ---------- CTA pe utilajele fara pret — identic vizual cu caseta TAVOL ---------- */
.cannyro-utilaj-cta-box {
	width: 100%;
	margin: 6px 0 22px;
	padding: 22px 24px;
	background: #f4f8fc;
	border: 1px solid #d6e3f0;
	border-left: 4px solid #2290cf;
	text-align: left !important;
}

.cannyro-utilaj-cta-box > * {
	margin-left: 0 !important;
	margin-right: auto !important;
	text-align: left !important;
}

/* ---------- Curatare bloc meta pe paginile utilajelor ---------- */
/* Cerinta user: fara „Categorii:" si fara „În stoc" la utilaje. */
.product[class*="product_cat-utilaje-"] .product_meta .posted_in,
.product[class*="product_cat-utilaje-"] p.stock {
	display: none;
}

/* ---------- Hero categoria TAVOL ---------- */
.cannyro-tavol-hero {
	margin: 0 0 34px;
	padding: 44px 36px 40px;
	background: #003261;
	color: #fff;
	text-align: center;
	border-bottom: 3px solid #2290cf;
}

.cannyro-tavol-hero-kicker {
	margin: 0 0 10px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: #7fa9cc;
}

.cannyro-tavol-hero-title {
	margin: 0;
	font-size: 52px;
	font-weight: 800;
	letter-spacing: 0.16em;
	color: #fff;
	line-height: 1.05;
}

.cannyro-tavol-hero-sub {
	margin: 8px 0 16px;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #4db4f0;
}

.cannyro-tavol-hero-text {
	max-width: 640px;
	margin: 0 auto 22px;
	font-size: 15px;
	line-height: 1.65;
	color: #c9dcec;
}

.cannyro-tavol-hero .cannyro-tavol-cta {
	background: #2290cf;
	border-color: #2290cf;
	color: #fff !important;
}

.cannyro-tavol-hero .cannyro-tavol-cta:hover,
.cannyro-tavol-hero .cannyro-tavol-cta:focus {
	background: #fff;
	border-color: #fff;
	color: #003261 !important;
}

/* ---------- Galerie utilaje: 1 imagine mare + grila uniforma 2 coloane ---------- */
/* Layoutul temei stivuia toate imaginile la dimensiuni diferite pe verticala. */
.product[class*="product_cat-utilaje-"] .woocommerce-product-gallery .main-images {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
}

.product[class*="product_cat-utilaje-"] .woocommerce-product-gallery .main-images > * {
	width: 100% !important;
	margin: 0 !important;
}

.product[class*="product_cat-utilaje-"] .woocommerce-product-gallery .main-images > *:first-child {
	grid-column: 1 / -1;
}

.product[class*="product_cat-utilaje-"] .woocommerce-product-gallery .main-images img {
	aspect-ratio: 4 / 3;
	object-fit: contain;
	width: 100%;
	height: auto;
	background: #fff;
	border: 1px solid #e7edf3;
}

/* ---------- Tabel specificatii (tab + descrieri) ---------- */
.tavol-specs {
	width: 100%;
	margin: 18px 0 26px;
	border-collapse: collapse;
}

/* !important + selectori dublati: resetul de tabele al temei (in taburi Woo) anula padding-ul,
   iar textul ajungea lipit de marginile celulelor. */
.tavol-specs th,
.tavol-specs td,
.woocommerce-tabs .tavol-specs th,
.woocommerce-tabs .tavol-specs td {
	padding: 12px 18px !important;
	border: 1px solid #dfe8f1;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
}

.tavol-specs th {
	width: 38%;
	background: #f4f8fc;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #3d5872;
}

.tavol-specs tr:nth-child(even) td {
	background: #f9fbfd;
}

/* ---------- Mobil ---------- */
@media (max-width: 767px) {
	.cannyro-tavol-hero {
		padding: 32px 18px 30px;
	}

	.cannyro-tavol-hero-title {
		font-size: 38px;
	}

	.cannyro-tavol-price {
		font-size: 26px;
	}

	.cannyro-tavol-cta {
		display: block;
		text-align: center;
	}

	.cannyro-cta-row {
		flex-direction: column;
	}

	.cannyro-wa-cta {
		justify-content: center;
	}

	.tavol-specs th {
		width: 42%;
	}
}