/*
 * Responsividade — Home (front-page.php).
 * Seletores próprios: .mer-showroom*, .mer-partners*, .mer-testimonial(s)*, .mer-badge.
 * Carregado depois de main.css. Breakpoints: xl 1200 · lg 1024 · md 768 · sm 480.
 * NÃO tocar em seletores da Foundation (_base.css): hero, cta, brands, category-card,
 * section-header, botões, container, topbar, header, footer, drawer.
 *
 * main.css já trata (não duplicar):
 *   .mer-partners__grid + __benefits → 1 coluna em ≤1024 (bp-lg); figure min-height→360
 *   .mer-testimonials__grid → 1 coluna em ≤1024 (bp-lg)
 * Abaixo: reduzir paddings e títulos gigantes (fs-6xl/7xl) em tablet/telemóvel.
 */

/* bp-lg — do tablet para baixo o grid empilha (main.css): texto em cima,
   personagem em baixo (o figure é o 1.º filho no DOM, por isso reordena-se) */
@media (max-width: 1024px) {
	.mer-partners__figure { order: 2; }
}

/* bp-md */
@media (max-width: 768px) {
	/* Banner Showroom — títulos enormes reduzem */
	.mer-showroom { padding: var(--mer-space-7); gap: var(--mer-space-6); }
	.mer-showroom__title { font-size: var(--mer-fs-4xl); }   /* 48 → 32 */
	.mer-showroom__desc { font-size: var(--mer-fs-2xl); }    /* 32 → 20 */

	/* Bloco Profissionais — menos padding, título menor */
	.mer-partners { padding: var(--mer-space-8); }           /* 64 → 32 */
	.mer-partners__title { font-size: var(--mer-fs-5xl); }   /* 64 → 42 */
	.mer-partners__desc { font-size: var(--mer-fs-xl); }     /* 20 → 18 */

	/* Testemunhos — padding 80/64 é demasiado em tablet */
	.mer-testimonials { padding: var(--mer-space-9) var(--mer-space-7); }
}

/* bp-sm */
@media (max-width: 480px) {
	.mer-showroom { padding: var(--mer-space-6); gap: var(--mer-space-5); }
	.mer-showroom__title { font-size: var(--mer-fs-3xl); }   /* → 26 */
	.mer-showroom__desc { font-size: var(--mer-fs-xl); }     /* → 18 */

	.mer-partners { padding: var(--mer-space-7); }
	.mer-partners__title { font-size: var(--mer-fs-4xl); }   /* → 32 */
	.mer-partners__desc { font-size: var(--mer-fs-lg); }
	.mer-partners__benefits { gap: var(--mer-space-6); }

	/* Testemunhos — cabeçalho empilha, card e padding mais compactos */
	.mer-testimonials { padding: var(--mer-space-8) var(--mer-space-5); }
	.mer-testimonials__header { flex-direction: column; align-items: flex-start; gap: var(--mer-space-5); }
	.mer-testimonial { padding: var(--mer-space-7); }

	/* Chip flutuante "Orçamento recebido" não deve sair do ecrã */
	.mer-partners__chip--received { right: 2%; }
	.mer-partners__chip--sent { left: 0; }
}