/**
 * Stromline Kit Configurator — stil.
 * Culori brand (Manual Stromline): #C93740 roșu (CTA/preț), #1C78AE albastru
 * (accente), #268B47 verde (confirmare).
 */
.stromline-kit {
	display: grid;
	grid-template-columns: 1fr 340px;
	gap: 28px;
	align-items: start;
	font-family: "Titillium Web", Arial, Helvetica, sans-serif;
	color: #253138;
}

.skit-step-title {
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 14px;
	color: #253138;
}
.skit-config > .skit-step-title:nth-of-type(2),
.skit-config .skit-addon + .skit-step-title {
	margin-top: 26px;
}

/* --- modele (radio cards) --- */
.skit-models {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
	margin-bottom: 6px;
}
.skit-model { cursor: pointer; margin: 0; }
.skit-model input { position: absolute; opacity: 0; pointer-events: none; }
.skit-model-box {
	display: block;
	border: 2px solid #e4e7ea;
	border-radius: 8px;
	padding: 14px 16px;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.skit-model:hover .skit-model-box { border-color: #7FB5D6; }
.skit-model input:checked + .skit-model-box {
	border-color: #1C78AE;
	box-shadow: 0 0 0 1px #1C78AE inset;
}
.skit-model-name { display: block; font-size: 16px; font-weight: 700; }
.skit-model-desc { display: block; font-size: 13px; color: #6a747b; margin-top: 3px; }

/* --- add-on-uri --- */
.skit-addon {
	border: 1px solid #e4e7ea;
	border-radius: 8px;
	padding: 12px 14px;
	margin-bottom: 10px;
}
.skit-addon-head { display: block; font-weight: 700; margin-bottom: 8px; }
.skit-addon select {
	width: 100%;
	padding: 9px 10px;
	border: 1px solid #cdd3d8;
	border-radius: 5px;
	font-size: 14px;
	background: #fff;
}
.skit-check { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; }
.skit-check input[type="checkbox"] {
	width: 18px; height: 18px; margin: 2px 0 0; flex: 0 0 auto; accent-color: #1C78AE; cursor: pointer;
}
.skit-check strong { display: block; font-size: 15px; }
.skit-hint { display: block; font-size: 12.5px; color: #6a747b; font-style: normal; margin-top: 2px; }

/* --- sumar --- */
.skit-summary {
	position: sticky;
	top: 20px;
	border: 1px solid #e4e7ea;
	border-radius: 10px;
	padding: 18px 18px 20px;
	background: #f8f9fa;
}
.skit-summary-title { font-size: 17px; font-weight: 700; margin: 0 0 12px; }
.skit-lines { list-style: none; margin: 0 0 12px; padding: 0; }
.skit-line {
	display: flex; justify-content: space-between; gap: 10px;
	font-size: 14px; padding: 7px 0; border-bottom: 1px dashed #e0e4e7; line-height: 1.35;
}
.skit-line-label { color: #3c464d; }
.skit-qty { color: #1C78AE; font-weight: 700; }
.skit-line-price { white-space: nowrap; font-weight: 600; }

.skit-total-row {
	display: flex; justify-content: space-between; align-items: baseline;
	margin-top: 6px; padding-top: 12px; border-top: 2px solid #1C78AE;
	font-size: 15px; font-weight: 700;
}
.skit-total { font-size: 22px; color: #C93740; }
.skit-tva-note { font-size: 12px; color: #6a747b; margin: 8px 0 14px; }

.skit-actions { display: flex; flex-direction: column; gap: 8px; }
.skit-btn {
	border: 0; border-radius: 6px; padding: 12px 18px;
	font-size: 15px; font-weight: 700; cursor: pointer; transition: background .15s ease;
}
.skit-btn-cart { background: #C93740; color: #fff; }
.skit-btn-cart:hover { background: #b02c35; }
.skit-btn-offer { background: #1C78AE; color: #fff; }
.skit-btn-offer:hover { background: #17638f; }
.skit-offer-note { font-size: 12.5px; color: #268B47; margin: 10px 0 0; }
.skit-disclaimer {
	font-size: 12.5px;
	color: #8a4a1f;
	background: #fdf1e7;
	border-left: 3px solid #D96528;
	border-radius: 4px;
	padding: 9px 11px;
	margin: 12px 0 0;
	line-height: 1.4;
}
.skit-disclaimer strong { color: #D96528; }

@media (max-width: 860px) {
	.stromline-kit { grid-template-columns: 1fr; }
	.skit-summary { position: static; }
	.skit-models { grid-template-columns: 1fr; }
}

/* -------------------------------------------------------------------------
   Select2 în configurator.
   Tema aplică Select2 pe TOATE elementele <select>, deci regulile de mai sus
   pe `.skit-addon select` stilează un element ascuns și n-au efect vizual.
   Widget-ul real trebuie stilat separat — iar Customizer-ul forțează pe el
   `font-size: 12px !important` și împinge săgeata la `left: 30px !important`,
   de unde textul mic și nealiniat. De aceea `!important` aici nu e neglijență:
   e singura cale de a învinge o regulă din baza de date.
   ------------------------------------------------------------------------- */
.skit-addon .select2-container { width: 100% !important; }
.skit-addon .select2-container--default .select2-selection--single {
	height: 42px;
	border: 1px solid #cdd3d8;
	border-radius: 5px;
	background: #fff;
}
.skit-addon .select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 15px !important;
	line-height: 40px !important;   /* 42px minus cele două borduri → centrat */
	/* Scurtătura, cu !important: tema pune `padding-top: 7.25px` pe textul din
	   Select2, iar declararea doar a stângii și dreptei îl lăsa pe loc — de
	   aici textul împins sub centru. */
	padding: 0 36px 0 12px !important;
	color: #212121;
}
.skit-addon .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 40px;
	right: 10px;
}
.skit-addon .select2-container--default .select2-selection--single .select2-selection__arrow b {
	left: 50% !important;           /* Customizer-ul îl împinge la 30px fix */
	margin-left: -5px;
}