/**
 * Stromline Product Filters — stil formular sidebar.
 * Layoutul 2 coloane (sidebar/loop) vine din Customizer Additional CSS —
 * aici doar interiorul formularului. Culori brand (Manual Stromline):
 * #C93740 roșu (CTA), #1C78AE albastru (accente), #268B47 verde (stoc).
 */

.stromline-filters {
	padding: 6px 10px 14px 4px;
}

.stromline-filter-group {
	border: 0;
	border-bottom: 1px solid #e4e7ea;
	margin: 0 0 4px;
	padding: 10px 0 12px;
}

.stromline-filter-group legend {
	font-size: 15px;
	font-weight: 700;
	color: #253138;
	margin-bottom: 8px;
	padding: 0;
	border: 0;
}

.stromline-filter-opt {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 400;
	color: #3c464d;
	margin: 0 0 7px;
	cursor: pointer;
	line-height: 1.35;
}

.stromline-filter-opt input[type="checkbox"] {
	width: 16px;
	height: 16px;
	margin: 0;
	flex: 0 0 auto;
	accent-color: #1C78AE;
	cursor: pointer;
}

.stromline-filter-opt:hover {
	color: #1C78AE;
}

.stromline-filter-stock input[type="checkbox"] {
	accent-color: #268B47; /* verde = în stoc */
}
.stromline-filter-backorder input[type="checkbox"] {
	accent-color: #1C78AE; /* albastru Stromline = comandă furnizor (ca butonul Precomandă) */
}

.stromline-filters-actions {
	display: flex;
	align-items: center;
	gap: 12px;
	padding-top: 12px;
}

.stromline-filters-submit {
	background: #C93740;
	color: #fff;
	border: 0;
	border-radius: 4px;
	padding: 8px 18px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.15s ease;
}

.stromline-filters-submit:hover {
	background: #b02c35;
	color: #fff;
}

.stromline-filters-reset {
	font-size: 13px;
	color: #1C78AE;
	text-decoration: underline;
}

.stromline-filters-reset:hover {
	color: #C93740;
}

/* JS activ → butonul e redundant (auto-aplicare la bifare), îl păstrăm
   discret ca fallback vizibil doar fără JS; îl ascundem via JS inline nu e
   necesar — rămâne ca „aplică” explicit, nu deranjează. */

@media only screen and (max-width: 600px) {
	.stromline-filters {
		padding: 4px 8px 12px;
	}
}

/* =========================================================================
   Landing /magazin/ — sidebar accordion (bloc pliabil per categorie)
   ========================================================================= */
.stromline-sidebar-landing {
	font-family: inherit;
}

.stromline-landing-filter {
	border: 1px solid #e4e7ea;
	border-radius: 6px;
	margin: 0 0 10px;
	background: #fff;
	overflow: hidden;
}

.stromline-landing-filter > summary {
	list-style: none;
	cursor: pointer;
	padding: 12px 14px;
	font-size: 15px;
	font-weight: 700;
	color: #253138;
	background: #f6f7f8;
	display: flex;
	align-items: center;
	justify-content: space-between;
	user-select: none;
}

.stromline-landing-filter > summary::-webkit-details-marker { display: none; }

.stromline-landing-filter > summary::after {
	content: "\002B"; /* + */
	font-weight: 700;
	color: #1C78AE;
	font-size: 18px;
	line-height: 1;
}

.stromline-landing-filter[open] > summary {
	border-bottom: 1px solid #e4e7ea;
}

.stromline-landing-filter[open] > summary::after {
	content: "\2212"; /* − */
}

.stromline-landing-filter .stromline-filters {
	padding: 4px 14px 14px;
}

.stromline-landing-filter .stromline-filter-group:last-of-type {
	border-bottom: 0;
	padding-bottom: 6px;
}

/* =========================================================================
   Landing /magazin/ — grupuri de produse pe categorii
   ========================================================================= */
.stromline-cat-group {
	margin: 0 0 34px;
}

.stromline-cat-group-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 14px;
	padding-bottom: 8px;
	border-bottom: 2px solid #1C78AE;
}

.stromline-cat-group-title {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
}

.stromline-cat-group-title a {
	color: #253138;
}

.stromline-cat-group-title a:hover {
	color: #1C78AE;
}

.stromline-cat-group-all {
	flex: 0 0 auto;
	font-size: 14px;
	font-weight: 600;
	color: #C93740;
	white-space: nowrap;
}

.stromline-cat-group-all:hover {
	color: #b02c35;
}

.stromline-cat-group-all i {
	font-size: 12px;
	margin-left: 2px;
}

/* Grila din interiorul unui grup refolosește stilul standard al casetelor
   (§24 temă). Marja de jos a ul.products e deja compensată de .stromline-cat-group. */
.stromline-cat-group ul.products {
	margin-bottom: 0;
}

@media only screen and (max-width: 782px) {
	.stromline-cat-group-title { font-size: 19px; }
	.stromline-cat-group-head { flex-wrap: wrap; }
}

/* -------------------------------------------------------------------------
   Link către pagina de categorie a mărcii, lângă checkbox.
   Discret intenționat: filtrul rămâne acțiunea principală, săgeata e o ieșire
   secundară. Zona de click e mărită la 24px, ca să fie utilizabilă pe telefon
   fără să crească vizual.
   ------------------------------------------------------------------------- */
.stromline-filter-row {
	display: flex;
	align-items: center;
	gap: 4px;
}
.stromline-filter-row .stromline-filter-opt {
	flex: 1 1 auto;
	margin-bottom: 0;
}
.stromline-filter-brandlink {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 3px;
	color: #B6BCC2;
	font-size: 17px;
	line-height: 1;
	text-decoration: none;
	transition: color .15s, background-color .15s;
}
.stromline-filter-brandlink:hover,
.stromline-filter-brandlink:focus {
	color: #1C78AE;
	background-color: #eef4f8;
	text-decoration: none;
}