/* =============================================================================
   PAGINA DE CHECKOUT  (se încarcă doar pe /checkout/)
   =============================================================================

   CE FACE FIȘIERUL ĂSTA
   Easy Digital Downloads își tipărește propriul markup și propriul CSS. Noi îl
   reașezăm în două coloane și îi dăm aspectul site-ului. De aceea multe reguli
   de aici arată mai complicat decât ar trebui: trebuie să câștige în fața
   regulilor EDD, care folosesc ID-uri.

   REGULA DE SPECIFICITATE, PE SCURT
   În CSS, când două reguli spun lucruri diferite despre același element, câștigă
   cea „mai specifică". Un selector cu ID (`#edd_checkout_cart`) bate orice
   selector făcut doar din clase, oricâte clase ai pune. Așa că oriunde EDD are
   un ID în selectorul lui, îl punem și noi. Comentariile marcate „DE CE ID"
   explică fiecare caz în parte — nu le șterge, altfel cineva „simplifică"
   selectorul și stilul dispare fără niciun mesaj de eroare.

   CUM E ORGANIZAT FIȘIERUL
     1. LAYOUTUL ÎN DOUĂ COLOANE
     2. PANOUL GRI DIN DREAPTA
     3. COLOANA STÂNGĂ: FORMULARUL
     4. BUTONUL DE PLATĂ
     5. COLOANA DREAPTĂ: SUMARUL COMENZII
     6. SELECTORUL DE LICENȚĂ
     7. INDICATORUL DE PAȘI
     8. TESTIMONIALE
     9. ARGUMENTE DE ÎNCREDERE
    10. FĂRĂ COLȚURI ROTUNJITE
    11. PAGINA UMPLE FEREASTRA
    12. FĂRĂ BARE DE ANUNȚURI

   REGULI RESPECTATE ÎN TOT FIȘIERUL
   - Culorile vin EXCLUSIV din variabilele temei Ollie (`--wp--preset--color--*`).
   - Nu declarăm `font-family` nicăieri.
   - Checkout-ul e intenționat fără colțuri rotunjite (secțiunea 10).

   MARKUP CARE APARE DOAR ÎN ANUMITE CONDIȚII
   Câteva reguli de aici par nefolosite dacă te uiți la un checkout de pe mediul
   local. Nu sunt. Înainte să ștergi ceva, verifică lista asta:
     .mc-tier*            apare doar dacă produsul are trepte configurate în EDD
                          Software Licensing ȘI e singurul produs din coș
     .edd-payment-icons   apare doar dacă e activ un gateway cu iconițe de card
     .wpchill-eu-banner   vine din plugin-ul wpchill-eu-banner, care nu e
                          instalat local
     select / textarea    apar în formular doar la anumite gateway-uri și la
                          câmpul de TVA

   VARIABILELE FOLOSITE AICI
     --wp--preset--color--primary        negru de text și de buton     (#1A1A1A)
     --wp--preset--color--main           negru de text al temei        (#1E1E26)
     --wp--preset--color--base           alb                           (#fff)
     --wp--preset--color--secondary      gri de text secundar          (#545473)
     --wp--preset--color--border-light   gri de linii și chenare       (#E3E3F0)
     --wp--preset--color--tertiary       gri deschis de fundal         (#f8f7fc)
     --wp--preset--color--vivid-red      roșu de eroare                (#cf2e2e)
     --wp--preset--color--luminous-vivid-amber   galben de stele       (#fcb900)
   ========================================================================== */


/* -----------------------------------------------------------------------------
   1. LAYOUTUL ÎN DOUĂ COLOANE
   Formularul la stânga, sumarul comenzii la dreapta.
   -------------------------------------------------------------------------- */

/* `clip`, nu `hidden`: `hidden` ar transforma elementul într-un container de
   scroll, iar panoul gri (care iese intenționat în afara lui) ar declanșa o bară
   de derulare orizontală. `clip` taie fără să deruleze. */
