/* =============================================================================
   wideum-resp-mobile.css — 21/9/2026. Correccions de MÒBIL a TOT el web (pàgines v2 i originals), sortides de
   l'auditoria de 242 URL (42 pàgines × 6 idiomes) a 390×844 i 360×740. Només regles dins de @media mòbil:
   l'escriptori no canvia. Les regles exclusives de pàgines v2 van a wideum-v2.css (bloc V48).
   ============================================================================= */
@media (max-width: 767px) {
	/* M1 — Seccions desplaçades 8 px a la dreta i tallades (18 pàgines × 6 idiomes): els contenidors porten
	   `margin: 0 2%` i a mòbil Elementor hi força `width: 100%` → 104 %. */
	.e-con.w-features,
	.e-con.w-benefits,
	.e-con.w-columns,
	.e-con.w-info-image {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	/* M2 — Paraules llargues dels títols que surten de la pantalla (de/it/fr sobretot: «Fernunterstützung»,
	   «specificatamente»…, fins a 167 px fora). Es deixen partir; la mida del disseny no es toca. */
	h1.elementor-heading-title,
	h2.elementor-heading-title,
	h3.elementor-heading-title,
	h1.entry-title {
		overflow-wrap: break-word;
	}
	/* Guionet automàtic NOMÉS en alemany (compostos llargs) i només per a paraules de 14+ lletres: a la resta
	   d'idiomes `hyphens: auto` partia paraules curtes que hi cabien («gra-tis»). */
	html[lang^="de"] h1.elementor-heading-title,
	html[lang^="de"] h2.elementor-heading-title,
	html[lang^="de"] h3.elementor-heading-title,
	html[lang^="de"] h1.entry-title {
		-webkit-hyphens: auto;
		hyphens: auto;
		hyphenate-limit-chars: 14 6 6;
		-webkit-hyphenate-limit-before: 6;
		-webkit-hyphenate-limit-after: 6;
	}

	/* M5 — El bàner de cookies ocupava el 53 % de la pantalla i tapava el CTA del hero; la insígnia de reCAPTCHA
	   sortia 66 px fora per la dreta. */
	.cmplz-cookiebanner {
		max-height: 60vh;
		overflow-y: auto;
	}
	.grecaptcha-badge {
		right: 0 !important;
	}

	/* M6 — Zones tàctils de menys de 36 px: s'amplia l'àrea de toc sense moure la maquetació. */
	a.elementor-button-link.elementor-size-sm,
	.w-calc-reset,
	.single-post a.btn,
	.responsive-menu-button {
		position: relative;
	}
	a.elementor-button-link.elementor-size-sm::before,
	.w-calc-reset::before,
	.single-post a.btn::before,
	.responsive-menu-button::before {
		content: "";
		position: absolute;
		top: -12px;
		right: -8px;
		bottom: -12px;
		left: -8px;
	}
}
@media (max-width: 600px) {
	/* M4 — Targetes de xifres de les pàgines de marca d'ulleres: a 2 columnes i 48 px, «10.000+» es partia en
	   «10.0 / 00+» i «100%» en «100 / %». */
	.w-benefits-grid.w-cols-4 .w-benefit-card h3.elementor-icon-box-title,
	.w-benefits-grid.w-cols-4 .w-benefit-card .elementor-icon-box-title {
		font-size: 30px;
		line-height: 1.15;
		overflow-wrap: normal;
		word-break: normal;
		-webkit-hyphens: none;
		hyphens: none;
	}
}