/*!
 * responsive-base.css — Ronda 1 · Base responsive global (revisió Paty 07/2026).
 *
 *  1.1 Aire lateral a portàtil (14"–15,6") via la var de Kadence.
 *  1.2 Mesura màxima del text (≈2 línies, mai de vora a vora).
 *  1.3 Sense tall de paraules (cas «relaxar-te»).
 *  1.6 Modals mòbils: clar per sota de la barra fixa Reservar/Trucar.
 *
 *  Els ajustos per-component (targetes quadrades, scrims) viuen al CSS
 *  de cada component (plugin els-roures-allotjaments / header.css).
 */

/* ── 1.3 · Sense partició automàtica de paraules ─────────────────────
   Evita «rela-xar-te» i talls similars a titulars i cos. Les paraules
   amb guionet dur només poden saltar al guionet (comportament natiu);
   si algun cas concret molesta, s'hi posa un guionet no separador
   (U+2011) al contingut. */
h1, h2, h3, h4, h5, h6,
p, li, dt, dd, figcaption, blockquote {
	hyphens: none;
	-webkit-hyphens: none;
}

/* ── 1.1 · Aire en pantalles de portàtil (13"–15,6") ─────────────────
   El contingut CONTINGUT està dissenyat a 1200px i en un portàtil de
   14" ho omple gairebé tot. Estrenyem l'amplada de contingut de Kadence
   (--global-content-width) NOMÉS per als elements que ja viuen dins
   d'un contenidor: els blocs a sang (heros, vídeo, files align-full)
   segueixen de vora a vora. Res de zoom: trenca el càlcul vw del
   full-bleed. Pantalles ≥1600px no es toquen. */
@media (min-width: 1025px) and (max-width: 1599px) {
	:root {
		--global-content-width: 1060px;
		--global-content-edge-padding: 2.75rem;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	:root {
		--global-content-edge-padding: 2rem;
	}
}

/* ── 1.2 · Mesura màxima del text ────────────────────────────────────
   Cap paràgraf de contingut ha d'anar de vora a vora: 68ch ≈ la mesura
   editorial còmoda (2 línies en intros). Els components er-* ja tenen
   mesures pròpies més estretes (el cap els és inocu). Els blocs centrats
   es recentren amb marges automàtics. */
.entry-content p {
	max-width: 68ch;
}
.entry-content .has-text-align-center {
	margin-left: auto;
	margin-right: auto;
}

/* ── 1.6 · Modals mòbils vs barra fixa «Reservar / Trucar» ───────────
   La barra fixa inferior (custom-mobile-footer, ≤768px) tapava el final
   dels modals. Fix GLOBAL: alçada de la barra en una variable i tots els
   modals reserven aquest espai (respir + safe-area d'iOS). Qualsevol
   modal nou ha de reutilitzar --er-mobile-bar-h. */
:root {
	--er-mobile-bar-h: calc(56px + env(safe-area-inset-bottom, 0px));
}
@media (max-width: 768px) {
	.er-entorn-modal__body,
	.er-agenda-modal__side {
		padding-bottom: calc(30px + var(--er-mobile-bar-h)) !important;
	}
	.er-entorn-modal__box,
	.er-agenda-modal__box {
		max-height: calc(100dvh - var(--er-mobile-bar-h) - 14px);
	}
}