.edd-checkout main {
	overflow-x: clip;
}

.edd-checkout #edd_checkout_wrap {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 380px);
	gap: 3.5rem;
	align-items: start;
	/* Fără plafon explicit ar prelua toată lățimea unui bloc alignfull (1700px+):
	   regula de layout „constrained" a grupului cade pe acest element, iar
	   `max-width:none` ar anula-o. */
	max-width: 1080px;
	margin-inline: auto;
}

/* EDD dă coloanelor lățimi procentuale (60/40) pentru layout-ul LUI, în flex.
   Peste grid, procentele se aplică în interiorul coloanei noastre și o lasă la
   40% din ea — de aici cardul de 152px lățime pe care îl vedeai. */
.edd-checkout #edd_checkout_form_wrap,
.edd-checkout #edd_checkout_cart_form {
	width: auto;
	max-width: none;
	float: none;
}

.edd-checkout #edd_checkout_form_wrap {
	order: 1;
	min-width: 0;
}

.edd-checkout #edd_checkout_cart_form {
	order: 2;
	position: relative;
	min-width: 0;
	padding: 2rem 0 2.5rem;
}

@media (max-width: 900px) {

	.edd-checkout #edd_checkout_wrap {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	/* Pe mobil sumarul urcă deasupra formularului: omul confirmă ce cumpără
	   înainte să înceapă să tasteze. */
	.edd-checkout #edd_checkout_cart_form {
		order: 1;
		padding: 1.5rem 0;
	}

	.edd-checkout #edd_checkout_form_wrap {
		order: 2;
	}
}


/* -----------------------------------------------------------------------------
   2. PANOUL GRI DIN DREAPTA
   Fundalul coloanei din dreapta trebuie să se prelungească până la marginea
   ferestrei. Sunt două variante, pentru că pe ecran lat panoul pornește din
   capul paginii, iar pe ecran îngust doar din dreptul coșului.
   -------------------------------------------------------------------------- */

/* VARIANTA MICĂ (sub 1152px): un pseudo-element ancorat de coloană.
   `z-index:0` pe fundal și `z-index:1` pe conținut, ca să nu acopere linkurile. */
.edd-checkout #edd_checkout_cart_form::before {
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	right: -100vw;
	bottom: 0;
	left: -2.5rem;
	border-left: 1px solid var(--wp--preset--color--border-light);
	background: var(--wp--preset--color--tertiary);
}

.edd-checkout #edd_checkout_cart_form > * {
	position: relative;
	z-index: 1;
}

@media (max-width: 900px) {

	.edd-checkout #edd_checkout_cart_form::before {
		right: -1.25rem;
		left: -1.25rem;
		border-left: 0;
	}
}

/* VARIANTA MARE (de la 1152px): panoul pornește din capul paginii, deci nu poate
   fi ancorat de coloană. Marginea lui stângă e calculată cu aceeași aritmetică
   pe care o face grid-ul:
       container 1080 centrat, coloana dreaptă 380, gap 3.5rem (56px)
       start = 50vw − 540 + (1080 − 380) − 56 = 50vw + 104px
   Valabil doar cât containerul chiar are 1080px; sub atât layoutul devine
   oricum o singură coloană. */
