/* ==========================================================================
   Glenelly WooCommerce

   Deliberately conservative. Astra already styles the native Woo templates
   with the literal brand red (#b91524 appears 25 times in its inline CSS), so
   this sheet does NOT repaint anything -- recolouring on top of that is how
   red-on-red buttons happen on /checkout/. It only normalises shape, so native
   Woo controls match the sharp-rectangle language the Elementor buttons now
   use, and adds the focus affordances the checkout currently lacks.
   ========================================================================== */

/* Astra sets border-radius:3px on every native Woo button, the same soft
   default Elementor uses. The reference is emphatic: CTAs are sharp
   rectangles. (0,3,2) clears Astra's (0,2,1). */
body[class*="elementor-kit-"] .woocommerce a.button,
body[class*="elementor-kit-"] .woocommerce button.button,
body[class*="elementor-kit-"] .woocommerce input.button,
body[class*="elementor-kit-"] .woocommerce #respond input#submit,
body[class*="elementor-kit-"] .woocommerce a.button.alt,
body[class*="elementor-kit-"] .woocommerce button.button.alt {
	border-radius: 0;
	transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease;
}

/* Checkout, cart and account form fields: square, hairline, red focus border --
   matching the Elementor form fields in components.css so the two form systems
   stop disagreeing on the same page. */
body[class*="elementor-kit-"] .woocommerce form .form-row input.input-text,
body[class*="elementor-kit-"] .woocommerce form .form-row textarea,
body[class*="elementor-kit-"] .woocommerce form .form-row select,
body[class*="elementor-kit-"] .woocommerce-cart table.cart td.actions .coupon .input-text {
	border-radius: 0;
	border: 1px solid var(--gl-brand-border);
	transition: border-color 0.2s ease;
}

body[class*="elementor-kit-"] .woocommerce form .form-row input.input-text:focus,
body[class*="elementor-kit-"] .woocommerce form .form-row textarea:focus,
body[class*="elementor-kit-"] .woocommerce form .form-row select:focus {
	border-color: var(--gl-brand-primary);
}

/* Select2 (used by the country/state pickers) ships its own 4px radius and a
   blue focus ring that belongs to no palette on this site. */
body[class*="elementor-kit-"] .select2-container .select2-selection--single,
body[class*="elementor-kit-"] .select2-dropdown {
	border-radius: 0;
	border-color: var(--gl-brand-border);
}

/* The sale flash is a circle by default in Astra/Woo. Square it to match the
   buttons, and use the brand red rather than Woo's default green. */
body[class*="elementor-kit-"] .woocommerce span.onsale,
body[class*="elementor-kit-"] .woocommerce ul.products li.product .onsale {
	border-radius: 0;
	background-color: var(--gl-brand-primary);
	color: #fff;
	min-width: 0;
	min-height: 0;
	padding: 6px 12px;
	line-height: 1.2;
	font-size: 12px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

/* Quantity input, to match the other fields. */
body[class*="elementor-kit-"] .woocommerce .quantity .qty {
	border-radius: 0;
	border: 1px solid var(--gl-brand-border);
}