/* ============================================================
   APAC Maresme — Block styles & patterns (Gutenberg)
   Themed styles for core blocks + the custom patterns. Loaded on the
   front end and in the editor so authors see a faithful preview.
   ============================================================ */

/* ── Image · "Destacada APAC" ─────────────────────────────── */
.is-style-apac-featured img,
.wp-block-image.is-style-apac-featured img {
	border-radius: var(--r-card);
	box-shadow: var(--sh-2);
}
.wp-block-image.is-style-apac-featured figcaption {
	font-family: var(--font-reading); font-size: var(--fs-small);
	color: var(--c-tinta-suau); text-align: left; margin-top: 8px;
}

/* ── Group · "Targeta" ────────────────────────────────────── */
.is-style-apac-card {
	background: var(--c-targeta); border: 1px solid var(--c-vora);
	border-radius: var(--r-card); box-shadow: var(--sh-1); padding: 24px;
}
.is-style-apac-card > *:first-child { margin-top: 0; }
.is-style-apac-card > *:last-child { margin-bottom: 0; }
.is-style-apac-card h3 { font-size: 19px; margin: 0 0 6px; }

/* ── Group · "Secció fosca (petroli)" ─────────────────────── */
.is-style-apac-dark {
	background: var(--c-petroli-fosc); color: #fff;
	border-radius: var(--r-card); padding: 40px 32px;
}
.is-style-apac-dark :is(h1, h2, h3, h4) { color: #fff; }
.is-style-apac-dark p { color: var(--c-footer-text); }
.is-style-apac-dark a:not(.wp-element-button) { color: #fff; }

/* ── Group/Paragraph · "Informació (APAC)" (global) ───────── */
.is-style-apac-info {
	background: var(--c-info-bg); border-left: 5px solid var(--c-info);
	border-radius: var(--r-field); padding: 16px 18px 16px 48px; margin: 24px 0;
	position: relative; color: var(--c-info-ink);
}
.is-style-apac-info::before {
	content: "lightbulb"; font-family: "Material Symbols Rounded";
	font-variation-settings: "FILL" 1, "wght" 500;
	position: absolute; left: 16px; top: 16px; font-size: 24px; color: #234A7A;
}
.is-style-apac-info > *:last-child { margin-bottom: 0; }

/* ── Quote · "Cita APAC" ──────────────────────────────────── */
.is-style-apac-quote {
	border: none; border-left: 5px solid var(--c-primari-clar);
	background: var(--c-superficie-2); border-radius: var(--r-card);
	padding: 22px 26px; margin: 24px 0;
}
.is-style-apac-quote p { font-size: 21px; line-height: 1.5; color: var(--c-tinta); }
.is-style-apac-quote cite { font-family: var(--font-accent); font-style: normal; font-size: 22px; color: var(--c-terracota); }

/* ── List · "Llista amb ✓" ────────────────────────────────── */
.is-style-apac-check { list-style: none; padding-left: 0; }
.is-style-apac-check li { position: relative; padding-left: 32px; margin: .5em 0; }
.is-style-apac-check li::before {
	content: "check_circle"; font-family: "Material Symbols Rounded";
	font-variation-settings: "FILL" 1; position: absolute; left: 0; top: 1px;
	color: var(--c-verd-natura); font-size: 22px;
}

/* ── Button · "Terracota (CTA)" ───────────────────────────── */
.is-style-apac-cta .wp-block-button__link,
.wp-block-button.is-style-apac-cta .wp-element-button {
	background: var(--c-terracota); color: #fff; border-radius: var(--r-btn);
	font-family: var(--font-ui); font-weight: 600; padding: 12px 24px;
}

/* ── Pattern · Serveis amb imatge ─────────────────────────── */
.apac-service-img { display: flex; flex-direction: column; gap: 14px; }
.apac-service-img .wp-block-image { margin: 0; }
.apac-service-img .wp-block-image img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.apac-service-img p { margin: 0; font-size: 17px; line-height: 1.55; color: var(--c-tinta); }

/* ── Pattern · Imatge amb àudio ───────────────────────────── */
.apac-audio-image { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.apac-audio-image .wp-block-image { margin: 0; width: 100%; }
.apac-speak-caption { cursor: pointer; }

/* ── Pattern · Passos (1·2·3) ─────────────────────────────── */
.apac-step { position: relative; padding-top: 30px; }
.apac-step__num {
	position: absolute; top: -16px; left: 20px;
	width: 40px; height: 40px; border-radius: var(--r-pill);
	background: var(--c-terracota); color: #fff;
	display: inline-flex; align-items: center; justify-content: center;
	font-family: var(--font-ui); font-weight: 700; font-size: 18px;
	box-shadow: var(--sh-1);
}

/* ── Pattern · Equip / persones ───────────────────────────── */
.apac-member { text-align: center; }
.apac-member .wp-block-image { margin: 0 auto 12px; }
.apac-member .wp-block-image img { border-radius: var(--r-pill); object-fit: cover; }
.apac-member h3 { font-size: 18px; margin: 0 0 2px; }
.apac-member__role { font-family: var(--font-ui); font-size: 14px; color: var(--c-tinta-suau); margin: 0; }

/* ── Pattern · Preguntes freqüents (accordió) ─────────────── */
.apac-faq__item {
	background: var(--c-targeta); border: 1px solid var(--c-vora);
	border-radius: var(--r-card); padding: 16px 20px; margin: 10px 0;
}
.apac-faq__item summary {
	cursor: pointer; font-family: var(--font-ui); font-weight: 600;
	font-size: 17px; color: var(--c-petroli-fosc);
}
.apac-faq__item[open] summary { margin-bottom: 8px; }

/* ── Pattern · Documents ──────────────────────────────────── */
.apac-doc { display: flex; flex-direction: column; align-items: flex-start; }
.apac-doc .apac-doc__file a {
	display: inline-flex; align-items: center; gap: 8px; margin-top: 6px;
	background: var(--c-petroli); color: #fff; border-radius: var(--r-btn);
	padding: 10px 18px; font-family: var(--font-ui); font-weight: 600; text-decoration: none;
}

/* ── Shortcode form block spacing ─────────────────────────── */
.apac-form-block { max-width: var(--maxw-article); margin-inline: auto; }