/**
 * Generic tablet responsive shell.
 *
 * Breakpoint: 48rem–63.99rem.
 * Commerce-only rules live in tablet-commerce.css.
 */

@media (min-width: 48rem) and (max-width: 63.99rem) {
	:root {
		--faradoran-theme-tablet-section-space: clamp(2.25rem, 2vw + 1rem, 3.5rem);
		--faradoran-theme-tablet-content-max: 56rem;
	}

	/* ------------------------------------------------------------------ */
	/* Shell + containers                                                 */
	/* ------------------------------------------------------------------ */

	.faradoran-container,
	.adonis-container {
		inline-size: min(
			100% - (var(--faradoran-theme-layout-gutter) * 2),
			var(--faradoran-theme-tablet-content-max)
		);
	}

	.faradoran-main,
	.adonis-main {
		padding-block: var(--faradoran-theme-tablet-section-space);
	}

	.faradoran-main.faradoran-home,
	.adonis-main.faradoran-home {
		padding-block: var(--faradoran-theme-space-6) var(--faradoran-theme-space-12);
	}

	.faradoran-section__title,
	.adonis-section__title {
		font-size: clamp(1.125rem, 0.9rem + 0.45vw, 1.375rem);
	}

	/* ------------------------------------------------------------------ */
	/* Compact app header                                                 */
	/* ------------------------------------------------------------------ */

	.faradoran-site-header__inner,
	.adonis-site-header__inner {
		gap: var(--faradoran-theme-space-3) var(--faradoran-theme-space-5);
		padding-inline: max(var(--faradoran-theme-space-5), var(--faradoran-theme-safe-area-inline-start))
			max(var(--faradoran-theme-space-5), var(--faradoran-theme-safe-area-inline-end));
	}

	.faradoran-header-mobile-actions,
	.adonis-header-mobile-actions {
		gap: var(--faradoran-theme-space-2);
	}

	.faradoran-header-action,
	.adonis-header-action {
		min-inline-size: var(--faradoran-theme-touch-target);
		min-block-size: var(--faradoran-theme-touch-target);
	}

	.faradoran-site-brand,
	.adonis-site-brand {
		max-inline-size: min(var(--faradoran-theme-mobile-brand-max-width), 42vw);
	}

	/* ------------------------------------------------------------------ */
	/* Bottom navigation                                                  */
	/* ------------------------------------------------------------------ */

	.faradoran-mobile-bottom-nav,
	.adonis-mobile-bottom-nav {
		padding-inline: max(var(--faradoran-theme-space-4), var(--faradoran-theme-safe-area-inline-start))
			max(var(--faradoran-theme-space-4), var(--faradoran-theme-safe-area-inline-end));
	}

	.faradoran-mobile-bottom-nav__item,
	.adonis-mobile-bottom-nav__item {
		font-size: 0.75rem;
		gap: var(--faradoran-theme-space-2);
	}

	.faradoran-mobile-bottom-nav__icon-wrap .faradoran-icon,
	.adonis-mobile-bottom-nav__icon-wrap .adonis-icon {
		inline-size: 1.5rem;
		block-size: 1.5rem;
	}

	/* ------------------------------------------------------------------ */
	/* Homepage                                                           */
	/* ------------------------------------------------------------------ */

	.faradoran-hero,
	.adonis-hero {
		padding-block: var(--faradoran-theme-space-8);
	}

	.faradoran-hero__frame,
	.adonis-hero__frame {
		padding: var(--faradoran-theme-space-6);
	}

	.faradoran-hero__layout,
	.adonis-hero__layout {
		gap: var(--faradoran-theme-space-6);
	}

	.faradoran-hero__title,
	.adonis-hero__title {
		font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);
	}

	.faradoran-hero__image,
	.adonis-hero__image {
		max-block-size: min(46vh, 24rem);
	}

	/* ------------------------------------------------------------------ */
	/* Footer                                                             */
	/* ------------------------------------------------------------------ */

	.faradoran-site-footer__grid,
	.adonis-site-footer__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--faradoran-theme-space-8);
	}
}