/**
 * cannyro-retur — stil minimal, neutru față de temă.
 * Butoanele și tabelul folosesc clasele native Woo (button / shop_table),
 * deci moștenesc automat designul temei; aici doar armonizări parametrizate
 * prin variabile — o temă le poate suprascrie:
 *
 *   .cannyro-retur-form { --cr-gap: 1.5rem; --cr-qty-width: 6em; }
 *
 * Dezactivare completă (tema stilizează singură):
 *   add_filter( 'cannyro_retur_enqueue_css', '__return_false' );
 */

.cannyro-retur-form {
	--cr-gap: 1.25rem;
	--cr-qty-width: 5.5em;
	--cr-field-max: 32rem;
	--cr-radius: 10px;
	--cr-border: rgba(0, 0, 0, 0.12);
	--cr-surface: rgba(0, 0, 0, 0.02);

	border: 1px solid var(--cr-border);
	border-radius: var(--cr-radius);
	padding: clamp(1rem, 3vw, 2rem);
	background: var(--cr-surface);
}

.cannyro-retur-form > p:first-child { margin-top: 0; }

.cannyro-retur-form .cannyro-retur-identitate {
	font-size: 0.9em;
	opacity: 0.8;
	margin-bottom: var(--cr-gap);
}

/* Tabelul de produse: rânduri aerisite, elemente aliniate pe mijloc. */
.cannyro-retur-form .cannyro-retur-table { margin-bottom: var(--cr-gap); }
.cannyro-retur-form .cannyro-retur-table th,
.cannyro-retur-form .cannyro-retur-table td {
	padding-top: 0.85em;
	padding-bottom: 0.85em;
	vertical-align: middle;
}
.cannyro-retur-form .cannyro-retur-table label { cursor: pointer; }

/* Checkbox-uri vizibile, în accentul temei. */
.cannyro-retur-form input[type="checkbox"] {
	width: 1.3em;
	height: 1.3em;
	accent-color: currentColor;
	cursor: pointer;
}

.cannyro-retur-form .cannyro-retur-qty {
	width: var(--cr-qty-width);
	text-align: center;
	padding: 0.45em 0.35em;
}

/* Motiv + detalii: bloc compact, nu câmpuri rătăcite. */
.cannyro-retur-form .form-row { margin-bottom: var(--cr-gap); }
.cannyro-retur-form .form-row label {
	display: block;
	font-weight: 600;
	margin-bottom: 0.4em;
}
.cannyro-retur-form .cannyro-retur-reason select {
	display: block;
	max-width: var(--cr-field-max);
	width: 100%;
	padding: 0.6em 0.75em;
	/* Teme cu height fix pe select (ex. XStore ~37px) taie textul vertical
	   când se combină cu padding-ul — forțăm dimensionare naturală. */
	height: auto;
	min-height: 2.8em;
	line-height: 1.4;
}
.cannyro-retur-form .cannyro-retur-details textarea {
	display: block;
	width: 100%;
	max-width: var(--cr-field-max);
	padding: 0.6em 0.75em;
}

/* Butonul de trimitere: proeminent; nota legală discretă sub el.
   height:auto — temele cu înălțime fixă pe .button (North WP, XStore)
   altfel taie textul; line-height-ul rămâne AL TEMEI (nu-l suprascriem,
   ca butonul să arate identic cu celelalte butoane ale site-ului). */
.cannyro-retur-form .cannyro-retur-submit {
	padding: 0.85em 2em;
	height: auto;
}
.cannyro-retur-form .cannyro-retur-legal {
	font-size: 0.85em;
	opacity: 0.7;
	margin: 0.75rem 0 0;
	max-width: var(--cr-field-max);
}

/* Butonul din lista de comenzi are ACELEAȘI clase native ca acțiunile Woo
   (woocommerce-button button) — nu suprascriem nimic, tema îl randează
   identic cu „Vezi". (Lecție lucydan: line-height custom = buton decalat.) */

.cannyro-retur-orders-list { margin: 0 0 var(--cr-gap, 1rem); }
.cannyro-retur-orders-list li { margin-bottom: 0.5em; }