@media (min-width: 1152px) {

	/* Ancorat de `.wp-site-blocks`, NU `position:fixed` pe fereastră: altfel,
	   când pagina e mai scurtă decât ecranul, griul ar continua și pe sub footer.
	   Așa se oprește unde se termină pagina. */
	.edd-checkout .wp-site-blocks {
		position: relative;
	}

	.edd-checkout .wp-site-blocks::after {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		right: 0;
		bottom: 0;
		left: calc(50vw + 104px);
		border-left: 1px solid var(--wp--preset--color--border-light);
		background: var(--wp--preset--color--tertiary);
		pointer-events: none;
	}

	/* Footerul e opac, ca să acopere panoul pe porțiunea lui. */
	.edd-checkout .site-footer-minimal {
		position: relative;
		background: var(--wp--preset--color--base);
	}

	/* Fundalul e acum al paginii întregi, deci pseudo-elementul coloanei ar
	   dubla bordura. */
	.edd-checkout #edd_checkout_cart_form::before {
		display: none;
	}

	/* Logo-ul se centrează pe zona albă, nu pe toată fereastra. */
	.edd-checkout .site-header .wp-block-group {
		max-width: 644px;
		margin-left: auto;
		margin-right: auto;
		transform: translateX(-218px);
	}

	.edd-checkout .site-header {
		border-bottom: 0;
	}

	/* Sumarul urcă peste nivelul indicatorului de pași, ca să fie primul lucru
	   vizibil în coloana dreaptă. Marginea negativă compensează exact
	   indicatorul (puncte + etichete + 2.5rem sub el). */
	.edd-checkout #edd_checkout_cart_form {
		margin-top: -5.25rem;
	}
}


/* -----------------------------------------------------------------------------
   3. COLOANA STÂNGĂ: FORMULARUL
   -------------------------------------------------------------------------- */

/* Ordinea secțiunilor din formular e schimbată din CSS: iconițele de card ajung
   lipite de butonul de plată, adică exact în momentul deciziei, nu sus în capul
   formularului unde nu le vede nimeni. */
.edd-checkout #edd_purchase_form {
	display: flex;
	flex-direction: column;
}

.edd-checkout #edd_checkout_user_info {
	order: 1;
}

.edd-checkout .edd-vat-wrapper {
	order: 2;
}

.edd-checkout .edd-payment-icons {
	order: 3;
}

.edd-checkout #edd_purchase_submit {
	order: 4;
}

/* Când există gateway-uri active (producție), EDD mai adaugă două containere direct în
   formular: selectorul de metodă și wrapper-ul cu câmpurile de plată + butonul. Ele n-au
   order, deci rămân pe 0 și urcă înaintea datelor personale. Pe local/staging nu apar
   deloc, neavând gateway configurat — de-aia cazul n-a ieșit la iveală mai devreme. */
.edd-checkout #edd_purchase_form #edd_payment_mode_select_wrap {
	order: 3;
}

.edd-checkout #edd_purchase_form #edd_purchase_form_wrap {
	order: 4;
}

.edd-checkout #edd_purchase_form fieldset {
	margin: 0 0 2rem;
	padding: 0;
	border: 0;
}

.edd-checkout #edd_purchase_form legend {
	float: none;
	width: auto;
	margin: 0 0 1.25rem;
	padding: 0;
	color: var(--wp--preset--color--primary);
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: -.01em;
}

/* Nume și prenume pe același rând.
   FLEX, nu grid: pe un `<fieldset>`, Chrome nu rezolvă corect track-urile de
   grid (`getComputedStyle` întoarce „1fr 1fr", nu pixeli), iar copiii rămâneau
   la lățimea impusă de EDD (48%) în loc să umple coloana. */
.edd-checkout #edd_checkout_user_info {
	display: flex;
	flex-wrap: wrap;
	gap: 0 1rem;
}

.edd-checkout #edd_checkout_user_info legend,
.edd-checkout #edd-email-wrap {
	flex: 0 0 100%;
	width: 100%;
}

.edd-checkout #edd-first-name-wrap,
.edd-checkout #edd-last-name-wrap {
	flex: 1 1 calc(50% - .5rem);
	width: auto;
	min-width: 0;
	max-width: none;
	float: none;
}

.edd-checkout #edd_checkout_user_info p {
	margin: 0 0 1.5rem;
}

/* EDD pune `width:48%` pe wrapper-ele de nume, pentru layout-ul lui în float.
   Peste flex, procentul lăsa câmpurile la 144px. */
