/* KADIU V12 — focused responsive practice-list correction and photographic overlay tuning.
 * This layer is deliberately loaded last. No content / Elementor templates are overwritten. */

/* Photographic sections: remove the prior double-darkening and let the imagery be seen.
   Overlay remains strongest behind text, while the other side shows the photograph. */
body.kadiu-wordpress .hero .hero-media .hero-img {
  opacity: 1 !important;
  filter: saturate(.94) brightness(.96) contrast(1.02) !important;
}
body.kadiu-wordpress .hero.kadiu-v9-hero .hero-media .hero-tint {
  opacity: 1 !important;
  background: linear-gradient(90deg, rgba(3,31,39,.76) 0%, rgba(3,31,39,.62) 42%, rgba(3,31,39,.30) 77%, rgba(3,31,39,.20) 100%) !important;
}
body.kadiu-wordpress .hero.kadiu-v9-home .hero-media .hero-tint {
  background: linear-gradient(90deg, rgba(3,31,39,.74) 0%, rgba(3,31,39,.57) 45%, rgba(3,31,39,.24) 78%, rgba(3,31,39,.15) 100%) !important;
}
/* Legacy pages imported before the V9 migration use the same clarity treatment. */
body.kadiu-wordpress .hero:not(.kadiu-v9-hero) .hero-media .hero-tint {
  opacity: 1 !important;
  background: linear-gradient(90deg, rgba(3,31,39,.78) 0%, rgba(3,31,39,.64) 52%, rgba(3,31,39,.35) 100%) !important;
}
body.kadiu-wordpress .section.has-bg > .sec-bg img {
  opacity: 1 !important;
  filter: saturate(.89) brightness(.95) !important;
}
body.kadiu-wordpress .section.has-bg .sec-bg-pin .sec-bg-tint {
  opacity: 1 !important;
  background: rgba(5,39,48,.69) !important;
  mix-blend-mode: normal !important;
  pointer-events: none !important;
}
body.kadiu-wordpress .section.has-bg .bg-practice .sec-bg-tint {
  background: linear-gradient(90deg,rgba(5,39,48,.67),rgba(5,39,48,.73) 55%,rgba(5,39,48,.79)) !important;
}
body.kadiu-wordpress .section.has-bg .bg-why .sec-bg-tint {
  background: rgba(5,39,48,.70) !important;
}
body.kadiu-wordpress .section.has-bg .bg-consult .sec-bg-tint {
  background: linear-gradient(90deg,rgba(5,39,48,.69),rgba(5,39,48,.75)) !important;
}
body.kadiu-wordpress .interlude-media img {
  opacity: .76 !important;
  filter: saturate(.88) brightness(.90) !important;
}
/* Strong, consistent text contrast, with all tint layers remaining below content. */
body.kadiu-wordpress .hero .hero-inner,
body.kadiu-wordpress .section.has-bg > :not(.sec-bg) {
  visibility: visible !important;
}
body.kadiu-wordpress .section.theme-dark.has-bg :is(.col-side h2,.col-side .body,.pa-title,.pa-desc) {
  text-shadow: 0 2px 14px rgba(1,20,26,.25);
}

/* Core bug: V10 applied position:relative to .col-side.sticky at <=680px but
   left its top: calc(--header-h + 58px) in place. The visual offset pushed the
   introductory text directly on top of the first service row. Tablets were
   even worse because the side column remained position:sticky. */