/* Mobil: acțiunile pe toată lățimea, tabelul respirabil. */
@media (max-width: 600px) {
	.cannyro-retur-form { padding: 1rem; }
	.cannyro-retur-form .cannyro-retur-submit { width: 100%; }
}

/* ------------------------------------------------------------------------
 * Pasul de identificare (returul public, fără cont) — v1.9.2, :where() din v1.9.3.
 * Pagina publică nu e pagină Woo, deci tema nu stilizează aici nici
 * inputurile, nici .button: fără blocul ăsta formularul apărea cu
 * câmpuri browser-default minuscule și un buton care părea text simplu.
 * Totul rămâne neutru: culorile vin din temă (currentColor / inherit),
 * ca să arate corect și pe teme deschise, și pe teme închise.
 * TOATE regulile stau în :where() (specificitate ZERO): sunt plase de
 * siguranță, nu decizii de design — orice regulă a temei pe .button sau pe
 * inputuri trebuie să câștige. Lecția piesemarsat (XStore): tema stiliza
 * .button global, dar selectorul nostru cu 2 clase o bătea și butonul
 * apărea „fantomă" în loc de butonul nativ al site-ului.
 * ---------------------------------------------------------------------- */

:where(.cannyro-retur-lookup) {
	--cr-gap: 1.25rem;
	--cr-field-max: 26rem;
	/* Capul pe vw, nu doar pe rem: pe temele cu container fix pe paginile
	   generice (ex. Gustări), părintele e mai lat decât ecranul pe mobil,
	   iar un max-width doar în rem ar lăsa formularul să iasă din viewport. */
	max-width: min(var(--cr-field-max), calc(100vw - 2.5rem));
}

:where(.cannyro-retur-lookup .cannyro-retur-lookup-intro) { margin-bottom: var(--cr-gap); }

:where(.cannyro-retur-lookup .form-row) { margin-bottom: var(--cr-gap); }

:where(.cannyro-retur-lookup .form-row label) {
	display: block;
	font-weight: 600;
	margin-bottom: 0.35em;
}

:where(.cannyro-retur-lookup .form-row input) {
	display: block;
	box-sizing: border-box; /* width:100% + padding: fără asta iese din viewport pe mobil (temele fără border-box global) */
	width: 100%;
	padding: 0.65em 0.85em;
	font: inherit;
	color: inherit;
	background: transparent;
	border: 1px solid currentColor;
	border-radius: 6px;
	opacity: 0.9;
}
:where(.cannyro-retur-lookup .form-row input:focus) { opacity: 1; outline-offset: 2px; }
:where(.cannyro-retur-lookup .form-row input::placeholder) { color: inherit; opacity: 0.45; }

:where(.cannyro-retur-lookup .cannyro-retur-hint) {
	display: block;
	font-size: 0.85em;
	opacity: 0.7;
	margin-top: 0.35em;
}

/* Butonul: dacă tema stilizează .button, stilul ei câștigă (specificitate
   mică aici, doar plasă de siguranță pentru paginile fără CSS-ul Woo). */
:where(.cannyro-retur-lookup .cannyro-retur-lookup-submit) {
	display: inline-block;
	box-sizing: border-box;
	padding: 0.75em 2em;
	font: inherit;
	font-weight: 600;
	color: inherit;
	background: transparent;
	border: 1.5px solid currentColor;
	border-radius: 6px;
	cursor: pointer;
	height: auto;
}
:where(.cannyro-retur-lookup .cannyro-retur-lookup-submit:hover) { opacity: 0.75; }

:where(.cannyro-retur-lookup .cannyro-retur-legal) {
	font-size: 0.85em;
	opacity: 0.7;
	margin: 0.75rem 0 0;
}

@media (max-width: 600px) {
	.cannyro-retur-lookup .cannyro-retur-lookup-submit { width: 100%; }
}

/* Tab „Retururile mele" (v1.10.0): badge de status neutru + rândurile exceptate
   estompate. Tot :where() — tema câștigă dacă vrea altceva. */
:where(.cannyro-retur-status) {
	display: inline-block;
	padding: 0.25em 0.8em;
	border: 1px solid currentColor;
	border-radius: 999px;
	font-size: 0.85em;
	opacity: 0.85;
	white-space: nowrap;
}
:where(.cannyro-retur-row-exceptat) { opacity: 0.6; }