/**
 * [kp_no_results] card — see inc/no-results.php + docs/no-results-shortcode-checkpoint.md.
 *
 * Values resolved from the source templates (122276/122294/122307) + Elementor Kit 17,
 * NOT eyeballed:
 *   card bg      #EEEEEE   global 1d5e064 "Alt Section Background (MDG200)"
 *   heading      #2E6EAC   global primary; per-widget Barlow 1.5rem / 800 / uppercase / 2rem
 *   body         #212121   global text; Barlow 400; size inherited from theme (as source did)
 *   button       bg #2E6EAC (global accent) → hover/focus #468DC6 (global 2377b64
 *                "KP Blue – Light"); #fff text/fill; Barlow 700, 15px/1, uppercase
 *                (accent typography); pill radius (kit button_border_radius 1000px);
 *                transition all .3s; icon↔text gap 0.5rem (source content-wrapper gap)
 *   gaps         card sections 1.5rem (kit space_between_widgets); heading↔body 0.75rem
 *                (source flex_gap); button row 1.5rem desktop (kit default — the source
 *                set no base gap) → 0.75rem stacked (source flex_gap_tablet_extra)
 *   breakpoint   buttons stack ≤1200px (source flex_direction_tablet_extra: column;
 *                Elementor tablet_extra = max-width 1200px)
 *   .kpnr-body > :last-child margin fix carries over the theme's .te0 rule the source
 *                text editors relied on (style.css ~1979).
 *
 * The per-type modifiers (kpnr-parts / kpnr-diagrams / kpnr-wholesale) are hooks only —
 * no per-type styling exists today.
 */

.kp-no-results {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	background-color: #eeeeee;
	border-radius: 10px;
	padding: 1.5rem;
}

/* Icons are painted from theme SVG assets via mask-image, NOT inline <svg>:
   the card renders through Elementor Pro's Shortcode dynamic tag, whose
   wp_kses_post (shortcode.php:74) strips <svg> from the shortcode output.
   mask-image is supported in all modern browsers; Safari needs the -webkit-
   prefix (kept alongside the standard property). URLs are relative to this
   file (inc/css/icons/). */
.kp-no-results .kpnr-icon {
	width: 5rem;
	height: 5rem;
	margin-left: auto;
	margin-right: auto;
	background-color: #2e6eac; /* global primary — same as the source icon fill */
	-webkit-mask: url(icons/kp-nothing-found.svg) center / contain no-repeat;
	mask: url(icons/kp-nothing-found.svg) center / contain no-repeat;
}

.kp-no-results .kpnr-text {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	text-align: center;
}
.kp-no-results .kpnr-heading {
	margin: 0;
	padding: 0;
	color: #2e6eac;
	font-family: "Barlow", sans-serif;
	font-size: 1.5rem;
	font-weight: 800;
	line-height: 2rem;
	text-transform: uppercase;
}
.kp-no-results .kpnr-body {
	color: #212121;
	font-family: "Barlow", sans-serif;
	font-weight: 400;
}
.kp-no-results .kpnr-body > :last-child {
	margin-bottom: 0;
}
/* Empty-results year hint (parts/diagrams, only when a year filter is applied). Inherits the
   body font/colour; just separates it from the main paragraph. */
.kp-no-results .kpnr-year-hint {
	margin-top: 0.75rem;
}

.kp-no-results .kpnr-actions {
	display: flex;
	flex-direction: row;
	gap: 1.5rem;
}
.kp-no-results .kpnr-button {
	flex: 1 1 0; /* buttons grow to equal width */
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	background-color: #2e6eac;
	color: #ffffff;
	font-family: "Barlow", sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	border: none;
	border-radius: 1000px;
	padding: 0.75rem 1.5rem;
	transition: all 0.3s;
}
.kp-no-results .kpnr-button:hover,
.kp-no-results .kpnr-button:focus,
.kp-no-results .kpnr-button:visited {
	color: #ffffff;
	text-decoration: none;
}
.kp-no-results .kpnr-button:hover,
.kp-no-results .kpnr-button:focus {
	background-color: #468dc6;
}
/* Button icons: CSS-generated (::before survives kses), painted in currentColor
   (buttons are white text -> white icon); the button's 0.5rem flex gap keeps the
   icon <-> label spacing. */
.kp-no-results .kpnr-button::before {
	content: "";
	width: 1em;
	height: 1em;
	flex: 0 0 auto;
	background-color: currentColor;
}
.kp-no-results .kpnr-button-call::before {
	-webkit-mask: url(icons/kp-phone.svg) center / contain no-repeat;
	mask: url(icons/kp-phone.svg) center / contain no-repeat;
}
.kp-no-results .kpnr-button-message::before {
	-webkit-mask: url(icons/kp-message.svg) center / contain no-repeat;
	mask: url(icons/kp-message.svg) center / contain no-repeat;
}

/* Stack the buttons at the tablet_extra breakpoint (full-width when stacked). */
@media (max-width: 1200px) {
	.kp-no-results .kpnr-actions {
		flex-direction: column;
		gap: 0.75rem;
	}
}