/**
 * MK Gift Guide — layout for block patterns (frontend + editor).
 *
 * Prefix: mk-gg-
 * Visual styles for patterns are mostly here so block HTML matches core serialization
 * (minimal attributes in patterns — fewer “invalid content” validation errors).
 */

/* ——— Intro ——— */
.mk-gg-intro {
	margin-bottom: 2rem;
}

.mk-gg-intro .mk-gg-hero {
	background-color: #eef1f4;
	padding: 3rem 1.5rem;
	border-radius: 4px;
	overflow: hidden;
}

.mk-gg-hero__note {
	font-size: 0.95rem;
}

.mk-gg-breadcrumbs {
	margin-bottom: 0.25rem;
	font-size: 0.9rem;
}

.mk-gg-breadcrumbs a {
	text-decoration: none;
}

.mk-gg-breadcrumbs a:hover {
	text-decoration: underline;
}

.mk-gg-breadcrumbs__current {
	font-weight: 600;
}

.mk-gg-author-line {
	font-size: 0.95rem;
	font-weight: 500;
}

.mk-gg-author-line a {
	text-decoration: none;
}

.mk-gg-author-line a:hover {
	text-decoration: underline;
}

/* ——— Product cards ——— */
.mk-gg-card {
	margin-bottom: 2.75rem;
}

.mk-gg-card .wp-block-columns {
	gap: 1.75rem;
	align-items: center;
}

.mk-gg-card .mk-gg-card__image img {
	width: 100%;
	height: auto;
	border-radius: 6px;
	display: block;
}

.mk-gg-card .mk-gg-card__title {
	margin-top: 0;
	margin-bottom: 0.65rem;
	font-size: clamp(1.15rem, 2.5vw, 1.35rem);
	line-height: 1.25;
}

.mk-gg-card .mk-gg-card__excerpt {
	margin-bottom: 0.75rem;
	line-height: 1.6;
}

.mk-gg-card .mk-gg-card__price {
	margin-bottom: 0.5rem;
	font-weight: 500;
}

.mk-gg-card .mk-gg-card__price-label {
	margin-right: 0.25rem;
	opacity: 0.85;
}

.mk-gg-card .mk-gg-card__location:empty {
	display: none;
}

.mk-gg-card .mk-gg-card__location:not(:empty) {
	font-size: 0.9rem;
	margin-bottom: 0.5rem;
	opacity: 0.9;
}

/* Alternate: image on the right (desktop) */
@media (min-width: 782px) {
	.mk-gg-card--reverse .wp-block-columns {
		flex-direction: row-reverse;
	}
}

/* CTA button — distinct but theme-agnostic */
.mk-gg-card .mk-gg-card__actions .wp-block-button__link,
.mk-gg-card .mk-gg-card__button .wp-block-button__link {
	display: inline-block;
	padding: 0.55rem 1.25rem;
	border-radius: 4px;
	font-weight: 600;
	text-decoration: none;
	background-color: #178a7c;
	color: #fff;
	border: none;
	transition: background-color 0.15s ease, filter 0.15s ease;
}

.mk-gg-card .mk-gg-card__actions .wp-block-button__link:hover,
.mk-gg-card .mk-gg-card__button .wp-block-button__link:hover {
	background-color: #136f64;
	filter: brightness(1.02);
}

/* ——— SEO section (H2) ——— */
.mk-gg-section {
	margin-bottom: 2rem;
}

.mk-gg-section .wp-block-heading {
	margin-top: 0;
}

/* ——— Related links box ——— */
.mk-gg-related {
	padding: 1.5rem;
	border: 1px solid #e2e6ea;
}

.mk-gg-related .wp-block-heading {
	margin-top: 0;
}

.mk-gg-related__list a {
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* ——— Help + author ——— */
.mk-gg-help-box {
	margin-top: 2rem;
	margin-bottom: 2rem;
	padding: 1.5rem;
	background-color: #f7f7f7;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
}

.mk-gg-help-box .wp-block-heading {
	margin-top: 0;
	font-size: 1.25rem;
}

.mk-gg-author-box {
	padding: 1.5rem;
	background-color: #fafafa;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
}

.mk-gg-author-box__name {
	font-size: 1rem;
	font-weight: 600;
}

.mk-gg-author-box__bio {
	font-size: 0.95rem;
	line-height: 1.55;
}

.mk-gg-author-box .mk-gg-author-box__avatar img {
	border-radius: 50%;
	object-fit: cover;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* ——— Page template wrapper ——— */
.mk-gg-page .entry-content {
	max-width: 100%;
}

/* ——— Resilience: gift guide blocks stay visible if other plugins inject animation utility classes ——— */
[class*="mk-gg-"] [class*="ext-animate"] {
	opacity: 1;
	visibility: visible;
	animation-duration: 0.001ms;
	animation-iteration-count: 1;
}