.edd-checkout #edd_checkout_user_info > p {
	width: auto;
	max-width: none;
	float: none;
}

/* DE CE ID: EDD are `#edd_checkout_form_wrap label{margin-bottom:5px}`. Un
   selector făcut din două clase pierde în fața lui, oricât de specific pare. */
.edd-checkout #edd_checkout_form_wrap .edd-label {
	display: block;
	margin: 0 0 .9rem;
	color: var(--wp--preset--color--primary);
	font-size: .85rem;
	font-weight: 600;
}

.edd-checkout .edd-required-indicator {
	margin-left: .15rem;
	color: var(--wp--preset--color--vivid-red);
}

.edd-checkout .edd-description {
	display: block;
	margin: -.25rem 0 .5rem;
	color: var(--wp--preset--color--secondary);
	font-size: .78rem;
	line-height: 1.45;
}

.edd-checkout .edd-input,
.edd-checkout #edd_purchase_form input[type=text],
.edd-checkout #edd_purchase_form input[type=email] {
	width: 100%;
	box-sizing: border-box;
	padding: .7rem .85rem;
	border: 1px solid var(--wp--preset--color--border-light);
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--primary);
	font-size: .95rem;
	line-height: 1.3;
	transition: border-color .15s, box-shadow .15s;
}

/* Inelul de focus e chiar culoarea de text a temei, diluată cu `color-mix`.
   Așa rămâne corect și dacă cineva schimbă paleta din Ollie. */
.edd-checkout .edd-input:focus {
	border-color: var(--wp--preset--color--primary);
	outline: none;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--primary) 12%, transparent);
}

/* Linkul de TVA era o bandă gri cu padding, care rupea ritmul formularului.
   E un link, atât. */
.edd-checkout .edd-vat-wrapper {
	margin: -.25rem 0 2rem;
	padding: 0;
	border: 0;
	background: none;
	font-size: .85rem;
}

.edd-checkout .edd-vat-wrapper a {
	color: var(--wp--preset--color--primary);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.edd-checkout .edd-vat-wrapper a:hover {
	color: var(--wp--preset--color--main);
}

.edd-checkout .edd-payment-icons {
	display: flex;
	align-items: center;
	gap: .4rem;
	margin: 0 0 .9rem;
	opacity: .85;
}

.edd-checkout .edd-payment-icons svg {
	width: auto;
	height: 26px;
}


/* -----------------------------------------------------------------------------
   4. BUTONUL DE PLATĂ
   -------------------------------------------------------------------------- */

.edd-checkout #edd_purchase_submit {
	margin-top: .5rem;
}

/* Totalul de deasupra butonului: etichetă la stânga, sumă la dreapta. */
.edd-checkout #edd_final_total_wrap {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin: 0 0 1rem;
	padding: 0 0 1rem;
	border-bottom: 1px solid var(--wp--preset--color--border-light);
	font-size: .95rem;
}

.edd-checkout #edd_final_total_wrap .edd_cart_amount {
	color: var(--wp--preset--color--primary);
	font-size: 1.35rem;
	font-weight: 600;
}

.edd-checkout #edd-purchase-button {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 1rem 1.25rem;
	border: 2px solid var(--wp--preset--color--primary);
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	cursor: pointer;
	transition: background .15s, color .15s;
}

.edd-checkout #edd-purchase-button:hover {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--primary);
}


/* -----------------------------------------------------------------------------
   5. COLOANA DREAPTĂ: SUMARUL COMENZII
   -------------------------------------------------------------------------- */

.edd-checkout .wpchill-cart-wrapper {
	border: 1px solid var(--wp--preset--color--border-light);
	background: var(--wp--preset--color--base);
	overflow: hidden;
}

.edd-checkout #edd_checkout_cart {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	font-size: .9rem;
}

