/**
 * Digital Kreativ shared header + footer — approved homepage visual system.
 * Page 78 remains unchanged. Other WordPress pages use the same header
 * logo, desktop navigation sizes and footer geometry; mobile footer parity
 * follows the homepage reference. No changes to page content or forms.
 */
@media (min-width:1101px) {
  /* On inner pages keep the header in document flow to avoid covering a
     non-hero page heading; retain the same 128px desktop visual geometry. */
  body:not(.page-id-78) .dk2026-header {
    position:relative!important;
    z-index:95!important;
    width:100%!important;
    background:transparent!important;
    font-size:16.6667px;
  }
body:not(.page-id-78) .dk2026-header .dk2026-main {
    
    background: linear-gradient(
      180deg,
      rgba(1, 13, 19, .72) 0%,
      rgba(1, 13, 19, .54) 46%,
      rgba(1, 13, 19, .27) 78%,
      rgba(1, 13, 19, .10) 100%
    );
    border-bottom: 0;
  }

body:not(.page-id-78) .dk2026-header .dk2026-main-inner {
    width: 100%;
    max-width: 1500px;
    position: relative;
    min-height: 108px;
    padding: 12px clamp(40px, 4.9333vw, 74px) 0;
    justify-content: space-between;
    gap: 0;
  }

body:not(.page-id-78) .dk2026-header .dk2026-brand {
    flex: 0 0 clamp(185px, 15.8vw, 237px);
    width: clamp(185px, 15.8vw, 237px);
    min-height: 38px;
  }

body:not(.page-id-78) .dk2026-header .dk2026-logo-image {
    width: 100% !important;
    height: auto !important;
  }

/* Center the four main links, keeping the contact CTA anchored to the right. */
body:not(.page-id-78) .dk2026-header .dk2026-nav {
    position: absolute;
    inset: 12px 0 0;
    display: flex;
    width: 100%;
    min-width: 0;
    justify-content: center;
    pointer-events: none;
  }

body:not(.page-id-78) .dk2026-header .dk2026-nav-list {
    position: relative;
    width: 100%;
    height: 96px;
    gap: clamp(38px, 4.0667vw, 61px);
    justify-content: center;
    pointer-events: none;
  }

body:not(.page-id-78) .dk2026-header .dk2026-nav-list > li {
    pointer-events: auto;
  }

body:not(.page-id-78) .dk2026-header .dk2026-nav-list > li > a {
    font: 400 clamp(12.8px, 1.1111vw, 16.6667px)/1 'Poppins', Arial, sans-serif !important;
    color: #ffffff !important;
    min-height: 44px;
    letter-spacing: 0;
  }

body:not(.page-id-78) .dk2026-header .dk2026-nav-list > li.current-menu-item > a:not([href*="#"]),
  body:not(.page-id-78) .dk2026-header .dk2026-nav-list > li.current_page_item > a:not([href*="#"]) {
    color: #ffffff !important;
  }

body:not(.page-id-78) .dk2026-header .dk2026-nav-list > li.current-menu-item:not(.dkh-menu-cta) > a:not([href*="#"])::after,
  body:not(.page-id-78) .dk2026-header .dk2026-nav-list > li.current_page_item:not(.dkh-menu-cta) > a:not([href*="#"])::after {
    left: 50%;
    right: auto;
    top: calc(50% + 25px);
    bottom: auto;
    width: 25px;
    height: 3px;
    transform: translateX(-50%);
    border-radius: 0;
  }

body:not(.page-id-78) .dk2026-header .dk2026-nav-list > li.menu-item-53 > a {
    text-transform: capitalize;
  }

body:not(.page-id-78) .dk2026-header .dk2026-nav-list > li.dkh-menu-cta {
    position: absolute;
    right: clamp(40px, 4.9333vw, 74px);
    margin-left: 0 !important;
  }

body:not(.page-id-78) .dk2026-header .dk2026-nav-list > li.dkh-menu-cta > a {
    width: clamp(145px, 11.2667vw, 169px);
    height: 48px;
    min-height: 48px;
    justify-content: space-between;
    gap: 0;
    padding: 0 clamp(16px, 1.6667vw, 25px) !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #3edfd0 !important;
    color: #000000 !important;
    box-shadow: none;
    font: 400 clamp(12.8px, 1.1111vw, 16.6667px)/1 'Poppins', Arial, sans-serif !important;
  }

body:not(.page-id-78) .dk2026-header .dk2026-nav-list > li.dkh-menu-cta > a::after {
    content: '';
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(-45deg);
    font-size: 0;
    line-height: 0;
  }

}
@media (max-width:767px) {
  /* The homepage mobile footer uses different spacing and icons from the
     base footer.css; share its approved layout with inner pages. */
  body:not(.page-id-78) {
    --dk-mobile-gutter:19px;
  }
  /* Same final mobile footer geometry and icons as the homepage.
     The homepage inherits base footer.css !important dimensions plus the
     approved mobile font/rhythm styles; avoid the former inner-page-only
     44px circular icon wrappers and conflicting column measurements. */
  body:not(.page-id-78) .dkf-editorial .dkf-in {
    padding:48px 30px 28px!important;
  }
  body:not(.page-id-78) .dkf-editorial .dkf-cols {
    display:grid!important;
    grid-template-columns:minmax(240px,1.3fr) 1fr 1fr!important;
    gap:40px 36px!important;
    padding-bottom:46px!important;
  }
  body:not(.page-id-78) .dkf-editorial .dkf-brand {
    width:230px!important;
  }
  body:not(.page-id-78) .dkf-editorial .dkf-description {
    max-width:330px!important;
    margin:17px 0 17px!important;
    font-size:12.5px!important;
    line-height:1.75!important;
  }
  body:not(.page-id-78) .dkf-editorial .dkf-social {
    display:flex!important;
    gap:17px!important;
    align-items:center!important;
  }
  body:not(.page-id-78) .dkf-editorial .dkf-social a {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 20px!important;
    width:20px!important;
    height:20px!important;
    min-width:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#fff!important;
  }
  body:not(.page-id-78) .dkf-editorial .dkf-social a.dkf-facebook{
    flex-basis:20px!important;
    width:20px!important;
  }
  body:not(.page-id-78) .dkf-editorial .dkf-social a.dkf-facebook svg {
    display:block!important;width:12px!important;height:20px!important;
  }
  body:not(.page-id-78) .dkf-editorial .dkf-social a:is(.dkf-instagram,.dkf-linkedin) svg {
    display:block!important;width:20px!important;height:20px!important;
  }
  body:not(.page-id-78) .dkf-editorial h3 {
    font:700 16.667px/1.25 'Playfair Display',Georgia,serif!important;
    margin-bottom:16px!important;
  }
  body:not(.page-id-78) .dkf-editorial :is(.dkf-description,.dkf-linklist a,.dkf-contact-line a) {
    font-family:'Poppins',Arial,sans-serif!important;
    font-size:12.5px!important;
    font-weight:300!important;
  }
  body:not(.page-id-78) .dkf-editorial .dkf-contact {
    padding-top:25px;
    border-top:1px solid rgba(62,223,208,.16);
  }
  body:not(.page-id-78) .dkf-editorial .dkf-bottom {
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:12px!important;
  }
  body:not(.page-id-78) .dkf-editorial .dkf-legal-list {
    flex-wrap:wrap!important;
    gap:10px!important;
  }

  /* Match the homepage logo/menu dimensions, with normal flow retained on
     inner pages whose hero components differ from the homepage. */
  body:not(.page-id-78) .dk2026-header .dk2026-main-inner {
    min-height:76px!important;
    padding-inline:20px!important;
  }
  body:not(.page-id-78) .dk2026-header .dk2026-brand,
  body:not(.page-id-78) .dk2026-header .dk2026-logo-image {
    flex-basis:min(49vw,190px)!important;
    width:min(49vw,190px)!important;
    max-width:190px!important;
  }
  body:not(.page-id-78) .dk2026-header .dk2026-mobile summary {
    border:0!important;
    background:transparent!important;
  }
  body:not(.page-id-78) .dk2026-header .dk2026-mobile[open] summary {
    border:1px solid rgba(62,223,208,.42)!important;
    background:rgba(0,20,24,.88)!important;
  }
}
@media(max-width:740px){
    body:not(.page-id-78) .dkf-editorial .dkf-in{
      padding:48px 24px 80px!important;
    }
    body:not(.page-id-78) .dkf-editorial .dkf-cols{
      grid-template-columns:repeat(2,minmax(0,1fr))!important;
      gap:38px 24px!important;
    }
    body:not(.page-id-78) .dkf-editorial .dkf-brand-col,
    body:not(.page-id-78) .dkf-editorial .dkf-contact{
      grid-column:1/-1!important;
    }
    body:not(.page-id-78) .dkf-editorial .dkf-description{
      max-width:480px!important;
    }
  }
@media(max-width:430px){
    body:not(.page-id-78) .dkf-editorial .dkf-in{
      padding:48px 19px 88px!important;
    }
    body:not(.page-id-78) .dkf-editorial .dkf-cols{
      gap:36px 18px!important;
    }
    body:not(.page-id-78) .dkf-editorial .dkf-brand{
      width:215px!important;
    }
  }