/* =============================================================================
   ElecTech Astra Child — shop-extended.css (S6)
   Styling premium pentru:
   1. Configurator (product ID 1428) — hero, form fields, trust badges
   2. Cart (/cos/) — branded
   3. Checkout (/finalizare-comanda/) — branded
   4. Generic WC single-product enhancements

   S6 FIX:
   - Addon bullet (checkbox/radio) era afișat DEASUPRA textului din cauza
     wrapper-elor block ale plugin-ului WCPA. Acum forțăm display:flex pe
     toate level-urile (li, label, .wcpa_*_wrapper) astfel încât bullet-ul
     și textul să stea pe aceeași linie, indiferent de structura HTML
     generată de plugin.
   ========================================================================== */

/* ==========================================================================
   1. CONFIGURATOR — Product ID 1428
   Aplicat doar pe pagina configuratorului prin .postid-1428
   ========================================================================== */

/* HIDE elemente neutile pe pagina configuratorului — specificitate MAXIMA */
html body.postid-1428 nav.woocommerce-breadcrumb,
html body.postid-1428 .summary .woocommerce-breadcrumb,
html body.postid-1428 .single-product-category,
html body.postid-1428 .summary span.posted_in,
html body.postid-1428 .summary .posted_in,
html body.postid-1428 .summary > .product-category,
html body.postid-1428 .product_meta span.posted_in,
html body.postid-1428 .product_meta .posted_in,
html body.postid-1428 .product_meta .tagged_as,
html body.postid-1428 .product_meta,
html body.postid-1428 .related.products,
html body.postid-1428 .upsells.products,
html body.postid-1428 .product .quantity,
html body.postid-1428 form.cart > .quantity,
html body.postid-1428 .woocommerce-tabs ul.tabs li.reviews_tab,
html body.postid-1428 #tab-reviews,
html body.postid-1428 .summary p.price,
html body.postid-1428 .summary span.price,
html body.postid-1428 .summary .stock,
html body.postid-1428 .woocommerce-product-rating,
html body.postid-1428 .product .summary a[rel="tag"] {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Layout centered single-column pentru configurator — specificitate maxima */
html body.postid-1428 .ast-woocommerce-container,
html body.postid-1428 .ast-article-single {
	max-width: 1080px;
	margin: 0 auto;
}

html body.postid-1428 .product.type-product {
	display: block !important;
	float: none !important;
}

html body.postid-1428 div.product div.images,
html body.postid-1428 .product .woocommerce-product-gallery {
	width: 100% !important;
	float: none !important;
	margin: 0 auto var(--electech-space-5) !important;
	max-width: 640px !important;
	clear: both !important;
}

html body.postid-1428 div.product div.summary,
html body.postid-1428 .product .summary.entry-summary {
	width: 100% !important;
	float: none !important;
	clear: both !important;
	margin: 0 auto !important;
	padding: 0 !important;
	max-width: 100% !important;
}

.postid-1428 .woocommerce-tabs {
	max-width: 880px;
	margin: var(--electech-space-6) auto 0;
}

/* Galerie produs (imagini) - max-width controlat */
.postid-1428 .woocommerce-product-gallery {
	max-width: 720px;
	margin: 0 auto;
}

/* Container general pe pagina configurator */
.postid-1428.single-product .site-content {
	background: linear-gradient(180deg, var(--electech-surface) 0%, var(--electech-white) 280px);
}

/* Breadcrumb stilizat */
.postid-1428 .woocommerce-breadcrumb {
	font-size: 0.85rem;
	color: var(--electech-text-muted);
	margin-bottom: var(--electech-space-3);
}
.postid-1428 .woocommerce-breadcrumb a {
	color: var(--electech-accent);
	text-decoration: none;
}
.postid-1428 .woocommerce-breadcrumb a:hover {
	color: var(--electech-accent-dark);
}

/* Categoria de sub breadcrumb */
.postid-1428 .product .summary .posted_in,
.postid-1428 .product .summary > a[rel="tag"] {
	display: inline-block;
	background: rgba(46, 124, 228, 0.10);
	color: var(--electech-accent);
	padding: 4px 12px;
	border-radius: 999px;
	font-size: 0.78rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	text-decoration: none;
	margin-bottom: var(--electech-space-3);
}

/* Titlu produs (H1) — premium */
.postid-1428 .product_title.entry-title {
	font-size: clamp(1.75rem, 3vw, 2.5rem) !important;
	color: var(--electech-navy) !important;
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.01em;
	margin: 0 0 var(--electech-space-3) !important;
}

/* Subtitlu (proiectati propriul sistem...) */
.postid-1428 .product .summary .woocommerce-product-details__short-description,
.postid-1428 .product .summary > p:first-of-type {
	font-size: 1.1rem;
	color: var(--electech-text-muted);
	font-weight: 500;
	line-height: 1.55;
	padding-bottom: var(--electech-space-4);
	border-bottom: 1px solid var(--electech-border);
	margin-bottom: var(--electech-space-5);
}

/* Hero badge deasupra titlu — injectat via pseudo-element pe summary */
.postid-1428 .product .summary::before {
	content: "⚡ CONFIGURATOR INTERACTIV";
	display: inline-block;
	background: var(--electech-navy);
	color: var(--electech-white);
	padding: 6px 14px;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	margin-bottom: var(--electech-space-3);
	box-shadow: 0 4px 12px rgba(10, 37, 64, 0.20);
}

/* "Cum funcționează" steps — injectat dupa form via pseudo-element pe form */
.postid-1428 form.cart::after {
	content: "";
	display: block;
	clear: both;
}

/* Form-ul WCPA — container */
.postid-1428 .wcpa_form_outer {
	background: var(--electech-surface);
	border: 1px solid var(--electech-border);
	border-radius: var(--electech-radius-lg);
	padding: var(--electech-space-5);
	margin-bottom: var(--electech-space-5);
	position: relative;
}

.postid-1428 .wcpa_form_outer::before {
	content: "PASUL 1 — SPUNE-NE CE AI NEVOIE";
	display: block;
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	color: var(--electech-accent);
	margin-bottom: var(--electech-space-3);
	padding-bottom: var(--electech-space-3);
	border-bottom: 2px solid var(--electech-accent);
}

/* Form fields — labels mari (titlul fiecărui câmp) */
.postid-1428 .wcpa_form_outer > .wcpa_field_outer > .wcpa_label_field,
.postid-1428 .wcpa_form_outer .wcpa_field_outer > label.wcpa_label,
.postid-1428 form.cart > label {
	font-weight: 700;
	color: var(--electech-navy);
	font-size: 0.98rem;
	margin-bottom: var(--electech-space-2);
	display: block;
}

/* ==========================================================================
   1.1 ADDON FIX (S6) — bullet + text pe aceeași linie
   Cauza problemei: plugin-ul WCPA generează structuri diferite în funcție
   de tipul de câmp (checkbox simplu, checkbox în listă, radio cu imagine,
   etc.). Multe folosesc wrapper-e <span> sau <div> cu display:block care
   forțează input-ul să apară DEASUPRA textului.

   Rezolvare: forțăm flex-row pe TOATE container-elele posibile, indiferent
   dacă pluginul folosește label direct, ul/li, sau div-uri custom.
   ========================================================================== */

/* (A) Containere de opțiune — orice element care încadrează un input
       de tip checkbox/radio + textul aferent trebuie să fie flex orizontal */
html body.postid-1428 .wcpa_form_outer label,
html body.postid-1428 .wcpa_form_outer .wcpa_option,
html body.postid-1428 .wcpa_form_outer .wcpa_checkbox_outer,
html body.postid-1428 .wcpa_form_outer .wcpa_radio_outer,
html body.postid-1428 .wcpa_form_outer .wcpa_checkbox_wrapper,
html body.postid-1428 .wcpa_form_outer .wcpa_radio_wrapper,
html body.postid-1428 .wcpa_form_outer .wcpa_radio_list li,
html body.postid-1428 .wcpa_form_outer .wcpa_checkbox_list li,
html body.postid-1428 .wcpa_form_outer ul.wcpa_options_list > li,
html body.postid-1428 .wcpa_form_outer .wcpa_field_outer:has(input[type="checkbox"]) label,
html body.postid-1428 .wcpa_form_outer .wcpa_field_outer:has(input[type="radio"]) label {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	gap: 10px;
	padding: 12px 16px;
	background: var(--electech-white);
	border: 1px solid var(--electech-border);
	border-radius: var(--electech-radius);
	cursor: pointer;
	margin: 0 0 8px 0;
	transition: all var(--electech-transition);
	font-weight: 500;
	color: var(--electech-text);
	line-height: 1.4;
	list-style: none;
	text-align: left;
}

/* Reset margine pe titlul câmpului ca să nu se aplice padding-ul de mai sus */
html body.postid-1428 .wcpa_form_outer > .wcpa_field_outer > .wcpa_label_field {
	padding: 0;
	background: transparent;
	border: none;
	display: block !important;
	font-weight: 700;
	color: var(--electech-navy);
	font-size: 0.98rem;
	margin-bottom: var(--electech-space-2);
}

/* Listele ul/ol din WCPA — fără bullet-uri native și fără padding-left */
html body.postid-1428 .wcpa_form_outer ul,
html body.postid-1428 .wcpa_form_outer ol {
	list-style: none !important;
	padding-left: 0 !important;
	margin-left: 0 !important;
}

/* (B) Input real (checkbox/radio) — îl ascundem accesibil, lăsăm span-ul vizual */
html body.postid-1428 .wcpa_form_outer label input[type="checkbox"],
html body.postid-1428 .wcpa_form_outer label input[type="radio"],
html body.postid-1428 .wcpa_form_outer li input[type="checkbox"],
html body.postid-1428 .wcpa_form_outer li input[type="radio"] {
	position: absolute !important;
	opacity: 0 !important;
	width: 1px !important;
	height: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	pointer-events: none !important;
}

/* (C) Bullet vizual custom — fie generat de plugin (.wcpa_checkbox_custom /
       .wcpa_radio_custom), fie injectat de noi pentru input-uri "goale".
       Folosim ::before pe label ca fallback când plugin-ul nu generează span. */
html body.postid-1428 .wcpa_form_outer .wcpa_checkbox_custom,
html body.postid-1428 .wcpa_form_outer .wcpa_radio_custom,
html body.postid-1428 .wcpa_form_outer label:has(input[type="checkbox"]):not(:has(.wcpa_checkbox_custom))::before,
html body.postid-1428 .wcpa_form_outer label:has(input[type="radio"]):not(:has(.wcpa_radio_custom))::before {
	content: "";
	display: inline-block !important;
	flex-shrink: 0 !important;
	width: 22px !important;
	height: 22px !important;
	border: 2px solid var(--electech-border-strong) !important;
	background: var(--electech-white) !important;
	margin: 0 !important;
	position: relative !important;
	transition: all var(--electech-transition) !important;
	vertical-align: middle;
	box-sizing: border-box;
}

/* Forma: checkbox = rounded square, radio = cerc */
html body.postid-1428 .wcpa_form_outer .wcpa_checkbox_custom,
html body.postid-1428 .wcpa_form_outer label:has(input[type="checkbox"]):not(:has(.wcpa_checkbox_custom))::before {
	border-radius: 4px !important;
}
html body.postid-1428 .wcpa_form_outer .wcpa_radio_custom,
html body.postid-1428 .wcpa_form_outer label:has(input[type="radio"]):not(:has(.wcpa_radio_custom))::before {
	border-radius: 50% !important;
}

/* (D) Checked state — fond accent */
html body.postid-1428 .wcpa_form_outer input[type="checkbox"]:checked + .wcpa_checkbox_custom,
html body.postid-1428 .wcpa_form_outer input[type="radio"]:checked + .wcpa_radio_custom,
html body.postid-1428 .wcpa_form_outer label:has(input[type="checkbox"]:checked):not(:has(.wcpa_checkbox_custom))::before,
html body.postid-1428 .wcpa_form_outer label:has(input[type="radio"]:checked):not(:has(.wcpa_radio_custom))::before {
	background: var(--electech-accent) !important;
	border-color: var(--electech-accent) !important;
}

/* (E) Bifa albă în checkbox când e checked */
html body.postid-1428 .wcpa_form_outer input[type="checkbox"]:checked + .wcpa_checkbox_custom::after,
html body.postid-1428 .wcpa_form_outer label:has(input[type="checkbox"]:checked):not(:has(.wcpa_checkbox_custom))::after {
	content: "";
	position: absolute;
	left: 17px;
	top: 14px;
	width: 6px;
	height: 11px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	pointer-events: none;
}

/* Cazul în care există span generat de plugin — bifa stă în interiorul span-ului */
html body.postid-1428 .wcpa_form_outer .wcpa_checkbox_custom {
	position: relative !important;
}
html body.postid-1428 .wcpa_form_outer input[type="checkbox"]:checked + .wcpa_checkbox_custom::after {
	left: 5px;
	top: 1px;
}

/* (F) Punct interior la radio când e checked */
html body.postid-1428 .wcpa_form_outer input[type="radio"]:checked + .wcpa_radio_custom::after,
html body.postid-1428 .wcpa_form_outer label:has(input[type="radio"]:checked):not(:has(.wcpa_radio_custom))::after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--electech-white);
	pointer-events: none;
}
html body.postid-1428 .wcpa_form_outer .wcpa_radio_custom {
	position: relative !important;
}
html body.postid-1428 .wcpa_form_outer input[type="radio"]:checked + .wcpa_radio_custom::after {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
html body.postid-1428 .wcpa_form_outer label:has(input[type="radio"]:checked):not(:has(.wcpa_radio_custom))::after {
	top: 50%;
	left: calc(16px + 6px);
	transform: translateY(-50%);
}

/* (G) Hover & checked states pe label-ul wrapper */
html body.postid-1428 .wcpa_form_outer label:hover,
html body.postid-1428 .wcpa_form_outer .wcpa_radio_list li:hover,
html body.postid-1428 .wcpa_form_outer .wcpa_checkbox_list li:hover {
	border-color: var(--electech-accent);
	background: rgba(46, 124, 228, 0.04);
}

html body.postid-1428 .wcpa_form_outer label:has(input[type="checkbox"]:checked),
html body.postid-1428 .wcpa_form_outer label:has(input[type="radio"]:checked),
html body.postid-1428 .wcpa_form_outer li:has(input[type="checkbox"]:checked),
html body.postid-1428 .wcpa_form_outer li:has(input[type="radio"]:checked) {
	background: rgba(46, 124, 228, 0.08);
	border-color: var(--electech-accent);
	color: var(--electech-navy);
	font-weight: 600;
}

/* (H) Spans care conțin doar textul opțiunii — ne asigurăm că nu rup flex-ul */
html body.postid-1428 .wcpa_form_outer label .wcpa_label_text,
html body.postid-1428 .wcpa_form_outer label .wcpa_option_label,
html body.postid-1428 .wcpa_form_outer label > span:not(.wcpa_checkbox_custom):not(.wcpa_radio_custom) {
	display: inline-flex;
	align-items: center;
	flex: 1 1 auto;
	min-width: 0;
	line-height: 1.4;
}

/* (I) Preț afișat lângă opțiune (când addonul are cost suplimentar) */
html body.postid-1428 .wcpa_form_outer .wcpa_price,
html body.postid-1428 .wcpa_form_outer .price {
	margin-left: auto;
	color: var(--electech-accent);
	font-weight: 700;
	font-size: 0.95rem;
	flex-shrink: 0;
}

/* ==========================================================================
   1.2 FORM TEXT INPUTS (S5 — păstrate)
   ========================================================================== */

.postid-1428 .wcpa_form_outer input[type="text"],
.postid-1428 .wcpa_form_outer input[type="email"],
.postid-1428 .wcpa_form_outer input[type="tel"],
.postid-1428 .wcpa_form_outer input[type="number"],
.postid-1428 .wcpa_form_outer textarea,
.postid-1428 .wcpa_form_outer select {
	width: 100%;
	border: 2px solid var(--electech-border);
	border-radius: var(--electech-radius);
	padding: 12px 14px;
	font-size: 1rem;
	background: var(--electech-white);
	color: var(--electech-text);
	transition: border-color var(--electech-transition), box-shadow var(--electech-transition);
	font-family: inherit;
}

.postid-1428 .wcpa_form_outer input:focus,
.postid-1428 .wcpa_form_outer textarea:focus,
.postid-1428 .wcpa_form_outer select:focus {
	outline: none;
	border-color: var(--electech-accent);
	box-shadow: 0 0 0 3px rgba(46, 124, 228, 0.15);
}

.postid-1428 .wcpa_form_outer textarea {
	resize: vertical;
	min-height: 100px;
}

/* Sub-text descriptive sub label */
.postid-1428 .wcpa_form_outer .wcpa_descript,
.postid-1428 .wcpa_form_outer small {
	display: block;
	color: var(--electech-text-muted);
	font-size: 0.85rem;
	margin-top: 4px;
	margin-bottom: 12px;
	font-weight: 400;
}

/* Buton Cantitate */
.postid-1428 .quantity {
	display: inline-flex;
	align-items: center;
	border: 2px solid var(--electech-border);
	border-radius: var(--electech-radius);
	overflow: hidden;
	background: var(--electech-white);
}
.postid-1428 .quantity input.qty {
	border: none !important;
	background: transparent;
	width: 64px;
	text-align: center;
	font-weight: 700;
	font-size: 1.05rem;
	padding: 12px 10px;
}

/* Buton "Adaugă la ofertă" — premium */
.postid-1428 .single_add_to_cart_button {
	background: linear-gradient(135deg, var(--electech-accent) 0%, var(--electech-accent-dark) 100%) !important;
	color: var(--electech-white) !important;
	border: none !important;
	padding: 16px 32px !important;
	font-size: 1.05rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
	border-radius: var(--electech-radius) !important;
	box-shadow: 0 8px 20px rgba(46, 124, 228, 0.30) !important;
	transition: all var(--electech-transition) !important;
	text-transform: none !important;
	min-width: 220px;
}

.postid-1428 .single_add_to_cart_button:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(46, 124, 228, 0.45) !important;
	background: linear-gradient(135deg, var(--electech-accent-dark) 0%, var(--electech-navy) 100%) !important;
}

