/* Bricolando — titlurile și butoanele magazinului (1.6.0, 15 oct 2026; Alin: „restilizează toate titlurile și toate butoanele de pe
   homepage și din magazin, care sunt încă ale temei, în stilul magazinului nostru”).
   Se tipărește după cromatica.css (aceeași variantă de culori, doar variabilele --brico-*), deci merge cu oricare din cele 12 variante.

   Sistemul, pe scurt:
   - un singur font, Poppins (al temei), fără MAJUSCULE impuse: butoanele și titlurile se scriu ca propoziție („Adaugă în coș”);
   - titlurile mari au literele puțin strânse (-0,02 em) și rând 1,2 — scara: 34 (prima pagină) · 28 (secțiuni, produs) · 20 (subtitluri
     în descriere) · 17 (filtre, subsol) · 15 (numele produselor din carduri);
   - antetul unei secțiuni = titlul la stânga, „Vezi toate” la dreapta, o linie fină dedesubt și un segment verde de 48 px sub începutul
     titlului (aceeași bandă verde ca meniul de sus): marchează unde începe un grup de produse;
   - butoanele, pe trei trepte, toate cu colțuri de 8 px: PLIN (acțiunea principală: căutare, „Cumpără acum”, „Filtrează”, banner),
     CONTUR verde („Adaugă în coș” din carduri și de pe produs), LINIȘTIT (contur gri: „Arată mai mult”, paginare);
   - focus vizibil la tastatură pe toate (contur de 2 px în culoarea de acțiune).
   Selectorii au specificitatea regulilor temei pe care le înlocuiesc (style.css al temei vine înaintea acestei foi); acolo unde tema sau
   un modul străin scriu stil inline / după noi (Slider Revolution, Elementor la subsol) e nevoie de !important sau de un pas în plus. */

:root {
	--brico-r-buton: 8px;
	--brico-titlu-ls: -0.02em;
	--brico-focus: 0 0 0 2px var(--brico-fond), 0 0 0 4px var(--brico-verde);
}

/* ============================== TITLURI ============================== */

/* titlul de pe prima pagină și titlurile Elementor (dimensiunile le dă Elementor; aici doar greutatea și strângerea literelor) */
.elementor-widget-heading h1.elementor-heading-title,
.elementor-widget-heading h2.elementor-heading-title { font-weight: 600; letter-spacing: var(--brico-titlu-ls); line-height: 1.2; }

/* antetul secțiunilor de produse de pe prima pagină („Nu rata ofertele…”, „Produse noi”) și „Produse similare” de pe produs */
.ts-shortcode .shortcode-heading-wrapper,
.ts-product-in-category-tab-wrapper .column-tabs .list-categories {
	/* fără position: relative aici — sub 992 px tema așază „Vezi toate produsele” absolut la baza secțiunii, nu a antetului */
	padding-bottom: 14px;
	margin-bottom: 24px;
	border-bottom: 1px solid var(--brico-chenar);
	align-items: flex-end;
}
.ts-shortcode .shortcode-heading-wrapper .shortcode-title,
.ts-product-in-category-tab-wrapper .column-tabs .heading-tab .heading-title,
.woocommerce div.product .related > h2,
.woocommerce div.product .up-sells > h2,
.woocommerce .cross-sells > h2 {
	position: relative;
	margin: 0;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: var(--brico-titlu-ls);
	color: var(--brico-text);
}
.ts-shortcode .shortcode-heading-wrapper .shortcode-title::after,
.ts-product-in-category-tab-wrapper .column-tabs .heading-tab .heading-title::after,
.woocommerce div.product .related > h2::after,
.woocommerce div.product .up-sells > h2::after,
.woocommerce .cross-sells > h2::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -16px;          /* peste linia fină: 14 px spațiu + 1 px linie + 1 px */
	width: 48px;
	height: 3px;
	border-radius: 2px;
	background: var(--brico-verde);
}
.woocommerce div.product .related > h2,
.woocommerce div.product .up-sells > h2,
.woocommerce .cross-sells > h2 {
	padding-bottom: 14px;
	margin-bottom: 24px;
	border-bottom: 1px solid var(--brico-chenar);
}
.woocommerce div.product .related > h2::after,
.woocommerce div.product .up-sells > h2::after,
.woocommerce .cross-sells > h2::after { bottom: -2px; }

