/*
 * Escola de Famílies · complementos de theme.json que no se expresan con tokens.
 * Primero el móvil: barra de navegación abajo; a partir de 782px, menú arriba.
 */

h1, h2, h3, .wp-block-site-title { text-wrap: balance; }
p { text-wrap: pretty; }

:where(a, button, summary, input, select, textarea):focus-visible {
	outline: 2px solid var(--wp--preset--color--accio);
	outline-offset: 2px;
}

/* ── Marca: «Escola de Famílies» con el punto magenta ───────── */
.efam-marca { margin: 0; font-weight: 700; letter-spacing: -0.02em; white-space: nowrap; }
.efam-marca a { color: inherit; text-decoration: none; }
.efam-marca::after {
	content: "";
	display: inline-block;
	width: 0.42em;
	height: 0.42em;
	margin-inline-start: 0.12em;
	border-radius: 50%;
	background: var(--wp--preset--color--punt);
}

/* ── Cabecera ───────────────────────────────────────────────── */
.efam-capcalera { position: sticky; top: 0; z-index: 30; }
.admin-bar .efam-capcalera { top: var(--wp-admin--admin-bar--height, 0px); }
.efam-capcalera a:focus-visible,
.efam-peu a:focus-visible { outline-color: #FFFFFF; }

.efam-nav-superior { gap: 0.25rem !important; }
.efam-nav-superior .wp-block-navigation-item__content {
	padding: 0.5rem 0.875rem;
	border-radius: var(--wp--custom--radi--petit);
	color: #DCE8F0;
	text-decoration: none;
	font-weight: 500;
}
.efam-nav-superior .wp-block-navigation-item__content:hover { background: rgba(255, 255, 255, 0.08); color: #FFFFFF; }
.efam-nav-superior .current-menu-item > .wp-block-navigation-item__content { background: rgba(255, 255, 255, 0.12); color: #FFFFFF; font-weight: 600; }

/* ── Barra inferior (móvil) ─────────────────────────────────── */
.efam-nav-inferior {
	position: fixed;
	inset-inline: 0;
	bottom: 0;
	z-index: 40;
	padding: 0.5rem 0.75rem calc(0.5rem + env(safe-area-inset-bottom));
	background: var(--wp--preset--color--superficie);
	border-top: 1px solid var(--wp--preset--color--vora);
}
.efam-nav-inferior .wp-block-navigation__container { width: 100%; justify-content: space-around; gap: 0 !important; }
.efam-nav-inferior .wp-block-navigation-item { flex: 1; }
.efam-nav-inferior .wp-block-navigation-item__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.25rem;
	padding: 0.25rem 0;
	font-size: 0.75rem;
	font-weight: 500;
	color: var(--wp--preset--color--text-suau);
	text-decoration: none;
}
.efam-nav-inferior .wp-block-navigation-item__content::before {
	content: "";
	width: 1.5rem;
	height: 1.5rem;
	background: currentColor;
	-webkit-mask: var(--efam-ico) center / contain no-repeat;
	mask: var(--efam-ico) center / contain no-repeat;
}
.efam-nav-inferior .current-menu-item > .wp-block-navigation-item__content { color: var(--wp--preset--color--accio); font-weight: 600; }

.efam-ico-inici { --efam-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5V20a1 1 0 0 1-1 1h-5v-6h-6v6H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E"); }
.efam-ico-explora { --efam-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E"); }
.efam-ico-compte { --efam-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 3.6-7 8-7s8 3 8 7'/%3E%3C/svg%3E"); }

@media (max-width: 781px) {
	.efam-nav-superior { display: none !important; }
	body { padding-bottom: calc(var(--wp--custom--barra-inferior) + env(safe-area-inset-bottom)); }
}
@media (min-width: 782px) {
	.efam-nav-inferior { display: none !important; }
}

/* ── Secciones de la portada ────────────────────────────────── */
.efam-seccio + .efam-seccio { margin-top: var(--wp--preset--spacing--50); }
.efam-antetitol {
	font-size: var(--wp--preset--font-size--petit) !important;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--wp--preset--color--text-suau) !important;
	margin-bottom: var(--wp--preset--spacing--20) !important;
}
.efam-veure-tot { margin-top: var(--wp--preset--spacing--30); font-weight: 600; }
.efam-veure-tot a { text-decoration: none; }

/* ── Tarjeta de material ────────────────────────────────────── */
.efam-llista .wp-block-post-template { gap: var(--wp--preset--spacing--30); }
.efam-targeta {
	height: 100%;
	background: var(--wp--preset--color--superficie);
	border-radius: var(--wp--custom--radi--mitja);
	box-shadow: var(--wp--custom--ombra);
	overflow: hidden;
	position: relative;
}
.efam-targeta .efam-miniatura { margin: 0; }
.efam-targeta .efam-miniatura img { border-radius: 0; }
.efam-targeta-text { padding: var(--wp--preset--spacing--30); }
.efam-targeta-text > * + * { margin-top: 0.375rem !important; }
.efam-targeta-titol { font-size: var(--wp--preset--font-size--mitja) !important; line-height: 1.25; margin: 0; }
/* Toda la tarjeta se puede pulsar (el enlace del título la cubre) */
.efam-targeta-titol a::after { content: ""; position: absolute; inset: 0; }
.efam-targeta-tema { position: relative; z-index: 1; }
.efam-meta { gap: 0.5rem !important; font-size: var(--wp--preset--font-size--petit); color: var(--wp--preset--color--text-suau); }
.efam-meta > * { margin: 0 !important; }
.efam-meta .wp-block-post-date { color: inherit; }
.efam-tipus { text-transform: none !important; letter-spacing: 0 !important; font-weight: 500 !important; }
.efam-tipus a { color: inherit !important; text-decoration: none; position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 0.3rem; }
.efam-tipus a::before {
	content: "";
	width: 1rem;
	height: 1rem;
	background: var(--wp--preset--color--accio);
	-webkit-mask: var(--efam-ico) center / contain no-repeat;
	mask: var(--efam-ico) center / contain no-repeat;
}
.efam-tipus a[href*="/tipus/video"] { --efam-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E"); }
.efam-tipus a[href*="/tipus/article"] { --efam-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 6h14M5 12h14M5 18h9'/%3E%3C/svg%3E"); }
.efam-tipus a[href*="/tipus/document"] { --efam-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11m0 0-4-4m4 4 4-4M5 20h14'/%3E%3C/svg%3E"); }
.efam-tipus + .wp-block-post-date::before { content: "·"; margin-inline-end: 0.5rem; }
/* «Nuevo»: el plugin añade la clase efam-nou a la tarjeta que aún no se ha visto */
.efam-nou .efam-targeta-titol::after {
	content: "";
	display: inline-block;
	width: 0.5rem;
	height: 0.5rem;
	margin-inline-start: 0.375rem;
	vertical-align: 0.15em;
	border-radius: 50%;
	background: var(--wp--preset--color--punt);
}

/* ── Xips de temas ──────────────────────────────────────────── */
.efam-xips { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 0.5rem; }
.efam-xips li { margin: 0; }
.efam-xips a {
	display: inline-block;
	padding: 0.5rem 0.875rem;
	border: 1px solid var(--wp--preset--color--vora);
	border-radius: 999px;
	background: var(--wp--preset--color--superficie);
	color: var(--wp--preset--color--tinta);
	font-size: 0.875rem;
	font-weight: 500;
	text-decoration: none;
}
.efam-xips a:hover { border-color: var(--wp--preset--color--tinta); }
.efam-xips .current-cat a { background: var(--wp--preset--color--tinta); border-color: var(--wp--preset--color--tinta); color: #FFFFFF; }

/* ── Explora ────────────────────────────────────────────────── */
.efam-explora > * + * { margin-top: var(--wp--preset--spacing--30); }
.efam-cerca .wp-block-search__inside-wrapper { gap: 0.5rem; border: 0 !important; padding: 0 !important; }
.efam-cerca .wp-block-search__input {
	padding: 0.875rem 1rem;
	border: 1px solid var(--wp--preset--color--vora);
	border-radius: var(--wp--custom--radi--petit);
	background: var(--wp--preset--color--superficie);
	font-size: 1rem;
}
.efam-cerca .wp-block-search__button { margin: 0; border-radius: var(--wp--custom--radi--petit); }
.wp-block-query-title { font-size: var(--wp--preset--font-size--mitja) !important; }

/* ── Ficha de material ──────────────────────────────────────── */
.efam-material > .wp-block-post-terms a { color: var(--wp--preset--color--accio); }
.efam-material .wp-block-post-title { margin-top: 0.25rem; }
.efam-material .wp-block-embed,
.efam-material .wp-block-video { margin-block: var(--wp--preset--spacing--40); }
.efam-material .wp-block-embed iframe,
.efam-material .wp-block-video video { border-radius: var(--wp--custom--radi--mitja); }
.efam-material .wp-block-file {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.75rem 1rem;
	background: var(--wp--preset--color--superficie);
	border-radius: var(--wp--custom--radi--petit);
	box-shadow: var(--wp--custom--ombra);
}
.efam-tornar a { text-decoration: none; font-weight: 600; }

/* ── Pie ────────────────────────────────────────────────────── */
.efam-peu a { color: #FFFFFF; }
.efam-logos { gap: 1.25rem !important; }
.efam-logos figure { margin: 0; }
.efam-principal { min-height: 70vh; min-height: 70svh; }
.efam-principal { margin-block-start: 0 !important; }
.efam-nav-inferior .wp-block-navigation-item__content { width: 100%; }