/**
 * 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%; }
}