/* „Vezi toate produsele”: legătură verde, fără sublinierea animată a temei */
.shop-more .shop-more-button {
	color: var(--brico-verde);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
}
.shop-more .shop-more-button::before,
.shop-more .shop-more-button::after { display: none; }
.shop-more .shop-more-button:hover,
.shop-more .shop-more-button:focus-visible { color: var(--brico-verde-hover); text-decoration: underline; text-underline-offset: 4px; }

/* filele „Produse noi” (Scule electrice / Casă și grădină / Generatoare): pastile; cea aleasă plină */
.ts-product-in-category-tab-wrapper .column-tabs .list-categories ul.tabs { gap: 8px; }
.ts-product-in-category-tab-wrapper .column-tabs .list-categories ul.tabs li {
	margin: 0;
	padding: 6px 14px;
	border: 1px solid var(--brico-chenar-2);
	border-radius: 999px;
	background: var(--brico-fond);
	color: var(--brico-text);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.ts-product-in-category-tab-wrapper .column-tabs .list-categories ul.tabs li span { text-decoration: none; border: 0; }
.ts-product-in-category-tab-wrapper .column-tabs .list-categories ul.tabs li::before,
.ts-product-in-category-tab-wrapper .column-tabs .list-categories ul.tabs li::after,
.ts-product-in-category-tab-wrapper .column-tabs .list-categories ul.tabs li span::before,
.ts-product-in-category-tab-wrapper .column-tabs .list-categories ul.tabs li span::after { display: none; }
.ts-product-in-category-tab-wrapper .column-tabs .list-categories ul.tabs li:hover { border-color: var(--brico-verde); color: var(--brico-verde); }
.ts-product-in-category-tab-wrapper .column-tabs .list-categories ul.tabs li.current {
	background: var(--brico-verde);
	border-color: var(--brico-verde);
	color: #fff;
}

/* numele produselor din carduri și ale categoriilor din rândul de pe prima pagină */
.woocommerce .products .product .meta-wrapper .heading-title.product-name {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0;
}
.woocommerce .product-category .meta-wrapper .heading-title.category-name {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: 0;
}

/* titlul produsului */
.woocommerce div.product .summary h1.product_title {
	font-size: 28px;
	font-weight: 600;
	line-height: 1.22;
	letter-spacing: var(--brico-titlu-ls);
}

/* subtitlurile din descriere („Avantaje și caracteristici”, „Pachet standard”, „Date tehnice”) */
.woocommerce-tabs .panel h2,
.woocommerce-tabs .panel h3,
.woocommerce-tabs .panel h4,
.woocommerce div.product .woocommerce-tabs .panel h3.theme-title {
	margin: 32px 0 12px;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -0.01em;
}
.woocommerce-tabs .panel > h2:first-child,
.woocommerce-tabs .panel > h3:first-child,
.woocommerce-tabs .panel > h4:first-child { margin-top: 0; }

/* titlurile filtrelor din stânga (Categorii, Branduri, Preț) */
.ts-sidebar .widget-title-wrapper .widget-title,
.filter-widget-area .widget-title-wrapper .widget-title,
#ts-filter-widget-area .widget-title-wrapper .widget-title {
	font-size: 17px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -0.01em;
}

/* titlurile coloanelor din subsol: erau Roboto 22 px (setarea Elementor a blocului Footer, post-133.css vine după noi) */
body .footer-container .elementor-widget-heading .elementor-heading-title {
	font-family: var(--br-font-family, "Poppins", sans-serif) !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	letter-spacing: 0 !important;
}

/* eticheta de categorie de deasupra articolelor de blog (tema o scria cu MAJUSCULE) */
.entry-meta-top .cats-link,
.entry-meta-top .cats-link a {
	text-transform: none;
	letter-spacing: 0;
	font-weight: 600;
	color: var(--brico-inchis);
}

/* ============================== BUTOANE ============================== */

/* fără MAJUSCULE impuse și cu aceleași colțuri peste tot (butoanele temei, ale WooCommerce și ale modulelor noastre care le moșteneau) */
a.button, button.button, input.button,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit,
.shopping-cart p.buttons a,
.elementor-button,
.woocommerce .product-group-button-meta div.loop-add-to-cart .button,
.woocommerce div.product .summary form.cart .single_add_to_cart_button,
.woocommerce div.product .summary .ts-buy-now-button,
.filter-widget-area-button > a,
.brico-sicap-deschide {
	text-transform: none;
	letter-spacing: 0;
}
a.button, button.button, input.button,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.shopping-cart p.buttons a { border-radius: var(--brico-r-buton); }
/* tema sublinia eticheta „Adaugă în coș” (legătură) */
.woocommerce a.button, .woocommerce a.button:hover, a.button, a.button:hover { text-decoration: none; }

