/*
 Digital Kreativ mobile enquiry panel — 390px PSD.
 Scoped to homepage page 78, max-width 767px. Desktop unchanged.
 PSD panel approximately x52..338 and y934..1303.
*/
@media (max-width:767px) {
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap {
   padding:0 16px 26px!important;
   background-color:#000a0d!important;
 }
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .dk-hero-lead-inner {
   width:min(100%,340px)!important;
   max-width:340px!important;
   margin:-21px auto 0!important;
 }
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .dk-hero-lead-shortcode,
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .dk-hero-lead-shortcode > .elementor-widget-container,
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .dk-hero-lead-shortcode .elementor-shortcode {
   display:block!important;
   width:100%!important;
   max-width:none!important;
   margin:0!important;
 }
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .wpcf7 {
   width:100%!important;
   max-width:100%!important;
   padding:23px 20px 26px!important;
   border:1px solid #3edfd0!important;
   border-radius:19px!important;
   background-color:#001317!important;
   background-image:linear-gradient(105deg,rgba(0,9,12,.38),rgba(0,13,17,.30) 52%,rgba(0,11,15,.37)),url("https://www.digitalkreativ.no/wp-content/uploads/2026/10/pexels-justguryan-19945132-scaled.jpg")!important;
   background-size:cover,cover!important;
   background-position:center,center 48%!important;
   box-shadow:0 13px 30px rgba(0,0,0,.46),0 0 19px rgba(62,223,208,.12)!important;
 }
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .wpcf7 form {
   margin:0!important;
   padding:0!important;
 }
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .dk-hero-lead-grid {
   display:grid!important;
   grid-template-columns:minmax(0,1fr)!important;
   row-gap:11px!important;
   column-gap:0!important;
   align-items:start!important;
   padding:0!important;
   margin:0!important;
 }
 /* Flatten only on mobile, leaving CF7 fields and validation intact. */
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .dk-hero-lead-intro,
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .dk-hero-lead-fields,
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .dk-hero-lead-row,
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .dk-hero-lead-row > p {
   display:contents!important;
 }
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .dk-hero-lead-grid br {display:none!important}
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .dk-hero-lead-intro h2 {
   order:1;
   width:100%;
   margin:0 0 3px!important;
   padding:0!important;
   text-align:center!important;
   color:#fff!important;
   font-family:'Playfair Display',Georgia,serif!important;
   font-size:clamp(19px,5.34vw,20.833px)!important;
   font-weight:700!important;
   line-height:1.3!important;
   letter-spacing:-.015em!important;
   white-space:normal!important;
   max-width:100%!important;
   text-wrap:balance;
   overflow-wrap:normal;
 }
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .dk-hero-field {
   display:block!important;
   width:100%!important;
   margin:0!important;
   padding:0!important;
   min-width:0;
 }
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .dk-hero-field:has([name="your-name"]) {order:2}
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .dk-hero-field:has([name="your-phone"]) {order:3}
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .dk-hero-field:has([name="your-email"]) {order:4}
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .dk-hero-lead-row input:not([type=submit]):not([type=checkbox]) {
   display:block!important;
   width:100%!important;
   min-width:0!important;
   min-height:41px!important;
   height:41px!important;
   margin:0!important;
   padding:0 22px!important;
   border:1px solid #3edfd0!important;
   border-radius:999px!important;
   color:#fff!important;
   background:rgba(0,8,10,.97)!important;
   box-shadow:none!important;
   font:400 12.5px/1.4 'Poppins',Arial,sans-serif!important;
 }
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .dk-hero-lead-row input::placeholder {
   color:#c1bebe!important;
   opacity:1;
   font:400 12.5px/1.4 'Poppins',Arial,sans-serif!important;
 }
 /* Use the PSD mobile form order while keeping the CF7 controls. */
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .dk-hero-lead-consent {
   order:5;
   width:100%!important;
   margin:7px 0 4px!important;
   padding:0!important;
   text-align:left!important;
 }
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .dk-hero-lead-consent label {
   display:flex!important;
   align-items:flex-start!important;
   gap:9px!important;
   margin:0!important;
   padding:0!important;
 }
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .dk-hero-lead-consent,
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .dk-hero-lead-consent label,
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .dk-hero-lead-consent span {
   font:400 12.5px/2 'Poppins',Arial,sans-serif!important;
   letter-spacing:0!important;
   color:#fff!important;
 }
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .dk-hero-lead-consent .wpcf7-acceptance input[type=checkbox] {
   flex:0 0 14px!important;
   width:14px!important;
   min-width:14px!important;
   max-width:14px!important;
   height:14px!important;
   min-height:14px!important;
   max-height:14px!important;
   inline-size:14px!important;
   block-size:14px!important;
   margin:6px 0 0!important;
 }
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .dk-hero-lead-consent .wpcf7-acceptance input[type=checkbox]:checked {
   background-image:radial-gradient(circle at center,#3edfd0 0 3px,transparent 3.5px)!important;
 }
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .dk-hero-lead-row input[type=submit] {
   order:6;
   display:block!important;
   width:100%!important;
   height:42px!important;
   min-height:42px!important;
   margin:0!important;
   padding:0 38px 0 22px!important;
   border:0!important;
   border-radius:999px!important;
   background:#3edfd0!important;
   color:#000!important;
   font:400 12.5px/1.35 'Poppins',Arial,sans-serif!important;
   text-align:left!important;
 }
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .dk-hero-lead-row input[type=submit].dk-lead-arrow-svg {
   background-image:url("https://www.digitalkreativ.no/wp-content/uploads/2026/10/Digital-Kreativ-Figma-Hero-CTA-Chevron-Dark.svg")!important;
   background-repeat:no-repeat!important;
   background-position:right 25px center!important;
   background-size:6px 10px!important;
 }
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .dk-hero-lead-row input[type=submit]:hover {
   background-color:#28c4bb!important;
 }
}
@media (max-width:359px) {
 body:is(.page-id-78,.page-id-358) .dk-hero-lead-wrap .dk-hero-lead-intro h2 {
   font-size:clamp(17px,5.34vw,19px)!important;
 }
}

/*
 * Homepage mobile readability refinement (2026-11-05).
 * Intentionally page #78 only, <=767px. Keep tablet/desktop, other service
 * pages, the hero photograph, WordPress menu and CF7 functionality unchanged.
 * Overrides earlier 12.5px PSD baseline without changing the copy.
 */
@media (max-width:767px) {
  body:not(#dk-font-override).page-id-78 .dk-home-hero .dk-hero-kicker .elementor-heading-title {
    font-size:14px!important;
    line-height:1.4!important;
  }
  body:not(#dk-font-override).page-id-78 .dk-home-hero .dk-hero-line-one .elementor-heading-title {
    font-size:clamp(28px,8.1vw,32px)!important;
    line-height:1.18!important;
  }
  body:not(#dk-font-override).page-id-78 .dk-home-hero .dk-hero-line-two .elementor-heading-title {
    font-size:clamp(33px,9.85vw,39px)!important;
    line-height:1.13!important;
  }
  body:not(#dk-font-override).page-id-78 .dk-home-hero .dk-hero-desc {
    max-width:365px!important;
    margin-top:24px!important;
  }
  body:not(#dk-font-override).page-id-78 .dk-home-hero .dk-hero-desc,
  body:not(#dk-font-override).page-id-78 .dk-home-hero .dk-hero-desc p {
    font-size:16px!important;
    line-height:1.65!important;
    font-weight:400!important;
  }
  /* Keep the rest of the homepage's descriptive copy as legible as desktop. */
  body:not(#dk-font-override).page-id-78 :is(
    .dk-services-description p, .dk-project-description p,
    .dk-about-intro p, .dk-about-banner-desc p,
    .dk-contact-intro p, .dkt-v2__intro p,
    .dkg-description p, .dkf-editorial .dkf-description,
    .dkf-editorial .dkf-contact-copy
  ) {
    font-size:16px!important;
    line-height:1.68!important;
  }
  body:not(#dk-font-override).page-id-78 :is(
    .dk-services-section .dk-service-summary p,
    .dk-about-section .dk-about-reason-text p
  ) {
    font-size:15px!important;
    line-height:1.6!important;
  }
  /* Give all four benefit captions room and keep Kreativitet / som skaper
     resultater on two lines, without inserting hard-coded line breaks. */
  body.page-id-78 .dk-home-hero .dk-hero-features {
    width:min(360px,100%)!important;
    max-width:360px!important;
  }
  body.page-id-78 .dk-home-hero .dk-hero-feature:nth-child(odd) {
    padding-right:12px!important;
  }
  body.page-id-78 .dk-home-hero .dk-hero-feature:nth-child(even) {
    padding-left:18px!important;
  }
  body:not(#dk-font-override).page-id-78 .dk-home-hero .dk-hero-feature .elementor-icon-box-title,
  body:not(#dk-font-override).page-id-78 .dk-home-hero .dk-hero-feature .elementor-icon-box-title :is(span,a),
  body:not(#dk-font-override).page-id-78 .dk-home-hero .dk-hero-feature .elementor-icon-box-description {
    font-size:clamp(13px,3.7vw,14.5px)!important;
    font-weight:400!important;
    line-height:1.45!important;
    letter-spacing:-.01em;
  }
  /* Benefits follow-up: the 3rd item's Elementor title (h3) and
     description (p) were separate blocks, forcing 3 lines. On mobile only,
     flow their text together to allow exactly two naturally wrapping lines.
     Also override a legacy 26px left indent on the third icon. */
  body.page-id-78 .dk-home-hero .dk-hero-feature:nth-child(3) {
    padding-left:0!important;
  }
  body.page-id-78 .dk-home-hero .dk-hero-feature:nth-child(3) .elementor-icon-box-title,
  body.page-id-78 .dk-home-hero .dk-hero-feature:nth-child(3) .elementor-icon-box-description,
  body.page-id-78 .dk-home-hero .dk-hero-feature:nth-child(3) .elementor-icon-box-title span {
    display:inline!important;
  }
  body.page-id-78 .dk-home-hero .dk-hero-feature:nth-child(3) .elementor-icon-box-title::after {
    content:" ";
    white-space:pre;
  }
  /* Uniform size across all four captions, rather than shrinking the
     third caption relative to its neighboring benefit cards. */
  body:not(#dk-font-override).page-id-78 .dk-home-hero .dk-hero-feature .elementor-icon-box-title,
  body:not(#dk-font-override).page-id-78 .dk-home-hero .dk-hero-feature .elementor-icon-box-title :is(span,a),
  body:not(#dk-font-override).page-id-78 .dk-home-hero .dk-hero-feature .elementor-icon-box-description {
    font-size:clamp(14px,3.9vw,15.2px)!important;
    line-height:1.42!important;
  }
  /* Slightly larger mobile enquiry panel and more readable controls. */
  body.page-id-78 .dk-hero-lead-wrap .dk-hero-lead-inner {
    width:min(100%,380px)!important;
    max-width:380px!important;
  }
  body.page-id-78 .dk-hero-lead-wrap .wpcf7 {
    padding:27px 21px 29px!important;
  }
  body:not(#dk-font-override).page-id-78 .dk-hero-lead-wrap .dk-hero-lead-intro h2 {
    font-size:clamp(22px,6.2vw,25px)!important;
    line-height:1.3!important;
  }
  body.page-id-78 .dk-hero-lead-wrap .dk-hero-lead-grid {
    row-gap:13px!important;
  }
  body:not(#dk-font-override).page-id-78 .dk-hero-lead-wrap .dk-hero-lead-row input:not([type=submit]):not([type=checkbox]) {
    height:48px!important;
    min-height:48px!important;
    font-size:15px!important;
  }
  body:not(#dk-font-override).page-id-78 .dk-hero-lead-wrap .dk-hero-lead-row input::placeholder {
    font-size:15px!important;
  }
  body:not(#dk-font-override).page-id-78 .dk-hero-lead-wrap .dk-hero-lead-consent,
  body:not(#dk-font-override).page-id-78 .dk-hero-lead-wrap .dk-hero-lead-consent label,
  body:not(#dk-font-override).page-id-78 .dk-hero-lead-wrap .dk-hero-lead-consent span,
  body:not(#dk-font-override).page-id-78 .dk-hero-lead-wrap .dk-hero-lead-consent .wpcf7-list-item-label {
    font-size:14px!important;
    line-height:1.65!important;
  }
  body.page-id-78 .dk-hero-lead-wrap .dk-hero-lead-consent .wpcf7-acceptance input[type=checkbox] {
    flex-basis:17px!important;
    width:17px!important;
    min-width:17px!important;
    max-width:17px!important;
    height:17px!important;
    min-height:17px!important;
    max-height:17px!important;
    inline-size:17px!important;
    block-size:17px!important;
  }
  body:not(#dk-font-override).page-id-78 .dk-hero-lead-wrap .dk-hero-lead-row input[type=submit] {
    height:49px!important;
    min-height:49px!important;
    font-size:15px!important;
  }
}
@media (max-width:359px) {
  body.page-id-78 .dk-home-hero .dk-hero-feature:nth-child(even) {
    padding-left:12px!important;
  }
  body:not(#dk-font-override).page-id-78 .dk-home-hero .dk-hero-feature .elementor-icon-box-title :is(span,a),
  body:not(#dk-font-override).page-id-78 .dk-home-hero .dk-hero-feature .elementor-icon-box-description {
    font-size:13px!important;
  }
}

/* Homepage/mobile: align benefit separators to the icon/text anchors.
   Previous right-hand rule began 35% into the card, ~40px right of its
   icon and caption. Both horizontal rules now start at the corresponding
   content edge and use exactly the same length at every phone width. */
@media (max-width:767px) {
  body.page-id-78 .dk-home-hero .dk-hero-features {
    grid-auto-rows:minmax(120px,auto)!important;
    row-gap:30px!important;
    align-items:stretch!important;
  }
  body.page-id-78 .dk-home-hero .dk-hero-feature,
  body.page-id-78 .dk-home-hero .dk-hero-feature:nth-child(n+3) {
    min-height:120px!important;
  }
  body.page-id-78 .dk-home-hero .dk-hero-feature:nth-child(odd)::before {
    top:5px!important;
    bottom:auto!important;
    right:0!important;
    width:1px!important;
    height:86px!important;
    background:rgba(255,255,255,.32)!important;
  }
  body.page-id-78 .dk-home-hero .dk-hero-feature:nth-child(-n+2)::after {
    left:0!important;
    right:auto!important;
    width:min(110px,calc(100% - 28px))!important;
    bottom:0!important;
    height:1px!important;
    background:rgba(255,255,255,.38)!important;
  }
  body.page-id-78 .dk-home-hero .dk-hero-feature:nth-child(2)::after {
    left:18px!important; /* same inset as the right-hand icon and caption */
    right:auto!important;
  }
}
@media (max-width:359px) {
  body.page-id-78 .dk-home-hero .dk-hero-feature:nth-child(2)::after {
    left:12px!important; /* matches the narrower right-hand card padding */
  }
}