/* NU adăuga aici o regulă `thead { display: none }`. A existat una și era moartă:
   template-ul de coș e suprascris de wpchill-utils
   (views/edd_templates/checkout_cart.php), iar acolo rândul de antet a fost deja
   scos din HTML. Capul de tabel nu mai există în pagină, deci n-are ce ascunde. */
.edd-checkout #edd_checkout_cart td,
.edd-checkout #edd_checkout_cart th {
	padding: .85rem 1rem;
	border: 0;
	background: none;
	text-align: left;
	vertical-align: top;
}

.edd-checkout #edd_checkout_cart .edd_cart_item td {
	border-bottom: 1px solid var(--wp--preset--color--border-light);
}

.edd-checkout .edd_checkout_cart_item_title {
	color: var(--wp--preset--color--primary);
	font-weight: 600;
	line-height: 1.35;
}

.edd-checkout #edd_checkout_cart .edd_cart_item_price {
	color: var(--wp--preset--color--primary);
	font-weight: 600;
	text-align: right;
	white-space: nowrap;
	vertical-align: top !important;
}

.edd-checkout .edd_cart_remove_item_btn {
	margin-left: .5rem;
	color: var(--wp--preset--color--secondary);
	font-size: .9rem;
	text-decoration: none;
}

.edd-checkout .edd_cart_remove_item_btn:hover {
	color: var(--wp--preset--color--vivid-red);
}

/* DE CE ID: EDD are `#edd_checkout_cart td, #edd_checkout_cart th{color:#666}`.
   Fără ID, regulile de aici pierd și rândul de total rămâne gri. Gri + bold pe
   alb e exact ce se citea ca „blurat": contrast mic pe un text îngroșat. */
.edd-checkout #edd_checkout_cart .edd_cart_footer_row th {
	color: var(--wp--preset--color--secondary);
	font-size: .88rem;
	font-weight: 500;
}

.edd-checkout #edd_checkout_cart .edd_cart_footer_row_total th {
	border-top: 1px solid var(--wp--preset--color--border-light);
	color: var(--wp--preset--color--primary);
	font-size: 1rem;
	font-weight: 600;
}

.edd-checkout #edd_checkout_cart .edd_cart_footer_row_total .edd_cart_amount {
	color: var(--wp--preset--color--primary);
	font-weight: 600;
}


/* -----------------------------------------------------------------------------
   6. SELECTORUL DE LICENȚĂ
   Dropdown-ul „câte site-uri" stă ÎN celula cu numele produsului, pus acolo de
   hook-ul `edd_checkout_cart_item_title_after` (vezi modula-customizations.php).
   Apare doar dacă produsul are trepte configurate în EDD Software Licensing.
   -------------------------------------------------------------------------- */

.edd-checkout .mc-tier {
	margin: .6rem 0 0;
}

/* `inline-flex` + `position:relative`: containerul se strânge pe lățimea
   select-ului, iar eticheta de alături poate fi poziționată absolut și lăsată să
   iasă peste coloana prețului. Celula numelui e prea îngustă ca să încapă
   amândouă în flux normal. */
.edd-checkout .mc-tier__control {
	position: relative;
	display: inline-flex;
	align-items: center;
}

/* Săgeata select-ului e o imagine SVG inline. Culoarea ei e scrisă direct în
   imagine (`stroke='%231A1A1A'`), pentru că un data URI nu poate citi variabile
   CSS. E aceeași valoare cu `--wp--preset--color--primary`. */
.edd-checkout .mc-tier-select {
	flex: 0 1 auto;
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
	padding: .45rem 1.9rem .45rem .6rem;
	border: 1px solid var(--wp--preset--color--border-light);
	background: var(--wp--preset--color--base);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231A1A1A' stroke-width='1.6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right .6rem center;
	background-size: 10px;
	color: var(--wp--preset--color--primary);
	font-size: .85rem;
	font-weight: 600;
	cursor: pointer;
	appearance: none;
}

.edd-checkout .mc-tier-select:focus {
	border-color: var(--wp--preset--color--primary);
	outline: none;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--primary) 12%, transparent);
}

