/*
 * Digital Kreativ — readable typography pass, October 2026.
 * Site-wide paragraphs approximately 16px, compact cards/secondary copy 14–15px.
 * Headings, pill labels, navigation, icons and image sizing are intentionally not
 * globally enlarged. Section-specific rules are a final cascade layer over the
 * old theme's small-device !important declarations.
 */
:root { --dk-body-copy: 16px; --dk-compact-copy: 15px; }
body { font-size:16px; }
body .entry-content > p,
body .entry-content > .wp-block-paragraph {
  font-size:16px!important;line-height:1.75!important;
}

/* Hero introduction and four service-benefit descriptions */
.dk-home-hero .dk-hero-desc,
.dk-home-hero .dk-hero-desc p {
  font-size:16px!important;line-height:1.72!important;
}
.dk-home-hero .dk-hero-features {width:min(570px,100%)!important;}
.dk-home-hero .dk-hero-feature .elementor-icon-box-description {
  font-size:14px!important;line-height:1.58!important;
  overflow-wrap:break-word!important;
}
.dk-hero-lead-wrap .dk-hero-lead-consent,
.dk-hero-lead-wrap .dk-hero-lead-consent .wpcf7-list-item-label {
  font-size:14px!important;line-height:1.55!important;
}

/* Services: ordinary paragraph plus compact summary underneath each title. */
.dk-services-section .dk-services-description p {
  font-size:16px!important;line-height:1.72!important;
}
.dk-services-section .dk-service-summary,
.dk-services-section .dk-service-summary p {
  font-size:15px!important;line-height:1.6!important;
  overflow-wrap:break-word!important;
}
.dk-services-section .dk-service-card-body {
  min-height:148px!important;
}
.dk-services-section .dk-service-summary {
  max-width:100%!important;padding-right:36px!important;
}

/* Projects on homepage and managed /referanser page. */
.dk-projects-section .dk-project-description p,
.dk-managed-references .dk-project-description {
  font-size:16px!important;line-height:1.75!important;
}
.dk-projects-section .dk-project-kind p,
.dk-managed-references .dk-project-kind {
  font-size:14px!important;line-height:1.5!important;
  overflow-wrap:anywhere!important;
}
.dk-projects-section .dk-project-card-content,
.dk-managed-references .dk-project-card-content {
  min-height:105px!important;height:auto!important;
}
.dk-projects-section .dk-project-empty p,
.dk-managed-references .dk-ref-empty {
  font-size:16px!important;line-height:1.6!important;
}

/* About and the collaboration banner. Numbered heading texts remain unchanged. */
.dk-about-section .dk-about-intro p {
  font-size:16px!important;line-height:1.72!important;
}
.dk-about-section .dk-about-reason-text p {
  font-size:15px!important;line-height:1.58!important;
  overflow-wrap:break-word!important;
}
.dk-about-cta-section .dk-about-banner-desc p {
  font-size:15px!important;line-height:1.55!important;
}

/* Reviews: quote body, supporting description and source link, not title. */
.dkt-v2 .dkt-v2__quote {
  font-size:16px!important;line-height:1.73!important;
  min-height:0!important;
}
.dkt-v2 .dkt-v2__intro p {
  font-size:16px!important;line-height:1.75!important;
}
.dkt-v2 .dkt-v2__source {
  font-size:13px!important;line-height:1.5!important;
}
.dkt-v2 .dkt-v2__carousel {height:auto!important;}

/* Digital Strategi and contact explanation; keep all headline sizes intact. */
.dkg-strategy .dkg-description p,
.dk-contact-section .dk-contact-intro p {
  font-size:16px!important;line-height:1.73!important;
}

/* Contact form text/consent/placeholder (not the section's headings). */
.dk-contact-section .dk-contact-form-fields input[type=text],
.dk-contact-section .dk-contact-form-fields input[type=tel],
.dk-contact-section .dk-contact-form-fields input[type=email],
.dk-contact-section .dk-contact-form-fields textarea {
  font-size:15px!important;line-height:1.5!important;
}
.dk-contact-section .dk-contact-consent {
  font-size:14px!important;line-height:1.5!important;
}
.dk-contact-section .dk-contact-detail a {
  font-size:14px!important;line-height:1.45!important;
  overflow-wrap:anywhere!important;
}
.dk-contact-section .dk-contact-form-fields input[type=submit]{
  font-size:14px!important;
}