@media (max-width: 1024px) {
  body.kadiu-wordpress #practice-areas.kadiu-practices {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    padding-block: clamp(70px, 9vw, 110px) !important;
    gap: 0 !important;
  }
  body.kadiu-wordpress #practice-areas.kadiu-practices > .sec-head {
    display:flex !important;
    width:100% !important;
    flex:0 0 auto !important;
    margin:0 0 clamp(30px,6vw,52px) !important;
  }
  body.kadiu-wordpress #practice-areas.kadiu-practices > .col-side.sticky {
    display:flex !important;
    flex-direction:column !important;
    position:static !important;
    top:auto !important;
    bottom:auto !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    align-self:stretch !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 0 clamp(30px,5vw,55px) !important;
    padding:0 !important;
    gap:clamp(14px,2.5vw,22px) !important;
    flex:0 0 auto !important;
  }
  body.kadiu-wordpress #practice-areas.kadiu-practices .col-side h2 {
    margin:0 !important;
    font-size:clamp(38px,5.6vw,60px) !important;
    line-height:1.12 !important;
    overflow-wrap:break-word;
  }
  body.kadiu-wordpress #practice-areas.kadiu-practices .col-side .body {
    margin:0 !important;
    font-size:clamp(15px,1.75vw,18px) !important;
    line-height:1.72 !important;
    max-width:740px !important;
  }
  body.kadiu-wordpress #practice-areas.kadiu-practices .col-side .text-link {
    position:relative !important;
    top:auto !important;
    margin:0 !important;
  }
  body.kadiu-wordpress #practice-areas.kadiu-practices > .col-list {
    display:block !important;
    position:static !important;
    top:auto !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    flex:0 0 auto !important;
  }
  body.kadiu-wordpress #practice-areas.kadiu-practices .col-list > li {
    display:block !important;
    position:relative !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }
  body.kadiu-wordpress #practice-areas.kadiu-practices .pa.kadiu-pa-with-thumb {
    display:grid !important;
    grid-template-columns:26px clamp(75px,10vw,100px) minmax(0,1fr) !important;
    gap:clamp(11px,1.7vw,18px) !important;
    align-items:center !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:clamp(18px,2vw,26px) 0 !important;
    box-sizing:border-box !important;
    text-decoration:none !important;
  }
  body.kadiu-wordpress #practice-areas.kadiu-practices .pa-thumb {
    display:block !important;
    width:100% !important;
    aspect-ratio:1 / 1 !important;
    height:auto !important;
    overflow:hidden !important;
    margin:0 !important;
  }
  body.kadiu-wordpress #practice-areas.kadiu-practices .pa-thumb img {
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
  body.kadiu-wordpress #practice-areas.kadiu-practices .pa-text {
    min-width:0 !important;
    width:auto !important;
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    overflow-wrap:break-word !important;
  }
  body.kadiu-wordpress #practice-areas.kadiu-practices .pa-title {
    font-size:clamp(21px,2.7vw,29px) !important;
    line-height:1.18 !important;
  }
  body.kadiu-wordpress #practice-areas.kadiu-practices .pa-desc {
    font-size:clamp(13px,1.5vw,15px) !important;
    line-height:1.55 !important;
  }
  body.kadiu-wordpress #practice-areas.kadiu-practices .pa-num {
    padding-top:0 !important;
    align-self:center !important;
  }
  body.kadiu-wordpress #practice-areas.kadiu-practices .kadiu-pa-arrow { display:none !important; }
}
@media (max-width: 680px) {
  body.kadiu-wordpress #practice-areas.kadiu-practices {
    padding-block:64px 74px !important;
  }
  body.kadiu-wordpress #practice-areas.kadiu-practices > .sec-head {margin-bottom:30px !important;}
  body.kadiu-wordpress #practice-areas.kadiu-practices > .col-side.sticky {margin-bottom:32px !important;gap:16px !important;}
  body.kadiu-wordpress #practice-areas.kadiu-practices .col-side h2 {font-size:clamp(34px,8.7vw,47px) !important;}
  body.kadiu-wordpress #practice-areas.kadiu-practices .col-side .body {font-size:15px !important;line-height:1.66 !important;}
  body.kadiu-wordpress #practice-areas.kadiu-practices .pa.kadiu-pa-with-thumb {
    grid-template-columns:22px clamp(62px,19vw,78px) minmax(0,1fr) !important;
    gap:10px !important;
    padding:18px 0 !important;
  }
  body.kadiu-wordpress #practice-areas.kadiu-practices .pa-title {font-size:clamp(19px,5.2vw,23px) !important;line-height:1.18 !important;}
  body.kadiu-wordpress #practice-areas.kadiu-practices .pa-desc {font-size:12.5px !important;line-height:1.48 !important;}
  body.kadiu-wordpress #practice-areas.kadiu-practices .pa-num {font-size:11px !important;}
  body.kadiu-wordpress .hero.kadiu-v9-hero .hero-media .hero-tint {
    background:linear-gradient(180deg,rgba(3,31,39,.53) 0%,rgba(3,31,39,.65) 48%,rgba(3,31,39,.79) 100%) !important;
  }
  body.kadiu-wordpress .hero.kadiu-v9-home .hero-media .hero-tint {
    background:linear-gradient(180deg,rgba(3,31,39,.44) 0%,rgba(3,31,39,.61) 46%,rgba(3,31,39,.77) 100%) !important;
  }
  body.kadiu-wordpress .section.has-bg .sec-bg-pin .sec-bg-tint {
    background:rgba(5,39,48,.67) !important;
  }
  body.kadiu-wordpress .section.has-bg .bg-practice .sec-bg-tint {
    background:rgba(5,39,48,.73) !important;
  }
  body.kadiu-wordpress .section.has-bg .bg-why .sec-bg-tint {
    background:rgba(5,39,48,.68) !important;
  }
  body.kadiu-wordpress .section.has-bg .bg-consult .sec-bg-tint {
    background:rgba(5,39,48,.70) !important;
  }
}
@media (max-width: 360px) {
  body.kadiu-wordpress #practice-areas.kadiu-practices .pa.kadiu-pa-with-thumb {
    grid-template-columns:19px 58px minmax(0,1fr) !important;
    gap:8px !important;
  }
  body.kadiu-wordpress #practice-areas.kadiu-practices .pa-title {font-size:18px !important;}
  body.kadiu-wordpress #practice-areas.kadiu-practices .pa-desc {font-size:12px !important;}
}
/* Preserve title visibility when navigating to the practice anchor below the fixed header. */
body.kadiu-wordpress #practice-areas {scroll-margin-top:calc(var(--header-h) + 16px);}