/* ARTIC · Accessibilitat (auditoria Q4 2026)
   Només canvis verificats element per element: Divi fa servir el groc
   corporatiu amb fons diferents segons la pàgina, i una regla general
   empitjoraria el contrast en algun lloc. Els selectors porten
   «body #page-container» perquè el CSS de cada mòdul de Divi també va amb
   !important i, si no, guanya. */

:root {
	--artic-ambre-text: #8a5a00;    /* 5,93:1 sobre blanc */
	--artic-text-sobre-groc: #1f1f1f; /* 9,54:1 sobre #FFB835 */
}

/* Enllaç «Salta al contingut»: invisible fins que rep el focus del teclat. */
.artic-salta {
	position: absolute;
	left: 8px;
	top: -100px;
	z-index: 100000;
	padding: 12px 18px;
	background: #000;
	color: #fff !important;
	font-weight: 700;
	text-decoration: underline;
}
.artic-salta:focus {
	top: 8px;
}

/* Focus visible amb teclat (WCAG 2.4.7). El CSS de Divi porta :focus{outline:0}. */
:focus-visible {
	outline: 2px solid #1f1f1f !important;
	outline-offset: 2px;
}
.et-l--footer :focus-visible,
.et_pb_bg_layout_dark :focus-visible {
	outline-color: #ffffff !important;
}

/* Home: botó de contorn «Veure tots els serveis» (fons blanc propi, text #E09900 = 2,3:1). */
body.page-id-1956 #page-container .et_pb_section_2 .et_pb_button.et_pb_bg_layout_light {
	color: var(--artic-ambre-text) !important;
}

/* Peu: text gris #666 sobre negre (3,7:1) → #A6A6A6 (8,6:1). Els enllaços mantenen el groc. */
body #page-container .et-l--footer .et_pb_section_2_tb_footer .et_pb_text_inner p,
body #page-container .et-l--footer .et_pb_section_2_tb_footer .et_pb_text_inner strong {
	color: #a6a6a6 !important;
}

/* Home: títols dels blurbs passats d'H4 a H3 (ordre de títols); mateixa mida que tenien. */
body.page-id-1956 .et_pb_blurb h3.et_pb_module_header {
	font-size: 18px;
	line-height: 1.2em;
}

/* Botons amb fons groc (#FFB835) i text blanc (1,72:1) → text fosc. */
body #page-container .et-l--header .et_pb_section .et_pb_button_0_tb_header,
body #page-container .wpcf7-form input.wpcf7-submit {
	color: var(--artic-text-sobre-groc) !important;
}

/* Menú d'escriptori (capçalera blanca): enllaç actiu #E09900 (2,3:1) → ambre fosc.
   No es toca el menú mòbil (menu_2), que té el desplegable negre. */
body #page-container .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item > a {
	color: var(--artic-ambre-text) !important;
}

/* Rendiment (CLS): imatges del hero de la home. Divi els posa «width: auto»
   i un embolcall inline-block, i mentre es baixen ocupen 0×0; en arribar,
   empenyen tota la secció següent (CLS 0,48 en mòbil). Carregades ja omplen
   el 100 % del mòdul a totes les amplades, així que això no canvia res visual:
   només en reserva l'espai. 4392 = «trobada» (mòbil), 1966 = escriptori. */
.et_pb_image .et_pb_image_wrap:has(> img.wp-image-4392),
.et_pb_image .et_pb_image_wrap:has(> img.wp-image-1966) {
	display: block;
	width: 100%;
}
.et_pb_image .et_pb_image_wrap img.wp-image-4392 {
	width: 100%;
	height: auto;
	aspect-ratio: 1200 / 1600;
}
.et_pb_image .et_pb_image_wrap img.wp-image-1966 {
	width: 100%;
	height: auto;
	aspect-ratio: 500 / 1330;
}

/* Peu: el fons negre no és al background-color i les eines (axe/Lighthouse)
   calculen el contrast contra blanc. Es declara el negre real (cap canvi visual)
   i els enllaços es subratllen perquè no es distingeixin només pel color. */
.et-l--footer .et_pb_section_1_tb_footer,
.et-l--footer .et_pb_section_2_tb_footer {
	background-color: #000 !important;
}
body #page-container .et-l--footer .et_pb_text_inner a {
	text-decoration: underline;
	text-underline-offset: 2px;
}