/* Site-wide footer descriptions and navigation text. Header menu unchanged. */
.dkf-editorial .dkf-description,
.dkf-editorial .dkf-contact-copy {
  font-size:16px!important;line-height:1.72!important;
}
.dkf-editorial .dkf-linklist a,
.dkf-editorial .dkf-contact-line a,
.dkf-editorial .dkf-contact-cta,
.dkf-editorial .dkf-widget-region p,
.dkf-editorial .dkf-widget-region li,
.dkf-editorial .dkf-widget-region a {
  font-size:15px!important;line-height:1.55!important;
}
.dkf-editorial .dkf-copyright,
.dkf-editorial .dkf-legal,
.dkf-editorial .dkf-legal-list a {
  font-size:13px!important;line-height:1.55!important;
}

/* Tablet – prioritize readable paragraphs and card geometry. */
@media(max-width:950px) {
  .dk-services-section .dk-service-card-body {min-height:155px!important;}
  .dk-about-section .dk-about-reason-text p {font-size:14px!important;}
}

/* Phone layouts – keep full-size main descriptions and consistent wrapping. */
@media(max-width:767px) {
  .dk-home-hero .dk-hero-desc,
  .dk-home-hero .dk-hero-desc p,
  .dk-services-section .dk-services-description p,
  .dk-projects-section .dk-project-description p,
  .dk-managed-references .dk-project-description,
  .dk-about-section .dk-about-intro p,
  .dkt-v2 .dkt-v2__intro p,
  .dkg-strategy .dkg-description p,
  .dk-contact-section .dk-contact-intro p,
  .dkf-editorial .dkf-description,
  .dkf-editorial .dkf-contact-copy {
    font-size:16px!important;line-height:1.68!important;
  }
  .dkt-v2 .dkt-v2__quote {
    font-size:15px!important;line-height:1.72!important;
  }
  .dk-home-hero .dk-hero-feature .elementor-icon-box-description {
    font-size:14px!important;line-height:1.55!important;
  }
  .dk-about-section .dk-about-reason-text p {
    font-size:15px!important;
  }
  .dk-about-cta-section .dk-about-banner-desc p {
    font-size:14px!important;line-height:1.57!important;
  }
  .dk-services-section .dk-service-card-body {min-height:146px!important;}
  .dk-projects-section .dk-project-card-content,
  .dk-managed-references .dk-project-card-content {min-height:115px!important;}
}

/* At very narrow widths avoid horizontal overflow from long email links. */
@media(max-width:375px){
  .dkf-editorial .dkf-contact-line a {overflow-wrap:anywhere!important;}
  .dk-contact-section .dk-contact-detail a {font-size:12px!important;}
  .dkf-editorial .dkf-contact-cta {font-size:14px!important;}
  .dk-projects-section .dk-project-kind p,
  .dk-managed-references .dk-project-kind {font-size:13.5px!important;}
  .dk-services-section .dk-service-summary p {font-size:14.5px!important;}
  .dk-services-section .dk-service-card-body {min-height:148px!important;}
}



/* ---------------------------------------------------------------------------
   Full-site typography audit correction — 2026-10-26
   Semantic scale (Open Sans UI):
   Display titles remain section-specific (29–56px); section subheads 22–40px;
   card/step titles 15–17px; body 16px; card descriptions 14–15px;
   eyebrows and controls 13–15px; secondary legal text 13px.
   These are explicit component overrides rather than a universal heading rule,
   protecting the original multi-line desktop artwork.
   --------------------------------------------------------------------------- */
:root{
  --dk-type-body:16px;
  --dk-type-card:15px;
  --dk-type-small:14px;
  --dk-type-eyebrow:13px;
  --dk-type-section-title:clamp(29px,3vw,40px);
  --dk-type-section-accent:clamp(32px,3.7vw,48px);
}

/* Navigation stays readable at 920–1100px as well as at desktop sizes. */
.dk2026-header .dk2026-nav-list > li > a,
.dk2026-header .dk2026-nav-list > li.dkh-menu-cta > a{
  font-size:14px!important;line-height:1.4!important;
}
.dk2026-header .dk2026-mobile-list a{font-size:15px!important;line-height:1.4!important;}

/* Hero: badge, small icon-feature titles, CTA and form labels. */
.dk-home-hero .dk-hero-kicker .elementor-heading-title{
  font-size:13px!important;line-height:1.4!important;letter-spacing:.025em!important;
}
.dk-home-hero .dk-hero-feature .elementor-icon-box-title,
.dk-home-hero .dk-hero-feature .elementor-icon-box-title span,
.dk-home-hero .dk-hero-feature .elementor-icon-box-title a{
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.42!important;
}
.dk-home-hero .dk-hero-buttons .elementor-button{
  font-size:14px!important;line-height:1.4!important;
}
.dk-hero-lead-wrap .dk-hero-lead-consent,
.dk-hero-lead-wrap .dk-hero-lead-consent label,
.dk-hero-lead-wrap .dk-hero-lead-consent .wpcf7-list-item-label,
.dk-hero-lead-wrap .dk-hero-lead-consent span{
  font-size:14px!important;line-height:1.52!important;
}
.dk-hero-lead-wrap .wpcf7 input[type=submit],
.dk-hero-lead-wrap .dk-hero-lead-submit input,
.dk-hero-lead-wrap button[type=submit]{
  font-size:14px!important;line-height:1.4!important;
}
.dk-hero-lead-wrap .wpcf7-not-valid-tip{
  font-size:13px!important;line-height:1.4!important;
}

