/* Rândul de puncte din totalurile coșului și din „Comanda ta" la finalizare.
   Alinierea se pune pe elementele interioare, nu pe celulă: temele stilează
   celulele din totaluri cu selectori mai specifici și ar câștiga ele. */
.edp-puncte-rand td {
	padding-top: 0.75em;
}

.edp-puncte-rand p,
.edp-puncte-rand .edp-puncte-alege {
	text-align: left;
}

/* Celula n-are data-title; fără regula asta, CSS-ul responsive WooCommerce ar
   desena pe mobil un „: " orfan în fața conținutului. */
.edp-puncte-rand td::before {
	display: none !important;
}

.edp-puncte-rand p {
	margin: 0 0 0.5em;
}

.edp-puncte-rand p:last-child {
	margin-bottom: 0;
}

.edp-puncte-alege {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5em;
	margin: 0 0 0.5em;
}

.edp-puncte-alege input[type="number"] {
	width: 6.5em;
	padding: 0.4em 0.6em;
}

.edp-puncte-stare,
.edp-puncte-estimare {
	font-weight: 400;
	text-transform: none;
}

.edp-puncte-renunta {
	white-space: nowrap;
}

.edp-puncte-estimare {
	font-size: 0.9em;
	opacity: 0.75;
}

/* Rezumatul din „Punctele mele" */
.edp-puncte-rezumat {
	margin: 0 0 1.5em;
}

.edp-puncte-rezumat__sold {
	font-size: 1.15em;
	margin: 0 0 0.5em;
}

.edp-puncte-rezumat__reguli,
.edp-puncte-rezumat__expirare {
	margin: 0 0 0.25em;
}

/* --------------------------------------------------------------------------
   Cardul din „Punctele mele", când contul e construit cu Elementor Pro.

   Widget-ul „My Account" desenează cardul (fundal, chenar, padding) printr-o
   listă fixă de taburi din widget-woocommerce-my-account.min.css. Un endpoint
   propriu nu e pe listă, deci conținutul lui ar rămâne fără card, lângă restul
   contului. Copiem declarațiile pe care Elementor le dă taburilor lui, cu
   aceleași variabile — cardul urmează ce e setat în Elementor, nu valori fixe.
   Aceeași soluție e folosită de edp-cereri-retur pentru „Cererile mele".
   -------------------------------------------------------------------------- */
.elementor-widget-woocommerce-my-account .e-my-account-tab__punctele-mele .woocommerce-MyAccount-content-wrapper {
	background-color: var( --sections-background-color, #fff );
	border-color: var( --sections-border-color, #d5d8dc );
	border-radius: var( --sections-border-radius, 3px );
	border-style: var( --sections-border-type, solid );
	border-width: var( --sections-border-top-width, 1px ) var( --sections-border-right-width, 1px ) var( --sections-border-bottom-width, 1px ) var( --sections-border-left-width, 1px );
	padding: var( --sections-padding, 16px 30px 3px 30px );
}

.elementor-widget-woocommerce-my-account .e-my-account-tab__punctele-mele .shop_table {
	border: none;
	margin-bottom: 0;
}

/* Plasa de siguranță: pe staging Elementor nu pune clasa tabului pentru
   endpoint-urile custom, deci cardul vine din regula asta. Ancorată pe rezumat,
   care există mereu (tabelul lipsește la istoric gol). Stă în reguli separate
   intenționat: un browser care nu cunoaște `:has()` aruncă toată regula în care
   apare, iar dacă ar fi lipită de cele de sus le-ar pierde și pe acelea. */
.elementor-widget-woocommerce-my-account .woocommerce-MyAccount-content-wrapper:has( .edp-puncte-rezumat ) {
	background-color: var( --sections-background-color, #fff );
	border-color: var( --sections-border-color, #d5d8dc );
	border-radius: var( --sections-border-radius, 3px );
	border-style: var( --sections-border-type, solid );
	border-width: var( --sections-border-top-width, 1px ) var( --sections-border-right-width, 1px ) var( --sections-border-bottom-width, 1px ) var( --sections-border-left-width, 1px );
	padding: var( --sections-padding, 16px 30px 3px 30px );
}

.elementor-widget-woocommerce-my-account .woocommerce-MyAccount-content-wrapper:has( .edp-puncte-rezumat ) .shop_table {
	border: none;
	margin-bottom: 0;
}

/* Istoricul */
.edp-puncte-suma {
	white-space: nowrap;
}

.edp-puncte-suma--pozitiv {
	color: #2e7d32;
}

.edp-puncte-suma--negativ {
	color: #b32d2e;
}

.edp-puncte-tabel small {
	display: block;
	opacity: 0.75;
}

/* Pe mobil, CSS-ul custom al site-ului face wrapper-ul contului transparent și
   transformă fiecare `tr.order` în card alb — rezumatul ar rămâne să plutească
   direct pe fundalul paginii. Primește propriul card, în aceleași dimensiuni ca
   ale cardurilor de rând (colțuri 16px, aceeași umbră). */
@media ( max-width: 768px ) {
	.elementor-widget-woocommerce-my-account .edp-puncte-rezumat {
		background: #fff;
		border-radius: 16px;
		box-shadow: 0 1px 4px rgba( 0, 0, 0, 0.06 );
		margin: 0 0 16px;
		padding: 16px 20px;
	}
}