/* În timpul schimbării treptei coșul se reîncarcă; estompăm ca să se vadă că
   se întâmplă ceva. Clasa e pusă de checkout.js. */
.edd-checkout .mc-tier.is-switching {
	opacity: .55;
}

/* Eticheta „Save up to X%" e semnalul că select-ul se poate atinge. Săgeata din
   stânga ei o leagă vizual de dropdown. */
.edd-checkout .mc-tier-badge {
	position: absolute;
	top: 50%;
	left: calc(100% + .55rem);
	transform: translateY(-50%);
	padding: .3rem .55rem;
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	font-size: .72rem;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
	text-transform: none;
}

.edd-checkout .mc-tier-badge::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -4px;
	transform: translateY(-50%);
	border: 4px solid transparent;
	border-left: 0;
	border-right-color: var(--wp--preset--color--primary);
}

/* `text-transform:none` NU e opțional: tema capitalizează textul din celulele
   coșului, iar fraza ieșea „5 Sites Works Out At €19.80 Per Site". */
.edd-checkout .mc-tier-hint {
	margin: .45rem 0 0;
	color: var(--wp--preset--color--main);
	font-size: .78rem;
	line-height: 1.45;
	text-transform: none;
}


/* -----------------------------------------------------------------------------
   7. INDICATORUL DE PAȘI
   Cele trei puncte de deasupra formularului. Markup-ul vine dintr-un shortcode
   din wpchill-utils.
   -------------------------------------------------------------------------- */

/* DE CE ID: regulile shortcode-ului sunt inline, deci apar după fișierul ăsta în
   sursă. La specificitate egală câștigă cel de-al doilea, așa că avem nevoie de
   ID ca să trecem înaintea lui.
   DE CE !important: regulile de layout „constrained" ale WordPress pun
   `margin-left:auto!important` pe fiecare copil al grupului. Fără `!important`
   indicatorul rămâne centrat pe toată lățimea și intră peste panoul gri,
   oricâtă specificitate am folosi. */
.edd-checkout #wpchill-checkout-progress {
	/* Se centrează la fel ca blocul de checkout (1080px), apoi rezervă la dreapta
	   exact cât ocupă panoul + gap-ul, ca punctele să cadă peste coloana din
	   stânga și să se alinieze cu formularul. */
	max-width: 1080px;
	margin: 0 auto 2.5rem;
	padding: 0 calc(380px + 3.5rem) 0 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	gap: 0;
	background: none;
}

/* Linia leagă centrele primului și ultimului punct: cu trei pași egali, centrele
   cad la 1/6 și 5/6 din lățimea utilă, nu la marginile blocului. */
.edd-checkout #wpchill-checkout-progress::before {
	content: "";
	position: absolute;
	z-index: 0;
	top: 7px;
	left: 16.66%;
	right: calc(16.66% + 380px + 3.5rem);
	height: 1px;
	background: var(--wp--preset--color--border-light);
}

.edd-checkout #wpchill-checkout-progress .wpchill-checkout-step {
	position: relative;
	z-index: 1;
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .45rem;
	padding: 0;
	background: none;
}

/* Punctul. Shortcode-ul pune o iconiță în el; o ascundem strivind
   `font-size`/`line-height` la 0 și făcând textul transparent. */
.edd-checkout #wpchill-checkout-progress .step-icon {
	width: 15px;
	height: 15px;
	min-width: 0;
	padding: 0;
	border: 2px solid var(--wp--preset--color--border-light);
	border-radius: 50%;
	background: var(--wp--preset--color--base);
	color: transparent;
	font-size: 0;
	line-height: 0;
	box-shadow: none;
}

/* Pașii deja făcuți sunt plini, dar în gri: sunt în trecut, nu mai cer atenție. */
.edd-checkout #wpchill-checkout-progress .completed .step-icon {
	border-color: var(--wp--preset--color--secondary);
	background: var(--wp--preset--color--secondary);
}