/* Services: consistent eyebrow, four card headings, descriptions and CTA. */
.dk-services-section .dk-services-kicker .elementor-heading-title{
  font-size:13px!important;line-height:1.4!important;
}
.dk-services-section .dk-service-heading .elementor-heading-title,
.dk-services-section .dk-service-heading .elementor-heading-title a{
  font-size:16px!important;line-height:1.43!important;
}
.dk-services-section .dk-services-all .elementor-button{
  font-size:14px!important;line-height:1.4!important;
}
.dk-services-section .dk-service-summary p{
  font-size:15px!important;line-height:1.58!important;
}

/* References: filter, portfolio card names and type labels are not microtext. */
.dk-projects-section .dk-project-kicker .elementor-heading-title,
.dk-managed-references .dk-project-kicker{
  font-size:13px!important;line-height:1.4!important;
}
.dk-projects-section .dk-project-filter .elementor-button,
.dk-managed-references .dk-ref-filter{
  font-size:14px!important;line-height:1.4!important;
  min-height:40px!important;
  white-space:normal!important;
}
.dk-projects-section .dk-project-name .elementor-heading-title,
.dk-projects-section .dk-project-name .elementor-heading-title a,
.dk-managed-references .dk-project-name .elementor-heading-title,
.dk-managed-references .dk-project-name .elementor-heading-title a,
.dk-managed-references .dk-project-name a{
  font-size:15px!important;line-height:1.44!important;
  overflow-wrap:break-word!important;
}
.dk-projects-section .dk-project-kind p,
.dk-managed-references .dk-project-kind{
  font-size:14px!important;line-height:1.52!important;
}
.dk-projects-section .dk-project-cta .elementor-button,
.dk-managed-references .dk-project-cta{
  font-size:14px!important;line-height:1.4!important;
}
.dk-projects-section .dk-project-card-content,
.dk-managed-references .dk-project-card-content{
  height:auto!important;min-height:117px!important;
  overflow:visible!important;
}
.dk-managed-references .dk-ref-pagination a{
  font-size:14px!important;line-height:1.4!important;
}

/* About: numbered steps have 15px titles and 15px descriptions. */
.dk-about-section .dk-about-kicker .elementor-heading-title{
  font-size:13px!important;line-height:1.4!important;
}
.dk-about-section .dk-about-reason-title .elementor-heading-title{
  font-size:15px!important;line-height:1.44!important;
  overflow-wrap:break-word!important;
}
.dk-about-section .dk-about-reason-text p{
  font-size:15px!important;line-height:1.6!important;
}
.dk-about-cta-section .dk-about-banner-eyebrow .elementor-heading-title{
  font-size:13px!important;line-height:1.4!important;
}
.dk-about-cta-section .dk-about-banner-phone-label .elementor-heading-title,
.dk-about-cta-section .dk-about-banner-phone .elementor-heading-title,
.dk-about-cta-section .dk-about-banner-phone .elementor-heading-title a{
  font-size:14px!important;line-height:1.4!important;
}
.dk-about-cta-section .dk-about-banner-btn .elementor-button{
  font-size:14px!important;line-height:1.4!important;
}

/* Reviews and strategy small labels/controls. */
.dkt-v2 .dkt-v2__eyebrow{font-size:13px!important;line-height:1.42!important;}
.dkt-v2 .dkt-v2__source{font-size:14px!important;line-height:1.5!important;}
.dkt-v2 .dkt-v2__name{font-size:15px!important;line-height:1.45!important;}
.dkg-strategy .dkg-kicker .elementor-heading-title{font-size:13px!important;line-height:1.4!important;}
.dkg-strategy .dkg-action .elementor-button{font-size:14px!important;line-height:1.4!important;}

/* Stats: values remain prominent; captions never drop to 12px. */
.dks-statistics .dks-label .elementor-heading-title{
  font-size:15px!important;line-height:1.5!important;
}

/* Contact eyebrow and compact form/phone labels. */
.dk-contact-section .dk-contact-eyebrow .elementor-heading-title{
  font-size:13px!important;line-height:1.4!important;
}
.dk-contact-section .dk-contact-detail a{
  font-size:14px!important;line-height:1.48!important;
}
.dk-contact-section .dk-contact-consent,
.dk-contact-section .dk-contact-consent .wpcf7-list-item-label{
  font-size:14px!important;line-height:1.48!important;
}
.dk-contact-section .wpcf7-not-valid-tip,
.dk-contact-section .wpcf7-response-output{
  font-size:13px!important;line-height:1.5!important;
}

