/*
 * Digital Kreativ — font family migration (2026-10).
 * Typography families only. Does not change sizing, colors, geometry, buttons,
 * animation keyframes, touch gestures, or functionality.
 * A single Google Fonts request is enqueued in functions.php (display=swap).
 */
:root {
  --dk-font-family: 'Poppins', Arial, Helvetica, sans-serif;
  --dk-heading-font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
}

/* Body, UI and interactive controls: preserve each component's existing
   size, line height, weight, letter-spacing, SVGs and icon fonts. */
body,
body :is(
  p, li, dt, dd, blockquote, cite, figcaption, label, small,
  button, input, textarea, select, option, summary, legend, address,
  .elementor-button, .elementor-button-text, .elementor-text-editor,
  .elementor-icon-list-text, .wpcf7-list-item-label, .wpcf7-not-valid-tip,
  .wpcf7-response-output, .dkf-description, .dkf-linklist,
  .dkf-contact-copy, .dkf-copyright, .dkf-contact-cta,
  .dk2026-nav-list, .dk2026-mobile-list, .dk-ref-filter,
  .dkt-v2__quote, .dkt-v2__name, .dkt-v2__source
) {
  font-family: var(--dk-font-family) !important;
}
body:not(#dk-font-override) :is(a, button, input, textarea, select, option, label, summary) {
  font-family: var(--dk-font-family) !important;
}
/* Text-entry hints also use the same family without changing hint colors. */
body input::placeholder,
body textarea::placeholder {
  font-family: var(--dk-font-family) !important;
}

/* Headings get an intentional higher specificity than old Elementor/theme
   shorthand font declarations (often !important). Text inside titles also
   retains the serif family where an Elementor heading contains an <a>/<span>. */
body:not(#dk-font-override) :is(
  h1, h2, h3, h4, h5, h6, .elementor-heading-title,
  .elementor-icon-box-title
) {
  font-family: var(--dk-heading-font-family) !important;
}
body:not(#dk-font-override) :is(
  h1, h2, h3, h4, h5, h6, .elementor-heading-title,
  .elementor-icon-box-title
) :is(a, span, strong, b, em) {
  font-family: var(--dk-heading-font-family) !important;
}

/* Genuine serif titles in custom shortcode layouts. Homepage project
   card names are UI labels and use Poppins, not this editorial face. */
body:not(#dk-font-override) :is(
  .dk-reference-name, .dk-about-reason-title,
  .dkf-editorial .dkf-widget-title
) {
  font-family: var(--dk-heading-font-family) !important;
}

/* Homepage Selected Projects cards: keep the PSD Poppins title family
   on both the h3 and linked text. The section's editorial headings stay serif. */
body:not(#dk-font-override).page-id-78 .dk-home-managed-references .dk-reference-card h3.dk-project-name,
body:not(#dk-font-override).page-id-78 .dk-home-managed-references .dk-reference-card h3.dk-project-name > a {
  font-family: var(--dk-font-family) !important;
}