/* Pasul curent e plin și negru: aici ești acum. */
.edd-checkout #wpchill-checkout-progress .active .step-icon {
	border-color: var(--wp--preset--color--primary);
	background: var(--wp--preset--color--primary);
}

.edd-checkout #wpchill-checkout-progress .step-text {
	color: var(--wp--preset--color--secondary);
	font-size: .78rem;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
}

.edd-checkout #wpchill-checkout-progress .completed .step-text,
.edd-checkout #wpchill-checkout-progress .active .step-text {
	color: var(--wp--preset--color--primary);
}


/* -----------------------------------------------------------------------------
   8. TESTIMONIALE
   Un citat pe rând, cu săgeți de navigare. Textele sunt în
   modula-customizations.php; comutarea o face checkout.js prin clasa `.is-active`.
   -------------------------------------------------------------------------- */

.edd-checkout .mc-testimonials {
	position: relative;
	margin-top: 1.75rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--wp--preset--color--border-light);
}

.edd-checkout .mc-testimonial {
	display: none;
	margin: 0;
}

.edd-checkout .mc-testimonial.is-active {
	display: block;
}

.edd-checkout .mc-testimonial blockquote {
	margin: 0;
	padding: 0;
	border: 0;
	color: var(--wp--preset--color--main);
	font-size: 1rem;
	font-style: italic;
	line-height: 1.55;
}

/* Ghilimeaua decorativă de deschidere. `line-height:0` o scoate din calculul
   înălțimii rândului, ca să nu împingă prima linie de text în jos. */
.edd-checkout .mc-testimonial blockquote::before {
	content: "\201C";
	margin-right: .15rem;
	color: var(--wp--preset--color--border-light);
	font-size: 1.4em;
	line-height: 0;
	vertical-align: -.15em;
}

.edd-checkout .mc-testimonial figcaption {
	display: flex;
	align-items: center;
	gap: .7rem;
	margin-top: .9rem;
}

/* Cercul cu inițialele clientului, în locul unei fotografii. */
.edd-checkout .mc-testimonial__avatar {
	flex: 0 0 auto;
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .02em;
}

.edd-checkout .mc-testimonial__meta {
	display: flex;
	flex-direction: column;
	gap: .15rem;
	min-width: 0;
}

.edd-checkout .mc-testimonial__name {
	color: var(--wp--preset--color--primary);
	font-size: .85rem;
	font-weight: 600;
}

.edd-checkout .mc-testimonial__stars {
	color: var(--wp--preset--color--luminous-vivid-amber);
	font-size: .8rem;
	letter-spacing: .08em;
}

.edd-checkout .mc-testimonial__nav {
	display: flex;
	justify-content: flex-end;
	gap: .35rem;
	margin-top: .9rem;
}

.edd-checkout .mc-testimonial__nav button {
	width: 24px;
	height: 24px;
	padding: 0;
	border: 1px solid var(--wp--preset--color--border-light);
	border-radius: 50%;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--secondary);
	font-size: .95rem;
	line-height: 1;
	cursor: pointer;
	transition: .15s;
}

.edd-checkout .mc-testimonial__nav button:hover {
	border-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
}


/* -----------------------------------------------------------------------------
   9. ARGUMENTE DE ÎNCREDERE
   Lista de sub sumarul comenzii și fraza scurtă de sub butonul de plată.
   Markup-ul e în modula-customizations.php.
   -------------------------------------------------------------------------- */

.edd-checkout .mc-checkout-trust {
	margin-top: 1.25rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--wp--preset--color--border-light);
}

