/**
 * Product taxonomy archive: responsive category hero (NileTech child theme).
 * Desktop: text column | image column. Mobile: image, then text.
 * Optional: different mobile image via term meta niletech_thumbnail_mobile_id.
 */

.niletech-cat-archive-layout {
	--niletech-cat-layout-gap: clamp(1rem, 3vw, 2.25rem);
	--niletech-cat-image-radius: var(--wd-brd-radius, 5px);
	--niletech-cat-image-border: #d1d5db;
	display: grid;
	gap: var(--niletech-cat-layout-gap);
	align-items: center;
	margin: 0 0 1.25rem;
	max-width: 100%;
}

.niletech-cat-archive-layout__text {
	min-width: 0;
}

.niletech-cat-archive-layout__text .term-description > :last-child {
	margin-bottom: 0;
}

.niletech-cat-archive-layout__media {
	min-width: 0;
	line-height: 0;
	border: 1px solid var(--niletech-cat-image-border);
	border-radius: var(--niletech-cat-image-radius);
	overflow: hidden;
	background: var(--color-gray-100, #f3f4f6);
}

.niletech-cat-archive-layout__img {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: middle;
	object-fit: cover;
}

/* Single image: both breakpoints */
.niletech-cat-archive-layout__media-slot--solo {
	display: block;
}

/* Two images: show mobile slot only on small screens, desktop slot on wide */
.niletech-cat-archive-layout__media-slot--desktop,
.niletech-cat-archive-layout__media-slot--mobile {
	display: none;
}

@media (max-width: 767.98px) {
	.niletech-cat-archive-layout:not(.niletech-cat-archive-layout--text-only) {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"media"
			"text";
	}

	.niletech-cat-archive-layout__media {
		grid-area: media;
	}

	.niletech-cat-archive-layout__text {
		grid-area: text;
	}

	.niletech-cat-archive-layout__media-slot--mobile {
		display: block;
	}

	.niletech-cat-archive-layout__media-slot--desktop {
		display: none;
	}

	/* Only desktop asset exists */
	.niletech-cat-archive-layout__media-slot--solo {
		display: block;
	}
}

@media (min-width: 768px) {
	.niletech-cat-archive-layout:not(.niletech-cat-archive-layout--text-only):not(.niletech-cat-archive-layout--media-only) {
		grid-template-columns: minmax(0, 1.16fr) minmax(280px, 0.84fr);
		grid-template-areas: "text media";
	}

	.niletech-cat-archive-layout__text {
		grid-area: text;
	}

	.niletech-cat-archive-layout__media {
		grid-area: media;
		max-width: min(100%, 560px);
		justify-self: end;
	}

	.niletech-cat-archive-layout__media-slot--desktop {
		display: block;
	}

	.niletech-cat-archive-layout__media-slot--mobile {
		display: none;
	}

	.niletech-cat-archive-layout__media-slot--solo {
		display: block;
	}

	.niletech-cat-archive-layout--media-only .niletech-cat-archive-layout__media {
		grid-area: auto;
		max-width: 720px;
		margin-inline: auto;
	}
}

.niletech-cat-archive-layout--text-only {
	grid-template-columns: minmax(0, 1fr);
}

.niletech-cat-archive-layout--text-only .niletech-cat-archive-layout__text {
	grid-column: 1 / -1;
}

.niletech-cat-archive-layout--media-only {
	grid-template-columns: minmax(0, 1fr);
}

/* Shortcode fallback (unchanged class names) */
.niletech-cat-archive-hero {
	margin: 0 0 1rem;
	max-width: 100%;
	border: 1px solid var(--niletech-cat-image-border, #d1d5db);
	border-radius: var(--niletech-cat-image-radius, var(--wd-brd-radius, 5px));
	overflow: hidden;
	background: var(--color-gray-100, #f3f4f6);
	line-height: 0;
}

.niletech-cat-archive-hero__img {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: middle;
	object-fit: cover;
}