/*
 * Melegim – baza vizuală (spec §4): text, titluri, butoane, câmpuri, focus.
 * Se încarcă după Astra și WooCommerce; html{font-size:62.5%} din Astra rămâne (1rem = 10px).
 */

/* Astra coboară html la 57% pe mobil (din Customizer); 1rem rămâne 10px pe toate lățimile. */
html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body,
button,
input,
select,
textarea,
.ast-button,
.ast-custom-button {
	font-family: var(--m-font-sans);
	font-size: var(--m-text);
	line-height: var(--m-leading);
}

body {
	color: var(--m-ink);
	background-color: var(--m-ivory);
}

/* Titluri: Gilda Display, scara din spec §4 */
h1, h2, h3, h4, h5, h6,
.entry-content :where(h1, h2, h3, h4, h5, h6),
.site-title,
.woocommerce-products-header__title,
.product_title {
	font-family: var(--m-font-serif);
	font-weight: 400;
	line-height: var(--m-leading-heading);
	letter-spacing: normal;
	text-transform: none;
	color: var(--m-ink);
}

h1, .entry-content h1, .woocommerce-products-header__title.page-title, .product_title.entry-title { font-size: clamp(4.4rem, 3.2rem + 2.2vw, 5.4rem); }
h2, .entry-content h2 { font-size: clamp(3.6rem, 3rem + 1.2vw, 4.2rem); }
h3, .entry-content h3 { font-size: 3rem; }
h4, .entry-content h4 { font-size: 2.4rem; }
h5, .entry-content h5 { font-size: 2rem; }
h6, .entry-content h6 { font-size: 1.8rem; }

small,
.meta,
.posted_in,
.tagged_as {
	font-size: var(--m-text-meta);
	color: var(--m-muted);
}

/* Butoane: principal --m-ink cu text --m-ivory; 48–56px; rază 8px; fără majuscule forțate */
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-element-button,
.ast-button,
.ast-custom-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.8rem;
	min-height: var(--m-button);
	padding: 1.2rem 2.4rem;
	border: 1px solid var(--m-ink);
	border-radius: var(--m-radius-s);
	background-color: var(--m-ink);
	color: var(--m-ivory);
	font-family: var(--m-font-sans);
	font-size: var(--m-text);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: normal;
	text-transform: none;
	text-decoration: none;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
	border-color: var(--m-ink-2);
	background-color: var(--m-ink-2);
	color: var(--m-ivory);
}

/* Buton secundar: contur 1px --m-ink */
.melegim-button-secondary,
.woocommerce a.button.melegim-button-secondary,
.woocommerce button.button.melegim-button-secondary {
	background-color: transparent;
	color: var(--m-ink);
}

/* Câmpuri: 52px, rază 8px, etichetă deasupra */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="url"],
input[type="date"],
select,
textarea,
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
	min-height: var(--m-control);
	padding: 1.2rem 1.4rem;
	border: 1px solid var(--m-field);
	border-radius: var(--m-radius-s);
	background-color: var(--m-white);
	color: var(--m-ink);
	font-family: var(--m-font-sans);
	font-size: var(--m-text);
	line-height: 1.4;
}

textarea {
	min-height: 12rem;
}

label,
.woocommerce form .form-row label {
	font-size: var(--m-text-meta);
	font-weight: 500;
	line-height: 1.4;
	color: var(--m-ink);
}

/* Eroare de câmp: bordură 2px --m-error */
.woocommerce form .form-row.woocommerce-invalid .input-text,
.woocommerce form .form-row.woocommerce-invalid select,
[aria-invalid="true"] {
	border: 2px solid var(--m-error);
}

/*
 * Focus vizibil: contur 2px --m-ink, offset 2px. Astra scoate conturul butoanelor (`.button:focus, button:focus
 * { outline: 0 }`, până la 0,2,0) și dă linkurilor un contur punctat subțire; selectorii de aici sunt mai specifici.
 */
html body :focus-visible,
html body .button:focus-visible {
	outline: 2px solid var(--m-ink);
	outline-offset: 2px;
}

/* Pe fundalurile închise (footer, bara promo) conturul e deschis. */
html body footer.site-footer :focus-visible,
html body #wpfront-notification-bar :focus-visible {
	outline-color: var(--m-ivory);
}

/* Prețuri: cel puțin 18px (cardul și pagina de produs își măresc prețul în shop.css / product.css) */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	font-size: 1.8rem;
	color: var(--m-ink);
}

/* Butonul „Filtrează" din widgetul de preț: Astra pune `font-size:.9em!important`
   (compatibility/woocommerce), deci aici e nevoie tot de !important. */
.woocommerce-js .widget_price_filter .price_slider_amount .button {
	font-size: var(--m-text) !important; /* suprascrie !important din Astra */
}