/* =====================================================================
   ENOVATE PC — theme glue
   Integration overrides for Hello Elementor / Elementor / WooCommerce.
   Component styles belong in enovate-design-system.css, not here.
   ===================================================================== */

html { background: var(--en-bg); }
body.en { margin: 0; color: var(--en-text-3); line-height: 1.7; }
.en h1, .en h2, .en h3, .en h4, .en h5, .en h6 { color: var(--en-text); font-weight: 400; }
.en img { max-width: 100%; height: auto; }
.en button:not(.en-btn) { font: inherit; } /* .en-btn sets its own type; this selector would otherwise outrank .en-btn--sm */

/* Hello's reset gives buttons/inputs a pink accent — neutralise it. */
.en [type="button"], .en [type="submit"], .en button { border: 0; }
.en input, .en textarea, .en select { color: var(--en-text); }

/* Screen-reader text (WordPress + WooCommerce use this). */
.en .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }

/* Meters animate in on scroll. Only hide the fill when JS is present. */
.en-js .en-meter:not(.is-in) .en-meter__fill { width: 0; }

/* Elementor: let sections span edge to edge on our dark ground. */
.en .elementor-section.elementor-section-boxed > .elementor-container,
.en .e-con-boxed > .e-con-inner { max-width: var(--en-container); }

/* WooCommerce notices (woocommerce.css paints them light): dark, outlined, status-tinted. */
.en .woocommerce-message, .en .woocommerce-info, .en .woocommerce-error { margin: 0 0 24px; padding: 16px 20px; padding-inline-start: 48px; border: 0; border-radius: var(--en-r-lg); background: rgba(255,255,255,.03); box-shadow: inset 0 0 0 1px var(--en-line-2); color: var(--en-text-2); font-size: 14px; line-height: 1.6; list-style: none; }
.en .woocommerce-message::before, .en .woocommerce-info::before, .en .woocommerce-error::before { top: 16px; inset-inline-start: 20px; color: var(--en-blue-300); }
html[dir="rtl"] .en .woocommerce-message::before, html[dir="rtl"] .en .woocommerce-info::before, html[dir="rtl"] .en .woocommerce-error::before { left: auto; }
.en .woocommerce-message { box-shadow: inset 0 0 0 1px rgba(52,211,153,.3); }
.en .woocommerce-message::before { color: var(--en-success-text); }
.en .woocommerce-error { box-shadow: inset 0 0 0 1px rgba(248,113,113,.4); }
.en .woocommerce-error::before { color: #FCA5A5; }
.en .woocommerce-message .button, .en .woocommerce-info .button { float: inline-end; background: none; padding: 0; color: var(--en-blue-300); font-weight: 500; }
.en .woocommerce-message a:hover .button, .en .woocommerce-message .button:hover { color: #fff; background: none; }
.en-shop-notices:has(.woocommerce-notices-wrapper:empty) { display: none; }