/* butonul „Categorii produse” din bara verde și „Abonează-mă” din banda de newsletter (bricolando-newsletter își tipărește stilul în
   pagină, după noi — de aceea „body”) */
.ts-header .vertical-menu-heading { text-transform: none; font-weight: 600; }
body .brico-nl button { text-transform: none; letter-spacing: 0; font-weight: 600; border-radius: var(--brico-r-buton); }

/* „Vezi toate articolele” de sub blogul de pe prima pagină: aceeași legătură verde ca „Vezi toate produsele” */
/* culoarea vine și din setarea widgetului Elementor (.elementor-19 .elementor-element-… a), mai specifică — de aceea !important */
body p.brico-blog-toate a:not(.button) { color: var(--brico-verde) !important; font-weight: 600; text-decoration: none !important; }
body p.brico-blog-toate a:not(.button)::before,
body p.brico-blog-toate a:not(.button)::after { display: none; }
body p.brico-blog-toate a:not(.button):hover,
body p.brico-blog-toate a:not(.button):focus-visible { color: var(--brico-verde-hover) !important; text-decoration: underline !important; text-underline-offset: 4px; }

/* PLIN — butonul de căutare din antet */
.ts-search-by-category .search-table .search-button { border-radius: var(--brico-r-buton); }

/* CONTUR — „Adaugă în coș” din carduri (tema: gri pal, 13 px, MAJUSCULE, 29 px înălțime) */
.woocommerce .product-group-button-meta div.loop-add-to-cart .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 40px;
	padding: 8px 14px;
	border: 1.5px solid var(--brico-verde);
	border-radius: var(--brico-r-buton);
	background-color: var(--brico-fond);
	color: var(--brico-verde);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.woocommerce .product-group-button-meta div.loop-add-to-cart .button:hover {
	background-color: var(--brico-verde);
	border-color: var(--brico-verde);
	color: #fff;
}
.woocommerce .product-group-button-meta div.loop-add-to-cart .button.added { background-color: var(--brico-verde-sters); color: var(--brico-verde-inchis); border-color: var(--brico-verde); }

/* pagina produsului: „Adaugă în coș” (contur) și „Cumpără acum” (plin, culoarea de acțiune — vezi cromatica.css) la aceeași înălțime */
.woocommerce div.product .summary form.cart .single_add_to_cart_button,
.woocommerce div.product .summary .ts-buy-now-button {
	min-height: 48px;
	border-radius: var(--brico-r-buton);
	font-size: 15px;
	font-weight: 600;
}
.woocommerce div.product .summary form.cart .single_add_to_cart_button { border-width: 1.5px; }
/* aceeași înălțime fixă și textul centrat pe verticală la amândouă: tema lasă „Cumpără acum” display:block (textul stă sus), iar
   „Adaugă în coș” trecea pe două rânduri pe telefon și ieșea mai înalt */
.woocommerce div.product .summary form.cart .single_add_to_cart_button,
.woocommerce div.product .summary form.cart .ts-buy-now-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	height: 48px;
	min-height: 48px;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
}
/* telefon (bara lipită jos): cele două butoane împart egal locul de lângă cantitate */
@media (max-width: 767px) {
	.woocommerce div.product .summary form.cart .single_add_to_cart_button,
	.woocommerce div.product .summary form.cart .ts-buy-now-button {
		flex: 1 1 0;
		min-width: 0;
		padding-left: 8px;
		padding-right: 8px;
		font-size: 14px;
	}
	.woocommerce div.product .summary form.cart .ts-buy-now-button { margin-left: 6px; align-self: flex-end; }
}
/* telefoane înguste (360 px): text mai mic, tot pe un rând */
@media (max-width: 374px) {
	.woocommerce div.product .summary form.cart .single_add_to_cart_button,
	.woocommerce div.product .summary form.cart .ts-buy-now-button {
		font-size: 13px;
		line-height: 1.15;
		padding-left: 4px;
		padding-right: 4px;
	}
}
/* ecran foarte îngust (320 px): textul trece pe două rânduri la amândouă, în aceeași înălțime */
@media (max-width: 339px) {
	.woocommerce div.product .summary form.cart .single_add_to_cart_button,
	.woocommerce div.product .summary form.cart .ts-buy-now-button { white-space: normal; }
}

