/*
 Theme Name: Boldman Child
 Template: boldman
*/

/* =========================================================================
   Stromline — single product template (spec: docs/feature-product-template.md)
   Paleta brand (Manual Stromline.pdf):
     #1C78AE Lucario Blue · #C93740 Strawberry Red · #B6BCC2 Krypton
     #268B47 Spring Green · #7FB5D6 Taiwan Blue Magpie · #D96528 Orange
   ========================================================================= */

/* --- Titlu produs: parent îl ascunde (main.min.css), îl reactivăm --- */
.single-product.woocommerce div.product .product_title {
	display: block;
	font-size: 24px;
	line-height: 1.25;
	font-weight: 600;
	color: #212121;
	margin: 0 0 4px;
}

/* --- Summary: context pentru logo absolut --- */
.single-product div.product .summary.entry-summary {
	position: relative;
}

/* --- Logo brand dreapta-sus --- */
.single-product .stromline-brand-logo {
	margin-bottom: 10px;
	text-align: left;
}
.single-product .stromline-brand-logo .stromline-brand-logo-img {
	max-width: 110px;
	max-height: 48px;
	width: auto;
	height: auto;
}
@media (min-width: 768px) {
	.single-product .stromline-brand-logo {
		position: absolute;
		top: 0;
		right: 0;
		margin-bottom: 0;
	}
	/* titlul nu intră sub logo */
	.single-product div.product .summary .product_title {
		padding-right: 130px;
	}
}

/* --- SKU sub titlu --- */
.single-product .stromline-sku {
	font-size: 13px;
	color: #6d6d6d;
	margin: 2px 0 8px;
}
.single-product .stromline-sku span {
	color: #212121;
	font-weight: 600;
}

/* --- Preț: mai vizibil (brand: roșu = preț/CTA principal) ---
   Parent (main.css) fixează font-size pe span-ul intern .woocommerce-Price-amount
   cu specificitate mai mare decât un simplu ".summary .price" — trebuie țintit direct. */
.single-product.woocommerce div.product .summary .price,
.single-product.woocommerce div.product .summary p.price {
	display: inline-block;
	vertical-align: middle;
	margin: 4px 12px 6px 0;
	line-height: 1.3;
}
/* !important necesar: Customizer Additional CSS (wp-custom-css în DB) forțează
   p.price .woocommerce-Price-amount { font-size:16px !important } global — îl batem
   DOAR pe single product prin specificitate mai mare, fără să afectăm loop-ul. */
.single-product.woocommerce div.product .summary .price .woocommerce-Price-amount {
	font-size: 32px !important;
	font-weight: 700;
	color: #C93740; /* roșu implicit — indisponibil (stoc epuizat / furnizor) */
}
/* Verde când produsul e pe stoc (WC adaugă .instock pe div.product) */
.single-product.woocommerce div.product.instock .summary .price .woocommerce-Price-amount {
	color: #268B47;
}
.single-product.woocommerce div.product .summary .price del .woocommerce-Price-amount {
	font-size: 16px !important;
	font-weight: 400;
	color: #6d6d6d !important;
	opacity: 0.8;
}
.single-product.woocommerce div.product .summary .price ins {
	text-decoration: none;
}
.single-product.woocommerce div.product .summary .price small {
	display: block;
	font-size: 13px;
	font-weight: 400;
	color: #6d6d6d;
	margin-top: 2px;
}