/* Footer section titles/links remain consistently sized on very small screens. */
.dkf-editorial h3{font-size:17px!important;line-height:1.4!important;}
.dkf-editorial .dkf-legal,
.dkf-editorial .dkf-copyright,
.dkf-editorial .dkf-legal-list a{
  font-size:13px!important;line-height:1.5!important;
}

/* Tablet layout: prevent enlarged card text from pressing into arrows. */
@media(max-width:1100px){
  .dk2026-header .dk2026-nav-list > li > a{font-size:14px!important;}
  .dk2026-header .dk2026-nav-list > li.dkh-menu-cta > a{font-size:14px!important;}
  .dk-services-section .dk-service-card-body{min-height:164px!important;}
}

/* Mobile: preserve font hierarchy, support wrapping and card growth. */
@media(max-width:767px){
  .dk-home-hero .dk-hero-kicker .elementor-heading-title{
    font-size:13px!important;min-height:30px!important;
  }
  .dk-home-hero .dk-hero-buttons .elementor-button{font-size:14px!important;}
  .dk-hero-lead-wrap .dk-hero-lead-intro h2{font-size:25px!important;line-height:1.25!important;}
  .dk-services-section .dk-services-kicker .elementor-heading-title{font-size:13px!important;}
  .dk-services-section .dk-service-heading .elementor-heading-title,
  .dk-services-section .dk-service-heading .elementor-heading-title a{
    font-size:16px!important;line-height:1.44!important;
  }
  .dk-services-section .dk-service-card-body{
    min-height:164px!important;padding-bottom:24px!important;
  }
  .dk-projects-section .dk-project-card-content,
  .dk-managed-references .dk-project-card-content{
    min-height:132px!important;padding-bottom:16px!important;
  }
  .dk-projects-section .dk-project-filter .elementor-button,
  .dk-managed-references .dk-ref-filter{
    font-size:14px!important;min-height:42px!important;
    padding-inline:10px!important;
  }
  .dk-about-section .dk-about-reason-title .elementor-heading-title{font-size:15px!important;}
  .dk-about-cta-section .dk-about-banner-phone-label .elementor-heading-title,
  .dk-about-cta-section .dk-about-banner-phone .elementor-heading-title,
  .dk-about-cta-section .dk-about-banner-phone .elementor-heading-title a{
    font-size:14px!important;
  }
  .dks-statistics .dks-label .elementor-heading-title{
    font-size:14px!important;line-height:1.5!important;overflow-wrap:break-word!important;
  }
  .dkf-editorial h3{font-size:17px!important;}
}
/* 320px: two-column portfolio remains compact but legible. */
@media(max-width:375px){
  .dk-projects-section .dk-project-name .elementor-heading-title,
  .dk-projects-section .dk-project-name .elementor-heading-title a,
  .dk-managed-references .dk-project-name .elementor-heading-title,
  .dk-managed-references .dk-project-name .elementor-heading-title a,
  .dk-managed-references .dk-project-name a{
    font-size:14px!important;line-height:1.42!important;
  }
  .dk-projects-section .dk-project-card-content,
  .dk-managed-references .dk-project-card-content{min-height:142px!important;}
  .dk-contact-section .dk-contact-detail a{font-size:14px!important;white-space:normal!important;}
}


/* Visual QA polish: wider caption cells and less empty mobile portfolio space. */
@media(max-width:767px){
  .dk-projects-section .dk-project-name .elementor-heading-title,
  .dk-projects-section .dk-project-name .elementor-heading-title a,
  .dk-managed-references .dk-project-name .elementor-heading-title,
  .dk-managed-references .dk-project-name .elementor-heading-title a,
  .dk-managed-references .dk-project-name a{
    font-size:14px!important;
    line-height:1.46!important;
  }
  .dk-projects-section .dk-project-card-content,
  .dk-managed-references .dk-project-card-content{
    min-height:117px!important;
    padding-bottom:14px!important;
  }
}
@media(max-width:375px){
  .dks-statistics .dks-inner.elementor-element{
    padding-left:14px!important;
    padding-right:14px!important;
    column-gap:4px!important;
  }
  .dks-statistics .dks-cell{
    padding-left:0!important;
    padding-right:3px!important;
  }
  .dks-statistics .dks-label .elementor-heading-title{
    font-size:14px!important;
  }
  .dk-projects-section .dk-project-card-content,
  .dk-managed-references .dk-project-card-content{
    min-height:124px!important;
  }
}