/* Brand link */
.postid-1428 .product .summary .brand,
.postid-1428 .product .summary [class*="brand"] a {
	color: var(--electech-accent);
	font-weight: 600;
	text-decoration: none;
}

/* Tabs — stilizate ca pe restul site-ului */
.postid-1428 .woocommerce-tabs ul.tabs {
	border-bottom: 2px solid var(--electech-border) !important;
	padding: 0 !important;
	margin-bottom: var(--electech-space-5) !important;
	display: flex;
	gap: 4px;
}
.postid-1428 .woocommerce-tabs ul.tabs::before {
	display: none;
}
.postid-1428 .woocommerce-tabs ul.tabs li {
	border: none !important;
	background: transparent !important;
	border-radius: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}
.postid-1428 .woocommerce-tabs ul.tabs li a {
	padding: 12px 20px !important;
	color: var(--electech-text-muted) !important;
	font-weight: 700;
	border-bottom: 3px solid transparent;
	margin-bottom: -2px;
	transition: all var(--electech-transition);
}
.postid-1428 .woocommerce-tabs ul.tabs li.active a,
.postid-1428 .woocommerce-tabs ul.tabs li a:hover {
	color: var(--electech-navy) !important;
	border-bottom-color: var(--electech-accent);
}

/* Trust badges section — injected after form via product meta */
.postid-1428 .product_meta {
	margin-top: var(--electech-space-5);
	padding-top: var(--electech-space-5);
	border-top: 1px solid var(--electech-border);
}
.postid-1428 .product_meta::before {
	content: "✓ Garanție inclusă   ✓ Răspuns în 24h   ✓ Plată Netopia securizată   ✓ Licență IGPR 7900/T";
	display: block;
	background: linear-gradient(135deg, rgba(46, 124, 228, 0.08), rgba(10, 37, 64, 0.06));
	padding: 14px 18px;
	border-radius: var(--electech-radius);
	font-size: 0.88rem;
	font-weight: 600;
	color: var(--electech-navy);
	margin-bottom: var(--electech-space-3);
	border-left: 3px solid var(--electech-accent);
	letter-spacing: 0.01em;
}

/* ==========================================================================
   2. CART PAGE — /cos/ — branded styling
   (păstrate identic din S5)
   ========================================================================== */

.woocommerce-cart .entry-content {
	max-width: 1240px;
	margin-inline: auto;
}

.woocommerce-cart .entry-header,
.woocommerce-cart .page-title {
	text-align: center;
	margin-bottom: var(--electech-space-6);
}

/* ==========================================================================
   3. CHECKOUT — /finalizare-comanda/ — branded
   (păstrate din S5)
   ========================================================================== */
.woocommerce-checkout #payment ul.payment_methods li input[type="radio"]:checked + label {
	color: var(--electech-navy);
	font-weight: 600;
}
.woocommerce-checkout #payment ul.payment_methods li input[type="radio"] {
	accent-color: var(--electech-accent);
}