/**
 * Elementor kit rules, ported so Elementor can be deactivated.
 *
 * Source: the generated kit stylesheet `post-463775.css` (3,961 bytes) as served
 * by production on 2026-08-10. That file is emitted by the Elementor plugin on
 * EVERY page — it is the last thing on the site that still needs Elementor active
 * (8.1 KB across 2 requests). Nothing on the site renders Elementor content any
 * more: `/`, `/products/`, `/contact-us/`, `/about/`, `/special-order-request/`,
 * `/blog/`, a single product and a product-category page were all checked and none
 * has a `data-elementor-type` root, an Elementor widget, or an
 * `elementor-location-*` wrapper.
 *
 * ⚠️ WHY THIS FILE IS NEEDED AT ALL — the kit is not "Elementor-only" CSS.
 *
 * Its rules are scoped to `.elementor-kit-463775`, and that class sits on the
 * <body> of every page. So they style ordinary theme markup sitewide: every
 * heading, every button, every focused input, on native pages as much as on
 * Elementor ones. Deactivating the plugin removes both the stylesheet and the
 * body class, so all of it would disappear at once.
 *
 * ⚠️ SPECIFICITY PARITY IS THE POINT — read before changing the selectors.
 *
 * The kit's rules are `(0,1,1)` — one class plus one element, e.g.
 * `.elementor-kit-463775 h1`. Re-scoping them to plain `body h1` would be
 * `(0,0,2)`: no class, so any theme rule at `(0,1,0)` or higher that also sets a
 * heading size would start winning where the kit used to win, and headings would
 * shift in places nobody looked at. So these keep a class in the selector —
 * `.mk-kit`, added to <body> by the body_class filter in functions.php — which
 * reproduces `(0,1,1)` exactly. Same cascade position, same outcome.
 *
 * DELIBERATELY NOT PORTED:
 *   - the ~20 `--e-global-color-*` / `--e-global-typography-*` variables. Checked
 *     every other stylesheet and inline block on the page: `var(--e-global-…)` is
 *     referenced ZERO times outside the kit itself. Dead weight.
 *   - `.elementor-section`, `.e-con`, `.elementor-widget`, `.elementor-element`
 *     container/spacing rules — pure page-builder plumbing, nothing left to style.
 *   - `h1.entry-title{display:var(--page-title-display)}` — Elementor's hide-title
 *     mechanism. The variable is only ever set by Elementor, so with the plugin
 *     gone the declaration is invalid at computed-value time and the rule is a
 *     no-op. Porting it would do nothing.
 *   - the kit's `@media(max-width:1366px)` heading block, which repeats the base
 *     sizes verbatim (h1 48 / h2 36 / h3 30 / h4 24 / h5 20). Redundant, omitted.
 *
 * @package gostore-child
 */

/* ---------------------------------------------------------------------------
 * Base font. The Additional CSS post already forces "Public Sans" with
 * !important, but only under `body.page *` and `body.woocommerce *` — which does
 * not match the blog (`body.blog`, `body.single-post`). The kit's body-level
 * declaration is what covers those, so it is kept.
 * ------------------------------------------------------------------------- */
.mk-kit {
	font-family: "Public Sans", sans-serif;
}

/* ---------------------------------------------------------------------------
 * Buttons and submit inputs, sitewide.
 *
 * This is the least obvious part of the kit and the most visible if it is lost:
 * it styles bare `button` and `input[type="submit"]`, not just
 * `.elementor-button`. Verified on production's live homepage — a real
 * `input.button.button-primary` computes `padding:16px 32px` and
 * `border-radius:8px`, both of which come from here and from nowhere else.
 *
 * Colours were `var(--e-global-color-813cefd)` and `var(--e-global-color-ddf80e9)`
 * in the kit; inlined as hex since the variables are not being ported.
 * ------------------------------------------------------------------------- */
.mk-kit button,
.mk-kit input[type="button"],
.mk-kit input[type="submit"] {
	padding: 16px 32px;
	background-color: #0073CF;
	border-radius: 8px;
}

.mk-kit button:hover,
.mk-kit button:focus,
.mk-kit input[type="button"]:hover,
.mk-kit input[type="button"]:focus,
.mk-kit input[type="submit"]:hover,
.mk-kit input[type="submit"]:focus {
	background-color: #007EE5;
	border-radius: 8px;
}

/* ---------------------------------------------------------------------------
 * Focused fields.
 * ------------------------------------------------------------------------- */
.mk-kit input:focus:not([type="button"]):not([type="submit"]),
.mk-kit textarea:focus {
	border: 1px solid #C0D4E5;
}

/* ---------------------------------------------------------------------------
 * Heading scale, sitewide, at the kit's four breakpoints.
 * h6 is only ever set at the base size — the kit's media queries stop at h5.
 * ------------------------------------------------------------------------- */
.mk-kit h1 { font-size: 48px; }
.mk-kit h2 { font-size: 36px; }
.mk-kit h3 { font-size: 30px; }
.mk-kit h4 { font-size: 24px; }
.mk-kit h5 { font-size: 20px; }
.mk-kit h6 { font-size: 16px; }

@media (max-width: 1200px) {

	.mk-kit h1 { font-size: 42px; }
	.mk-kit h2 { font-size: 30px; }
	.mk-kit h3 { font-size: 25px; }
	.mk-kit h4 { font-size: 20px; }
	.mk-kit h5 { font-size: 20px; }
}

@media (max-width: 1024px) {

	.mk-kit h1 { font-size: 36px; }
	.mk-kit h2 { font-size: 24px; }
	.mk-kit h3 { font-size: 20px; }
	.mk-kit h4 { font-size: 18px; }
	.mk-kit h5 { font-size: 18px; }
}

@media (max-width: 767px) {

	.mk-kit h1 { font-size: 32px; }
	.mk-kit h2 { font-size: 20px; }
	.mk-kit h3 { font-size: 18px; }
	.mk-kit h4 { font-size: 18px; }
	.mk-kit h5 { font-size: 16px; }
}