/* LINIȘTIT — „Arată mai mult / mai puțin” din descriere */
.more-less-buttons a > span {
	padding: 11px 22px;
	border-color: var(--brico-chenar-2);
	border-radius: var(--brico-r-buton);
	background-color: var(--brico-fond);
	color: var(--brico-text);
	font-size: 14px;
	font-weight: 600;
	transition: border-color .15s ease, color .15s ease;
}
.more-less-buttons a:hover > span { border-color: var(--brico-text); }

/* paginarea din magazin: căsuțe de 40 px cu colțuri de 8 px; pagina curentă plină */
.woocommerce nav.woocommerce-pagination ul li .page-numbers {
	min-width: 40px;
	height: 40px;
	border-radius: var(--brico-r-buton);
	font-weight: 600;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
	background: var(--brico-verde);
	border-color: var(--brico-verde);
	color: #fff;
}

/* „Înapoi sus”: aceleași colțuri ca butoanele */
#to-top a { border-radius: var(--brico-r-buton); }

/* butonul „Cumpără” din bannerul de sus (Slider Revolution: stil inline în conținutul stratului, text scris „CUMPĂRĂ”) → buton PLIN */
sr7-module#SR7_6_1 sr7-txt a[href*="/produs/"] {
	padding: 12px 28px !important;
	border: 0 !important;
	border-radius: var(--brico-r-buton) !important;
	background: var(--brico-actiune, var(--brico-verde)) !important;
	color: #fff !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
	line-height: 1.2 !important;
	text-transform: lowercase !important;
	transition: background-color .15s ease;
}
sr7-module#SR7_6_1 sr7-txt a[href*="/produs/"]::first-letter { text-transform: uppercase; }
sr7-module#SR7_6_1 sr7-txt a[href*="/produs/"]:hover { background: var(--brico-actiune-hover, var(--brico-verde-hover)) !important; }

/* focus la tastatură, vizibil pe toate butoanele de mai sus */
a.button:focus-visible, button.button:focus-visible, input.button:focus-visible,
.woocommerce .product-group-button-meta div.loop-add-to-cart .button:focus-visible,
.more-less-buttons a:focus-visible > span,
.shop-more .shop-more-button:focus-visible,
.woocommerce nav.woocommerce-pagination ul li a.page-numbers:focus-visible,
sr7-module#SR7_6_1 sr7-txt a[href*="/produs/"]:focus-visible { outline: none; box-shadow: var(--brico-focus); }

/* ============================== TABLETĂ ȘI TELEFON ============================== */
@media (max-width: 991px) {
	/* antetul „Produse noi”: titlul pe primul rând, pastilele dedesubt, aliniate la stânga */
	.ts-product-in-category-tab-wrapper .column-tabs .list-categories { flex-direction: column; align-items: flex-start; gap: 12px; text-align: left; }
	.ts-product-in-category-tab-wrapper .column-tabs .list-categories .heading-tab { width: 100%; text-align: left; }
	.ts-product-in-category-tab-wrapper .column-tabs .list-categories ul.tabs { justify-content: flex-start; gap: 8px; }
	/* aici titlul nu mai stă pe linia de jos (pastilele sunt între ele) — fără segmentul verde */
	.ts-product-in-category-tab-wrapper .column-tabs .heading-tab .heading-title::after { display: none; }
	/* legătura „Vezi toate produsele” de la baza secțiunii: centrată, ca la temă, în verde */
	.shortcode-heading-wrapper .shop-more,
	.column-tabs .shop-more { line-height: 1.4; }
}
@media (max-width: 767px) {
	.ts-shortcode .shortcode-heading-wrapper .shortcode-title,
	.ts-product-in-category-tab-wrapper .column-tabs .heading-tab .heading-title,
	.woocommerce div.product .related > h2,
	.woocommerce div.product .up-sells > h2,
	.woocommerce .cross-sells > h2 { font-size: 22px; }
	.woocommerce div.product .summary h1.product_title { font-size: 22px; }
	.woocommerce-tabs .panel h2, .woocommerce-tabs .panel h3, .woocommerce-tabs .panel h4 { font-size: 18px; margin-top: 24px; }
	.woocommerce .products .product .meta-wrapper .heading-title.product-name { font-size: 14px; }
	.woocommerce .product-group-button-meta div.loop-add-to-cart .button { min-height: 38px; padding: 6px 10px; font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
	.woocommerce .product-group-button-meta div.loop-add-to-cart .button,
	.ts-product-in-category-tab-wrapper .column-tabs .list-categories ul.tabs li,
	.more-less-buttons a > span { transition: none; }
}