/**
 * Lunaria — global mobile safety and shared responsive fixes.
 */

body.lunaria-shop-page,
body.lunaria-product-page,
body.lunaria-cart-page,
body.lunaria-checkout-page,
body.lunaria-account-page,
body.lunaria-journal-page,
body.lunaria-journal-single-page {
	overflow-x: clip;
}

.lunaria-shop,
.lunaria-pdp,
.lunaria-cart,
.lunaria-checkout,
.lunaria-account,
.lunaria-journal,
.lunaria-article {
	max-width: 100%;
}

.lunaria-shop img,
.lunaria-pdp img,
.lunaria-cart img,
.lunaria-checkout img,
.lunaria-account img,
.lunaria-journal img,
.lunaria-article img,
.lunaria-shop-hero img {
	max-width: 100%;
	height: 100%;
}

/* Prevent iOS input zoom on Lunaria forms */
@media (max-width: 767px) {
	.lunaria-shop input,
	.lunaria-shop select,
	.lunaria-shop textarea,
	.lunaria-pdp input,
	.lunaria-pdp select,
	.lunaria-pdp textarea,
	.lunaria-cart input,
	.lunaria-cart select,
	.lunaria-cart textarea,
	.lunaria-checkout input,
	.lunaria-checkout select,
	.lunaria-checkout textarea,
	.lunaria-account input,
	.lunaria-account select,
	.lunaria-account textarea,
	.lunaria-journal input,
	.lunaria-journal select,
	.lunaria-journal textarea,
	.lunaria-article input,
	.lunaria-article select,
	.lunaria-article textarea {
		font-size: 16px;
	}
}

@media (max-width: 767px) {
	.lunaria-shop-toolbar__meta {
		flex-direction: column;
		align-items: stretch;
	}

	.lunaria-shop-toolbar__sort select {
		width: 100%;
		min-width: 0;
	}

	.lunaria-shop-breadcrumb {
		flex-wrap: wrap;
	}

	.lunaria-pdp-details__nav {
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
	}

	.lunaria-cross-sells__track {
		grid-auto-columns: minmax(200px, 1fr);
	}

	.lunaria-checkout-trust {
		flex-wrap: wrap;
		justify-content: center;
	}

	.lunaria-account__nav ul {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		flex-wrap: nowrap;
	}

	.lunaria-article-share__links a,
	.lunaria-shop-btn,
	.lunaria-pdp-btn,
	.lunaria-cart-btn {
		min-height: 44px;
	}
}

@media (max-width: 480px) {
	.lunaria-shop-grid .lunaria-pg-grid {
		grid-template-columns: 1fr !important;
	}

	.lunaria-pdp-benefits {
		grid-template-columns: 1fr 1fr;
		gap: 0.5rem;
	}

	.lunaria-journal-hero__title,
	.lunaria-article__title {
		word-wrap: break-word;
		overflow-wrap: anywhere;
	}
}