/**
 * Mazadus Core — hosted WooCommerce checkout branding.
 *
 * Scoped to `.mzd-wc-branded` (added by Checkout::body_class()) so it only ever
 * affects the checkout, cart and order-received pages. Loaded on demand by
 * Checkout::enqueue_assets(); never inlined into a <style> tag.
 *
 * Brand tokens:
 *   primary        #225C9E
 *   primary hover  #1a4a7e
 *   brand-100 tint #dbe6f3
 *   input border   #cbd5e1
 */

/* ------------------------------------------------------------------------- */
/* 1. Header treatment (subtle brand tint + hairline)                        */
/* ------------------------------------------------------------------------- */
body.mzd-wc-branded .site-header,
body.mzd-wc-branded header.wp-block-template-part,
body.mzd-wc-branded #header,
body.mzd-wc-branded #masthead {
	background-color: rgba(34, 92, 158, 0.05);
	border-bottom: 1px solid #dbe6f3;
}

/* ------------------------------------------------------------------------- */
/* 4. Hide a redundant text site title when a logo image is present          */
/* ------------------------------------------------------------------------- */
body.mzd-wc-branded.mzd-has-logo .site-title,
body.mzd-wc-branded.mzd-has-logo .wp-block-site-title,
body.mzd-wc-branded.mzd-has-logo .site-branding .site-title {
	display: none;
}

/* ------------------------------------------------------------------------- */
/* 2. "Back to store" link — small, muted, brand colored                     */
/* ------------------------------------------------------------------------- */
body.mzd-wc-branded .mzd-back-to-store {
	margin: 0 0 1rem;
	font-size: 0.875rem;
	line-height: 1.4;
}

body.mzd-wc-branded .mzd-back-to-store a {
	color: #225C9E;
	text-decoration: none;
	opacity: 0.8;
	transition: opacity 0.15s ease-in-out;
}

body.mzd-wc-branded .mzd-back-to-store a:hover,
body.mzd-wc-branded .mzd-back-to-store a:focus-visible {
	text-decoration: underline;
	opacity: 1;
}

/* Block-injected wrapper (sibling of the WooCommerce Blocks wrapper). */
body.mzd-wc-branded .mzd-block-branding {
	max-width: 1200px;
	margin: 1rem auto 0;
	padding: 0 1rem;
}

body.mzd-wc-branded .mzd-block-branding--after {
	margin: 1.5rem auto 2rem;
}

body.mzd-wc-branded .mzd-block-branding .mzd-continue-shopping {
	margin: 0;
}

/* ------------------------------------------------------------------------- */
/* 3. Buttons — brand primary, 12px radius, generous padding                 */
/* ------------------------------------------------------------------------- */
body.mzd-wc-branded .woocommerce .button,
body.mzd-wc-branded .woocommerce button.button,
body.mzd-wc-branded .woocommerce input.button,
body.mzd-wc-branded .woocommerce a.button,
body.mzd-wc-branded .woocommerce #place_order,
body.mzd-wc-branded .woocommerce .wc-block-components-button,
body.mzd-wc-branded button[type="submit"],
body.mzd-wc-branded input[type="submit"] {
	background-color: #225C9E;
	border-color: #225C9E;
	color: #ffffff;
	border-radius: 12px;
	padding: 0.75rem 1.5rem;
	font-weight: 600;
	line-height: 1.2;
	transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

body.mzd-wc-branded .woocommerce .button:hover,
body.mzd-wc-branded .woocommerce button.button:hover,
body.mzd-wc-branded .woocommerce input.button:hover,
body.mzd-wc-branded .woocommerce a.button:hover,
body.mzd-wc-branded .woocommerce #place_order:hover,
body.mzd-wc-branded .woocommerce .wc-block-components-button:hover,
body.mzd-wc-branded button[type="submit"]:hover,
body.mzd-wc-branded input[type="submit"]:hover,
body.mzd-wc-branded .woocommerce .button:focus-visible,
body.mzd-wc-branded .woocommerce #place_order:focus-visible {
	background-color: #1a4a7e;
	border-color: #1a4a7e;
	color: #ffffff;
}

/* Prominent Place Order button */
body.mzd-wc-branded .woocommerce #place_order {
	width: 100%;
	font-size: 1.0625rem;
	padding-top: 0.9rem;
	padding-bottom: 0.9rem;
}

/* ------------------------------------------------------------------------- */
/* 3b. Input fields — hairline border, brand focus ring                      */
/* ------------------------------------------------------------------------- */
body.mzd-wc-branded .woocommerce form .form-row input.input-text,
body.mzd-wc-branded .woocommerce form .form-row textarea,
body.mzd-wc-branded .woocommerce form .form-row select,
body.mzd-wc-branded .woocommerce .input-text,
body.mzd-wc-branded .woocommerce select,
body.mzd-wc-branded .woocommerce textarea,
body.mzd-wc-branded .wc-block-components-text-input input,
body.mzd-wc-branded .wc-block-components-select select {
	border: 1px solid #cbd5e1;
	border-radius: 8px;
	padding: 0.6rem 0.75rem;
	background-color: #ffffff;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

body.mzd-wc-branded .woocommerce form .form-row input.input-text:focus,
body.mzd-wc-branded .woocommerce form .form-row textarea:focus,
body.mzd-wc-branded .woocommerce form .form-row select:focus,
body.mzd-wc-branded .woocommerce .input-text:focus,
body.mzd-wc-branded .woocommerce select:focus,
body.mzd-wc-branded .woocommerce textarea:focus,
body.mzd-wc-branded .wc-block-components-text-input input:focus,
body.mzd-wc-branded .wc-block-components-select select:focus {
	border-color: #225C9E;
	outline-color: #225C9E;
	box-shadow: 0 0 0 1px #225C9E;
}

/* ------------------------------------------------------------------------- */
/* Note: SSL indicators, order summary, coupon box, terms checkbox and the   */
/* guest-checkout notice are intentionally left untouched.                   */
/* ------------------------------------------------------------------------- */