/* Core-block pages (patterns/service-*.php). These pages use the site's own classes (svc-hero, svc-section, item-grid,
   qa …) on core blocks, so styles.css and services.css do most of the work. This file maps what core blocks print
   differently from the static pages: buttons, FAQ details, and links inside paragraphs. It is not synced from website/. */

/* Buttons: the core button block, dressed as .button, .button-quiet and .button-light */
.wp-block-button__link { display: inline-block; padding: 15px 22px; border: 0; background: var(--ink); color: var(--white); font-weight: 650; font-size: 16px; line-height: inherit; text-decoration: none; border-radius: 3px; cursor: pointer; transition: background .2s, color .2s; }
.wp-block-button__link:hover { background: var(--copper); color: var(--white); }
.wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: var(--ink); box-shadow: inset 0 0 0 1.5px var(--ink); }
.wp-block-button.is-style-outline .wp-block-button__link:hover { background: var(--ink); color: var(--white); }
.contact .wp-block-button__link { background: var(--white); color: var(--ink); }
.contact .wp-block-button__link:hover { background: var(--copper); color: var(--white); }

/* Links that sat on their own in the static pages */
.contact .actions p { margin: 0; }
.contact .actions p a { font-weight: 650; font-size: 18px; text-decoration: none; border-bottom: 1.5px solid var(--copper); padding-bottom: 2px; }
.svc-first p a { color: #f5f6f8; font-weight: 650; text-decoration: none; border-bottom: 1.5px solid var(--copper); padding-bottom: 3px; }
.svc-first p:last-child { margin-top: 10px; }

/* FAQ: one details block per question, open by default, in the look of the definition list */
.qa details { padding: 22px 0; border-top: 1px solid var(--line); }
.qa summary { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; cursor: pointer; list-style: none; font-stretch: 112%; font-weight: 660; font-size: clamp(20px, 1.8vw, 28px); letter-spacing: -.02em; line-height: 1.15; }
.qa summary::-webkit-details-marker { display: none; }
.qa summary::after { content: "+"; flex: none; color: var(--copper); font-weight: 500; }
.qa details[open] summary::after { content: "\2212"; }
.qa details > p { margin-top: 8px; max-width: 32em; color: var(--muted); }