/* --- Badge stoc: contur + bulină (stil din referință) --- */
.single-product .stromline-stock-badge {
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	gap: 7px;
	padding: 6px 14px;
	border: 1px solid currentColor;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 500;
	margin: 4px 0 12px;
	background: #fff;
}
.single-product .stromline-stock-badge::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: currentColor;
	flex: none;
}
.single-product .stromline-stock-instock    { color: #268B47; }
.single-product .stromline-stock-backorder  { color: #D96528; }
.single-product .stromline-stock-outofstock { color: #C93740; }

/* --- Descriere scurtă (excerpt) sub badge --- */
.single-product div.product .woocommerce-product-details__short-description {
	font-size: 14px;
	line-height: 1.6;
	color: #6d6d6d;
	margin: 0 0 14px;
}
.single-product div.product .woocommerce-product-details__short-description p:last-child {
	margin-bottom: 0;
}

/* --- Specs vedete: bife verzi pătrate, fără box --- */
.single-product .stromline-specs {
	list-style: none;
	margin: 12px 0 16px;
	padding: 0;
}
.single-product .stromline-specs li {
	position: relative;
	padding-left: 28px;
	margin-bottom: 8px;
	font-size: 14px;
	color: #6d6d6d;
	line-height: 1.5;
}
.single-product .stromline-specs li:last-child {
	margin-bottom: 0;
}
.single-product .stromline-specs li::before {
	content: "\2713"; /* ✓ alb pe pătrat verde deschis */
	position: absolute;
	left: 0;
	top: 1px;
	width: 18px;
	height: 18px;
	background: #4CB36A;
	color: #fff;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
}
.single-product .stromline-specs li strong {
	color: #6d6d6d;
	font-weight: 600;
}

/* Textul standard WC de stoc e redundant cu badge-ul nostru */
.single-product div.product .summary p.stock {
	display: none;
}

/* --- Taburi (Descriere / Fișe Tehnice / Specificații / Recenzii) mutate în
   coloana STÂNGĂ, sub galerie, în dreptul bannerului. Cad în coloana stângă prin
   float+clear; lățime = coloana galeriei (~40%). Font compact + table-layout:fixed
   → conținutul NU depășește lățimea coloanei / capul de tabel. --- */
@media (min-width: 768px) {
	.single-product .stromline-left-tabs {
		float: left;
		clear: left;
		width: 40%;
		margin: 28px 0 0;
	}
}
.single-product .stromline-left-tabs {
	box-sizing: border-box;
}
.single-product .stromline-left-tabs .woocommerce-tabs {
	margin: 0;
}
/* nav taburi: compact, se împachetează pe mai multe rânduri dacă e nevoie */
.single-product .stromline-left-tabs ul.tabs.wc-tabs,
.single-product .stromline-left-tabs ul.tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	padding: 0;
	margin: 0 0 12px;
	list-style: none;
}
.single-product .stromline-left-tabs ul.tabs li {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.2;
}
.single-product .stromline-left-tabs ul.tabs li a {
	padding: 7px 10px;
	font-size: 12px;
}
/* Mobil: nav-ul de taburi rămâne pe UN singur rând. Selectorul lung e necesar ca
   să bată padding-ul 5px 30px din tema părinte (.single .main-holder div.product
   .woocommerce-tabs ul.tabs li); scroll orizontal dacă tot nu încap. */
@media (max-width: 767px) {
	.single-product .stromline-left-tabs ul.tabs.wc-tabs,
	.single-product .stromline-left-tabs ul.tabs {
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.single .main-holder div.product .stromline-left-tabs .woocommerce-tabs ul.tabs li {
		flex: 0 0 auto;
		white-space: nowrap;
		margin: 0;
		padding: 4px 8px;
		font-size: 12px;
	}
	.single .main-holder div.product .stromline-left-tabs .woocommerce-tabs ul.tabs li a {
		padding: 6px 6px;
		font-size: 12px;
	}
}
/* conținut panel compact */
.single-product .stromline-left-tabs .woocommerce-Tabs-panel {
	font-size: 12.5px;
	line-height: 1.5;
}
.single-product .stromline-left-tabs .woocommerce-Tabs-panel h2 {
	font-size: 15px;
	margin-bottom: 10px;
}
/* tabelul de specificații: fixed + break → nu depășește capul de tabel */
.single-product .stromline-left-tabs table.shop_attributes {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	margin: 0;
	font-size: 12px;
	line-height: 1.4;
}
.single-product .stromline-left-tabs table.shop_attributes th,
.single-product .stromline-left-tabs table.shop_attributes td {
	padding: 6px 8px;
	border: 1px solid #e2e2e2;
	text-align: left;
	vertical-align: top;
	word-wrap: break-word;
	overflow-wrap: anywhere;
}
.single-product .stromline-left-tabs table.shop_attributes th {
	width: 48%;
	font-weight: 600;
	color: #212121;
	background: #f6f6f6;
}
.single-product .stromline-left-tabs table.shop_attributes td {
	color: #4a4a4a;
}
.single-product .stromline-left-tabs table.shop_attributes td p {
	margin: 0;
}

/* --- Linkuri documente PDF --- */
.single-product .stromline-pdfs {
	margin: 10px 0 14px;
}
.single-product .stromline-pdf-link {
	display: block;
	color: #1C78AE;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 6px;
	text-decoration: none;
}
.single-product .stromline-pdf-link:hover {
	color: #C93740;
}
.single-product .stromline-pdf-link i {
	color: #C93740;
	margin-right: 6px;
}
.single-product .stromline-pdf-link:hover i {
	color: #1C78AE;
}

/* --- CTA B2B instalator/distribuitor (markup din §7) --- */
.single-product .stromline-b2b-cta {
	display: block;
	background: #1C78AE;
	color: #fff;
	text-align: center;
	margin-top: 12px;
	padding: 12px 16px;
	border-radius: 3px;
	font-size: 14px;
	line-height: 1.5;
	text-decoration: none;
	transition: background 0.2s ease;
}
.single-product .stromline-b2b-cta:hover {
	background: #155e89;
	color: #fff;
}
.single-product .stromline-b2b-cta .stromline-b2b-cta-action {
	display: inline-block;
	margin-top: 6px;
	font-weight: 700;
	text-decoration: underline;
}

/* --- Share social: aceeași linie cu "Adaugă la favorite" (YITH e inline-block
   nativ pe pagina de produs, vezi boldman/css/main.css) --- */
.single-product .stromline-share-row {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	vertical-align: middle;
	margin: 8px 0 8px 6px;
}
.single-product .stromline-share-label {
	font-size: 13px;
	color: #6d6d6d;
}
.single-product .stromline-share-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid #B6BCC2;
	color: #1C78AE;
	font-size: 13px;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease;
}
.single-product .stromline-share-link:hover {
	background: #1C78AE;
	color: #fff;
	border-color: #1C78AE;
}

/* --- Casetă livrare (informativ, static) --- */
.single-product .stromline-delivery-info {
	clear: both;
	margin: 14px 0;
	padding: 12px 14px;
	background: #f6f6f6;
	border-radius: 4px;
}
.single-product .stromline-delivery-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 5px 0;
	font-size: 13px;
	color: #4a4a4a;
}
.single-product .stromline-delivery-item i {
	width: 18px;
	flex: none;
	text-align: center;
	color: #1C78AE;
}
.single-product .stromline-delivery-item strong {
	color: #212121;
	font-weight: 600;
}

/* --- Metode de plată (informativ, static) --- */
.single-product .stromline-payment-icons {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 14px;
}
.single-product .stromline-payment-icons i {
	font-size: 26px;
	color: #6d6d6d;
}

/* =========================================================================
   Casete produs în loop (§24) — model BayWa: logo brand, titlu, preț,
   SKU, badge stoc, buton permanent. Culori conform manual brand:
   roșu #C93740 = CTA principal, verde #268B47 = stoc, orange #D96528 = furnizor.
   ========================================================================= */
ul.products li.product .tm-product-content {
	text-align: left;
	/* spațiu lateral mai generos: conținutul (logo/titlu/preț/buton) nu mai
	   începe din marginea casetei (cerință 2026-07-23) */
	padding: 12px 18px 16px;
}
/* logo brand: mic, stânga, deasupra titlului. Normalizat pe înălțime ȘI
   lățime → brandurile late (Longi) nu mai domină față de cele înguste (Trina). */
ul.products li.product .stromline-card-brand {
	height: 18px;
	margin-bottom: 7px;
}
ul.products li.product .stromline-card-brand img {
	/* Normalizare pe „amprentă” apropiată de Longi (referință, compact): logo-urile
	   compacte (Longi/Trina) sunt limitate de înălțime (18px); wordmark-urile late
	   (TCL/Sunpower/Astronergy) de lățime (85px) → nu mai domină. */
	max-height: 18px;
	max-width: 85px;
	width: auto;
	object-fit: contain;
	object-position: left center;
}
/* titlu pe max. 2 rânduri, înălțime constantă între casete */
ul.products li.product .tm-product-title-link h2,
ul.products li.product .woocommerce-loop-product__title {
	font-size: 13.5px;
	line-height: 1.35;
	min-height: calc(2 * 1.35em);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-align: left;
}
/* preț: roșu brand, vizibil */
ul.products li.product .price {
	color: #C93740 !important;
	font-size: 16px;
	font-weight: 700;
}
ul.products li.product .price small {
	font-size: 11px;
	font-weight: 400;
	color: #6d6d6d;
	margin-left: 4px;
}
ul.products li.product .stromline-card-sku {
	font-size: 11.5px;
	color: #6d6d6d;
	margin: 4px 0 2px;
}
/* info stoc SUB buton: text mic cu iconiță ⓘ, aliniat dreapta (installhouse) */
ul.products li.product .stromline-card-stock {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 5px;
	margin: 8px 0 0;
	font-size: 12px;
	font-weight: 400;
}
ul.products li.product .stromline-card-stock i {
	font-size: 12px;
}
ul.products li.product .stromline-cstock-instock    { color: #268B47; }
ul.products li.product .stromline-cstock-backorder  { color: #D96528; }
ul.products li.product .stromline-cstock-outofstock { color: #C93740; }
/* buton permanent, full-width în casetă. Culoare după disponibilitate
   (cerință 2026-07-23, paleta din Manual Stromline): PORTOCALIU #D96528 =
   în stoc, ALBASTRU Lucario #1C78AE = stoc furnizor (li.product.onbackorder,
   clasă adăugată de §25 din stromline-product-template.php). Roșul #C93740
   rămâne pentru preț/reduceri, nu pentru Adaugă în coș (era prea intens).
   Parent-ul (main.min.css) transformă .add_to_cart_button / .product_type_simple
   din loop în iconiță rotundă 53x36 cu font-size:0 și text scos în :before
   absolut (content:attr(alt)) — resetăm TOT, cu specificitate peste a lui
   (.main-holder .site-content ul.products li.product[.outofstock] .buton). */
ul.products li.product .stromline-card-cta { margin-top: 4px; }
.main-holder .site-content ul.products li.product .stromline-card-cta a.button,
.main-holder .site-content ul.products li.product .stromline-card-cta .add_to_cart_button,
.main-holder .site-content ul.products li.product.outofstock .stromline-card-cta .product_type_simple {
	position: static;
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	background: #D96528;
	color: #fff;
	font-size: 13px;
	line-height: 1.4;
	font-weight: 600;
	letter-spacing: 0;
	padding: 9px 12px;
	margin: 0;
	/* !important: Customizer Additional CSS (DB) are .add_to_cart_button
	   { border-radius:0!important } — selectorul nostru mai specific câștigă */
	border-radius: 24px !important;
	overflow: hidden;
}
.main-holder .site-content ul.products li.product .stromline-card-cta a.button::before,
.main-holder .site-content ul.products li.product .stromline-card-cta a.button::after,
.main-holder .site-content ul.products li.product.outofstock .stromline-card-cta .product_type_simple::before,
.main-holder .site-content ul.products li.product.outofstock .stromline-card-cta .product_type_simple::after {
	content: none !important;
}
.main-holder .site-content ul.products li.product .stromline-card-cta a.button:hover {
	background: #b8541f;
	color: #fff;
}
/* stoc furnizor → albastru Stromline */
.main-holder .site-content ul.products li.product.onbackorder .stromline-card-cta a.button,
.main-holder .site-content ul.products li.product.onbackorder .stromline-card-cta .add_to_cart_button {
	background: #1C78AE;
}
.main-holder .site-content ul.products li.product.onbackorder .stromline-card-cta a.button:hover {
	background: #15618d;
}
/* zona de imagine: înălțime FIXĂ (nu mai împinge conținutul în jos);
   padding sus → imaginea nu mai începe lipită de marginea casetei */
ul.products li.product .tm-product-image-box {
	box-sizing: border-box;
	height: 210px;
	padding: 14px 14px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	margin-bottom: 6px;
}
ul.products li.product .tm-product-image-box img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}
/* --- Grilă aliniată: înlocuiește float-urile bootstrap ale temei.
   Float + înălțimi diferite = casete decalate; grid întinde toate casetele
   din rând la aceeași înălțime, iar badge+buton se lipesc jos (flex). --- */
.main-holder .site-content ul.products {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	align-items: stretch;
	gap: 20px; /* spațiu EGAL între casete, vertical și orizontal */
	margin-left: 0;
	margin-right: 0;
}
/* clearfix-urile ::before/::after ar deveni celule-fantomă în grid */
.main-holder .site-content ul.products::before,
.main-holder .site-content ul.products::after {
	display: none;
}
/* !important + selectorul lung: parent-ul are
   li.product.col-sm-6.col-md-3.col-lg-3 { width:23.9% !important } (0,7,2),
   iar WC core .columns-N li.product { width:22.05% } — ambele ar îngusta
   caseta în interiorul celulei de grid. (0,8,2) le bate pe toate. */
.main-holder .site-content ul.products li.product,
.main-holder .site-content ul.products li.product.col-xs-12.col-sm-6.col-md-3.col-lg-3 {
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	/* padding-ul lateral bootstrap (15px) nu mai are rost — gap-ul grid
	   face spațierea; fără el, casetele din același rând nu se mai ating */
	padding-left: 0 !important;
	padding-right: 0 !important;
	float: none !important;
	display: flex;
	flex-direction: column;
}
.main-holder .site-content ul.products li.product .tm-product-content {
	display: flex;
	flex-direction: column;
	flex: 1;
	/* padding lateral: parent are .tm-product-content{padding:12px 0} → conținutul
	   (titlu/preț/buton) atingea marginea. Specificitate 0,0,5 ca să batem parent. */
	padding: 12px 16px 16px !important;
}
/* Titlu („descrierea” din casetă): parent-ul îl ține la 17px cu selector 0,0,5
   (.main-holder .site-content ul.products li.product .woocommerce-loop-product__title)
   — îl batem cu ACELAȘI selector (child se încarcă după parent) + font mai mic. */
.main-holder .site-content ul.products li.product .woocommerce-loop-product__title,
.main-holder .site-content ul.products li.product .tm-product-title-link h2,
.main-holder .site-content ul.products li.product h3 {
	font-size: 13px !important;
	line-height: 1.35 !important;
	font-weight: 500;
}
.main-holder .site-content ul.products li.product .price {
	font-size: 15px !important;
}
/* butonul + info-stocul se aliniază la baza casetei, pe același rând cu
   vecinii, indiferent câte rânduri are titlul (.stromline-card-cta se
   randează mereu, chiar gol, ca ancoră) */
ul.products li.product .stromline-card-cta { margin-top: auto; }
@media (max-width: 991px) {
	.main-holder .site-content ul.products { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
	.main-holder .site-content ul.products { grid-template-columns: 1fr; }
	ul.products li.product .tm-product-image-box { height: 240px; }
}
/* ascunde dublura add-to-cart de pe hover (rămân quick view + wishlist) */
ul.products li.product .tm-shop-icon .tm-wc-add-to-cart-btn {
	display: none;
}

/* --- Butonul CTA pe single product: culoare după disponibilitate
   (2026-07-23, paleta Manual Stromline). Customizer Additional CSS (DB) are
   `.woocommerce div.product form.cart .button { background-color:#C93740!important }`
   → îl batem cu +1 clasă în selector și !important.
   PORTOCALIU #D96528 = în stoc („Adaugă în coș"). ALBASTRU Lucario #1C78AE =
   stoc furnizor: la backorder tema NU afișează add-to-cart, ci butonul YITH
   „Precomandă" (.add-request-quote-button) — pe el punem albastrul. --- */
.woocommerce div.product form.cart .button.single_add_to_cart_button {
	background-color: #D96528 !important;
}
.woocommerce div.product form.cart .button.single_add_to_cart_button:hover {
	background-color: #b8541f !important;
}
.single-product .summary .add-request-quote-button.button {
	background-color: #1C78AE !important;
	border-color: #1C78AE !important;
	color: #fff !important;
}
.single-product .summary .add-request-quote-button.button:hover {
	background-color: #15618d !important;
	border-color: #15618d !important;
}

/* =========================================================================
   Bară toolbar magazin + comutator grid/listă (§25 product-template)
   ========================================================================= */
.main-holder .site-content .stromline-shop-toolbar {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 14px;
	margin: 4px 0 18px;
}
/* number rezultate + forme: fără float-urile temei, aliniate pe rând */
.main-holder .site-content .stromline-shop-toolbar .woocommerce-result-count,
.main-holder .site-content .stromline-shop-toolbar .woocommerce-ordering,
.main-holder .site-content .stromline-shop-toolbar .stromline-per-page {
	float: none !important;
	margin: 0 !important;
}
.stromline-shop-toolbar .woocommerce-result-count {
	font-size: 13px;
	color: #6d6d6d;
}
/* numele categoriei (înlocuiește result count) — titlu, nu contor */
.stromline-shop-toolbar .stromline-cat-title {
	font-size: 20px;
	font-weight: 600;
	color: #1a2b3c;
	line-height: 1.2;
}
.stromline-shop-toolbar .woocommerce-ordering select,
.stromline-shop-toolbar .stromline-per-page select {
	max-width: 240px;
	height: 42px;
	line-height: 42px;         /* centrare verticală a textului (era jos) */
	padding: 0 34px 0 14px;
	border: 1px solid #d4d9dd;
	border-radius: 10px;       /* colțuri mai rotunjite */
	font-size: 14.5px;
	color: #253138;
	background-color: #fff;
	cursor: pointer;
	vertical-align: middle;
}
/* Tema aplică Select2 pe TOATE select-urile (functions.js:529 jQuery('select').select2()),
   care înlocuiește select-ul nativ cu un widget div → regulile de pe `select` de mai sus
   se aplică doar o clipă înainte de Select2 (flash), apoi widget-ul revine la stilul temei.
   Stilizăm DECI widget-ul Select2 din bară (scop pe .stromline-shop-toolbar). */
.stromline-shop-toolbar .select2-container { max-width: 240px; }
.stromline-shop-toolbar .select2-container--default .select2-selection--single {
	height: 42px;
	border: 1px solid #d4d9dd;
	border-radius: 10px;
	background: #fff;
}
.stromline-shop-toolbar .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 42px;          /* text centrat vertical */
	padding: 0 34px 0 14px !important; /* tema pune padding-top:7.25px → text jos; îl anulăm */
	font-size: 14.5px !important; /* tema forțează 12px pe Select2 */
	color: #253138;
}
.stromline-shop-toolbar .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 40px;
	right: 8px;
}
/* clearfix-urile temei din bară devin elemente-flex fantomă → ascunse */
.stromline-shop-toolbar > div[style*="clear"] { display: none !important; }
/* comutator grid/listă — împins în dreapta (dropdown-urile rămân lângă titlu) */
.stromline-view-toggle {
	display: inline-flex;
	gap: 4px;
	margin-left: auto;
}
.stromline-view-toggle .stromline-view-btn {
	width: 42px;
	height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #d4d9dd;
	border-radius: 10px;       /* colțuri mai rotunjite, aliniat cu dropdown-urile */
	background: #fff;
	color: #8a949c;
	font-size: 16px;
	cursor: pointer;
	transition: all 0.15s ease;
}
.stromline-view-toggle .stromline-view-btn:hover {
	color: #1C78AE;
	border-color: #1C78AE;
}
.stromline-view-toggle .stromline-view-btn.is-active {
	background: #1C78AE;
	border-color: #1C78AE;
	color: #fff;
}

/* --- LIST VIEW: casetă pe rând (imagine stânga, conținut dreapta) --- */
.main-holder .site-content ul.products.stromline-list {
	display: block;
}
.main-holder .site-content ul.products.stromline-list li.product {
	width: 100% !important;
	height: auto !important;      /* altfel păstrează înălțimea rândului de grilă */
	min-height: 0 !important;
	margin: 0 0 16px !important;
	padding: 14px 18px !important;
}
ul.products.stromline-list li.product .tm-product-box {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 24px;
	height: auto;
	min-height: 0;
}
ul.products.stromline-list li.product .tm-product-box-inner {
	flex: 0 0 160px;
	max-width: 160px;
}
ul.products.stromline-list li.product .tm-product-image-box {
	height: 130px;
	padding: 0;
	margin-bottom: 0;
}
ul.products.stromline-list li.product .tm-product-content {
	flex: 1 1 auto;
	padding: 0;
}
/* pe listă titlul poate avea 2+ rânduri fără să strice grila (nu mai e clamp fix) */
ul.products.stromline-list li.product .tm-product-title-link h2 {
	min-height: 0;
}
/* butonul pe listă: compact (nu full-width). Specificitate 0,0,7 ca să bată
   regula de bază .main-holder .site-content ul.products li.product .stromline-card-cta a.button (0,0,6). */
.main-holder .site-content ul.products.stromline-list li.product .stromline-card-cta a.button {
	display: inline-block;
	width: auto;
	min-width: 240px;
	padding-left: 28px;
	padding-right: 28px;
}
ul.products.stromline-list li.product .stromline-card-cta {
	margin-top: 10px;
}
ul.products.stromline-list li.product .stromline-card-stock {
	justify-content: flex-start;
	margin-top: 8px;
}
@media (max-width: 575px) {
	/* pe mobil lista redevine stivuită ca să nu fie prea îngustă imaginea */
	ul.products.stromline-list li.product .tm-product-box { flex-direction: column; align-items: stretch; gap: 8px; }
	ul.products.stromline-list li.product .tm-product-box-inner { flex-basis: auto; max-width: none; }
}

/* Categorii fără filtre custom (Sisteme complete / Structuri / Accesorii):
   loop full-width — nu lăsăm coloana de filtru goală după eliminarea WPF.
   (§13 stromline-customizations adaugă body.stromline-full-loop.) */
.stromline-full-loop .stromline-product-loop {
	width: 100% !important;
	float: none;
}

/* =========================================================================
   Preț: plasă de siguranță pentru varianta PJ
   -------------------------------------------------------------------------
   §1 reconstruiește HTML-ul prețului, deci în mod normal există o singură sumă
   în DOM. Regula rămâne pentru contextele unde filtrul nu se aplică (widget-uri,
   e-mailuri randate în front-end), ca să nu apară brusc două prețuri.
   Hack-ul cu font-size:0 din Customizer NU e replicat aici: intra în conflict
   cu tema și ascundea inclusiv nota „(TVA inclus)".
   ========================================================================= */
.woocommerce p.price .woocommerce-Price-amount:nth-of-type(2),
.woocommerce span.price .woocommerce-Price-amount:nth-of-type(2),
ul.products li.product .price .woocommerce-Price-amount:nth-of-type(2) {
	display: none !important;
}