.edd-checkout .mc-checkout-points {
	display: grid;
	gap: .55rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.edd-checkout .mc-checkout-points li {
	position: relative;
	padding-left: 1.5rem;
	color: var(--wp--preset--color--secondary);
	font-size: .85rem;
	line-height: 1.45;
}

/* Bifa din fața fiecărui rând. */
.edd-checkout .mc-checkout-points li::before {
	content: "\2713";
	position: absolute;
	top: 0;
	left: 0;
	color: var(--wp--preset--color--primary);
	font-weight: 700;
}

.edd-checkout .mc-checkout-points a {
	color: inherit;
}

.edd-checkout .mc-checkout-guarantee {
	margin: 1.1rem 0 0;
	padding: .8rem .9rem;
	background: var(--wp--preset--color--tertiary);
	color: var(--wp--preset--color--secondary);
	font-size: .85rem;
	line-height: 1.5;
}

.edd-checkout .mc-checkout-guarantee strong {
	display: block;
	color: var(--wp--preset--color--primary);
}

.edd-checkout .mc-checkout-reassure {
	margin: .9rem 0 0;
	color: var(--wp--preset--color--secondary);
	font-size: .8rem;
	line-height: 1.5;
	text-align: center;
}


/* -----------------------------------------------------------------------------
   10. FĂRĂ COLȚURI ROTUNJITE
   Checkout-ul e intenționat unghiular. Nu e suficient să nu declarăm noi un
   radius: EDD și tema pun ale lor (5px pe inputuri, 4px pe buton, 8px pe card),
   deci avem nevoie de zerouri explicite. Selectorii conțin ID-uri acolo unde și
   ai lor au, altfel pierd.
   Cercurile propriu-zise — avatarul, punctele indicatorului, săgețile — rămân
   rotunde: ele folosesc `border-radius:50%`, nu apar în lista de mai jos.
   -------------------------------------------------------------------------- */

.edd-checkout #edd_checkout_form_wrap input,
.edd-checkout #edd_checkout_form_wrap select,
.edd-checkout #edd_checkout_form_wrap textarea,
.edd-checkout #edd_checkout_form_wrap button,
.edd-checkout #edd-purchase-button,
.edd-checkout .wpchill-cart-wrapper,
.edd-checkout #edd_checkout_cart,
.edd-checkout .mc-tier-select,
.edd-checkout .mc-tier-badge,
.edd-checkout .mc-checkout-guarantee,
.edd-checkout .edd-vat-wrapper {
	border-radius: 0;
}


/* -----------------------------------------------------------------------------
   11. PAGINA UMPLE FEREASTRA
   Conținutul de checkout e scurt, așa că footerul rămânea suspendat pe la
   jumătatea ecranului. Coloană flexibilă cu înălțime minimă cât fereastra +
   `main` care se întinde: footerul coboară la bază, iar panoul gri (ancorat de
   `.wp-site-blocks`) crește odată cu ea.
   -------------------------------------------------------------------------- */

.edd-checkout .wp-site-blocks {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.edd-checkout .wp-site-blocks > main {
	flex: 1 0 auto;
}

/* Bara de admin ocupă din fereastră; fără scăderea ei apare o bară de derulare
   de câțiva zeci de pixeli. */
body.edd-checkout.admin-bar .wp-site-blocks {
	min-height: calc(100vh - var(--wp-admin--admin-bar--height, 32px));
}


/* -----------------------------------------------------------------------------
   12. FĂRĂ BARE DE ANUNȚURI
   În checkout nu vrem nimic care distrage. Bara „Modula 3.0 Beta" e în
   template part-ul de header și dispare prin comutarea pe header-minimal.
   Banner-ul EU e injectat de plugin-ul wpchill-eu-banner la `wp_body_open`, în
   afara template-ului, deci singurul loc de unde poate fi scos e de aici.

   ATENȚIE: plugin-ul wpchill-eu-banner NU e instalat pe mediul local, deci
   regula pare nefolosită dacă o cauți doar aici. Pe producție e necesară.
   -------------------------------------------------------------------------- */

body.edd-checkout .wpchill-eu-banner {
	display: none;
}