/* ============================================================================
   KLAW site CSS — merged 2026-08-05
   Absorbs the CSS that used to be injected at runtime by seven separate
   registered header scripts (klawcore3, klawmob1, klawmob23, hpfix,
   klawmob1b, klawmobilefix1, klaw_mobile_polish_v1). Blocks appear in the
   SAME ORDER those scripts ran, so the cascade is unchanged.
   Two deliberate changes, both marked inline:
     - klawmobilefix1 is now scoped to the homepage. It was hiding hero
       headline copy on ~20 interior pages.
     - klawcore3's JS width test became a media query.
   ============================================================================ */


/* ======== klawcore3 ======== */

*{font-display:swap!important}.wf-loading *,.wf-loading{visibility:visible!important;opacity:1!important}.klaw-section{scroll-margin-top:80px}.page-wrapper{overflow-x:clip}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(min-width:992px){.w-nav-menu{display:flex!important;align-items:center}}.mobile-cta-btn{display:none}@media(max-width:991px){.mobile-cta-btn{display:inline-block!important}}.klaw-section.hero{min-height:85vh;display:flex;align-items:center}.results-showcase{padding-top:100px!important}.klaw-cf{position:relative;transform:translateY(40px)}.lawyers-grid.w-dyn-items{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:24px!important}@media(max-width:991px){.lawyers-grid.w-dyn-items{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:567px){.lawyers-grid.w-dyn-items{grid-template-columns:1fr!important}}[style*="position:fixed"],[style*="position: fixed"],.w-nav{transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden}@media(min-width:992px){.nav-menu-two{margin-left:24px!important}}@media(max-width:767px){.klaw-hero{background:linear-gradient(180deg,#023A40,#011F22)!important}}

/* ======== klawmob1 ======== */

@media(max-width:991px){.w-nav-menu{display:none!important;position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100vh!important;background:rgba(1,30,34,.98)!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:20px!important;z-index:999!important;padding:80px 20px!important;overflow-y:auto!important}.w-nav-menu.w--open{display:flex!important}.w-nav-menu a{font-size:20px!important;color:#fff!important;text-align:center!important;padding:10px 0!important}.menu-button,.w-nav-button{display:flex!important;align-items:center;justify-content:center;z-index:1001!important;cursor:pointer;position:relative}.nav-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:998;background:rgba(0,0,0,.5)}.w-nav-menu.w--open~.nav-overlay{display:block}body>div:not([class]):not([id])[style*="fixed"]{display:none!important;width:0!important;height:0!important}.w-row{flex-wrap:wrap!important}.w-row .w-col{width:100%!important;flex:0 0 100%!important}}

/* ======== klawmob23 ======== */

@media(max-width:991px){.klaw-section{padding:36px 20px!important;overflow-x:clip}.klaw-marquee{font-size:14px;padding:8px 0}.klaw-hero-badge{font-size:12px;padding:6px 12px}.klaw-counter-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:16px}.klaw-cta-section{padding:30px 20px;text-align:center}.klaw-cta-section h2{font-size:24px}.klaw-section .w-button,.klaw-section a.button{width:100%;text-align:center;padding:14px 20px!important}.results-showcase,.w-tabs,.klaw-tab-pane,.w-tab-content,.w-dyn-list,.w-dyn-items,.lawyers-grid,.team-heading-wrapper,.klaw-social,.klaw-social-card{overflow-x:clip!important;max-width:100%!important}[class*="elfsight"]{overflow:hidden}.page-wrapper,.page-wrapper>*{overflow-x:clip}body{overflow-x:clip;overscroll-behavior:none;-webkit-overflow-scrolling:touch}}@media(max-width:767px){.klaw-hero .klaw-container.w-container{padding:80px 16px 16px}.klaw-hero h1,.klaw-hero h1 span{font-size:24px;margin-bottom:8px}.klaw-hero p{font-size:13px;margin-bottom:8px}.klaw-section{padding:30px 16px}.w-col{padding-left:0;padding-right:0}.w-layout-grid:not(.klaw-hero-bottom-grid){grid-template-columns:1fr;gap:12px}}@media(max-width:600px){.klaw-hero h1,.klaw-hero h1 span{font-size:22px}.klaw-section h2{font-size:19px}.ks-num{font-size:22px}.klaw-marquee-track{font-size:11px}.w-nav-brand,.w-nav-brand img{max-width:130px}.klaw-hero-bottom-grid{grid-template-columns:1fr}.k-law-stadistics{flex-direction:row;justify-content:center;font-size:12px}.klaw-ali-portrait{width:110px;height:110px}}

/* ======== hpfix ======== */

.klaw-cf{max-width:960px;margin:0 auto 48px!important;padding:32px 40px!important;background:rgba(1,30,34,.95)!important;border:2px solid rgba(196,164,81,.5);border-radius:16px}.klaw-cf input{border:1px solid rgba(196,164,81,.3)!important;border-radius:8px!important;background:rgba(255,255,255,.08)!important;color:#fff!important}.klaw-cf input:focus{border-color:#c4a451!important;outline:none!important}.w-tabs{max-width:100%!important}

/* ======== klawmob1b ======== */

.klaw-ali-portrait{display:none}@media(max-width:991px){.klaw-hero{flex-direction:column!important;min-height:auto!important;padding:0!important;align-items:stretch!important}.klaw-hero .klaw-container.w-container{width:100%!important;max-width:100%!important;padding:90px 20px 16px!important}.klaw-hero h1{font-size:28px!important;line-height:1.15!important;margin-bottom:8px!important}.klaw-hero h1 span{font-size:28px!important}.klaw-hero .klawhero-subheading{font-size:15px!important;line-height:1.4!important;margin-bottom:6px!important}.klaw-hero p{font-size:14px!important;line-height:1.5!important;margin-bottom:6px!important}.klaw-hero .button-5{font-size:26px!important;padding:10px 20px!important;margin:8px 0 0!important;display:block!important;text-align:center!important;line-height:1.2!important}.hero-bottom-content{width:100%!important;position:relative!important;padding:10px 20px!important}.hero-bottom-content .klaw-container{width:100%!important;max-width:100%!important;padding:0!important}.klaw-hero-bottom-grid{grid-template-columns:1fr 1fr 1fr!important;width:100%!important;gap:8px!important}.k-law-stadistics{font-size:11px!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:4px!important}.k-law-stadistics .klaw-icon{width:28px!important;height:28px!important}.klaw-ali-portrait{display:block!important;width:130px;height:130px;border-radius:50%;object-fit:cover;object-position:top;border:3px solid rgba(196,164,81,.6);margin:12px auto;box-shadow:0 4px 20px rgba(0,0,0,.3)}}

/* ======== klawmobilefix1 ======== */

@media (max-width:767px){html[data-wf-page="681d1a6378f9c274021419bb"] .klaw-hero p.klaw-hero-cta{font-size:0!important}html[data-wf-page="681d1a6378f9c274021419bb"] .klaw-hero p.klaw-hero-cta a{display:block!important;font-size:17px!important;text-align:center!important;padding:16px 24px!important}html[data-wf-page="681d1a6378f9c274021419bb"] .klaw-hero p.klaw-hero-cta a span{font-size:17px!important;color:#023A40!important;text-transform:capitalize!important;letter-spacing:.03em!important}html[data-wf-page="681d1a6378f9c274021419bb"] .klaw-hero .klaw-container a.button-5.w-button,html[data-wf-page="681d1a6378f9c274021419bb"] .klaw-hero a.button-5{display:none!important}}

/* ======== polish ======== */

.klaw-small-warning{max-width:none!important}@media (max-width:991px){a.footer-link,a.footer-link---contact{display:block!important;padding-top:7px!important;padding-bottom:7px!important}a[href^="tel:"],a[href^="mailto:"],a.bold-link,a.contact-link{padding-top:6px!important;padding-bottom:6px!important}a.kls-all-link,a.loc-office-link,a.loc-gold-link,a.results-cta-phone-link{display:inline-block!important;padding-top:9px!important;padding-bottom:9px!important}}.practice-area-card{cursor:pointer}

/* ---- klaw merge 2026-08-05: net-new fixes ---- */
/* T1: rich-text link lists were 16px tall (WCAG 2.5.8 needs 24px). Inline
   sentence links are excluded on purpose - the inline exception covers them. */
@media (max-width:991px){
  .w-richtext li > a:only-child,.rich-text-block li > a:only-child,
  ul li > a:only-child:not([class]){display:inline-block;padding-top:5px;padding-bottom:5px}
}
/* T2: footer legal copy was 11.2px. 12.5px is the readable floor on a phone. */
@media (max-width:991px){
  .footer-copy,.footer-copy p,.footer-copy a,.kcc-tx{font-size:12.5px!important;line-height:1.6!important}
}

/* T3: base.css carries `.klaw-hero-cta{font-size:0}` inside @media(max-width:767px).
   On the homepage that is deliberate - the paragraph wraps a link styled as a button.
   On every other page the paragraph is plain copy ("Get in touch today to learn how we
   can help you."), so on phones the whole line rendered at zero pixels. */
@media (max-width:767px){
  .klaw-hero-cta{font-size:15px;line-height:1.55}
  html[data-wf-page="681d1a6378f9c274021419bb"] .klaw-hero-cta{font-size:0}
}

/* T4: `.klaw-hero-cta.headline` is a hero sub-headline, but on phones it inherited
   klawmob1b's `.klaw-hero p{font-size:14px!important}` and rendered at exactly the
   same size as the body copy beneath it, so the hero had no type hierarchy at all.
   Specificity here (0,3,1 + !important) is what beats that rule. */
@media (max-width:991px){
  .klaw-hero p.klaw-hero-cta.headline,
  .hero-content p.klaw-hero-cta.headline{
    font-size:19px!important;line-height:1.3!important;margin-bottom:10px!important}
}

/* T5: the navbar is position:fixed and ~115px tall. /detroit, /marquette and
   /case-calculator never had a navbar above them, so their first heading sat
   underneath it once the shared chrome was added. .loc-hero exists only on the two
   location landing pages (/locations uses .loc-hero-1), so this does not touch it. */
.loc-hero{padding-top:140px}
.calc-wrapper{padding-top:140px}

/* T6: the 404 header wraps to three rows on a phone. Tighten it so the page content
   is not pushed most of a screen down. */
@media (max-width:767px){
  .k404-bar{padding-top:8px!important;padding-bottom:8px!important}
  .k404-logo{max-width:150px!important}
  .k404-links{column-gap:16px!important}
  .k404-link{font-size:14px!important;padding-top:6px!important;padding-bottom:6px!important}
  .k404-phone{font-size:15px!important;padding-top:6px!important;padding-bottom:6px!important}
}

/* T7 (2026-08-10): the step cards on /services/medical-malpractice rendered
   left-shifted with a dead column of whitespace on the right.
   ROOT CAUSE: `.klaw-container` is display:flex, and `.values-grid.services` is a
   flex item with auto width. A flex item does not stretch to the container's width —
   it sizes to its own content and sits at the flex-start edge. That is why the row
   stopped at ~1270px inside a 1600px container while the divider rule below it,
   an ordinary block child, spanned the full width.
   (It is NOT the four-column template. The fourth card carries Webflow's
   w-condition-invisible when CMS step-4 is empty, so it occupies no track.)
   width:100% makes the grid fill its container; the capped track keeps card width
   readable and centres the row. Four-card pages (/services/automotive-accident)
   still resolve to four ~388px columns exactly as before.
   Scoped to `.services` — /about-us and /become-a-partner use the bare
   `.values-grid` class and keep their own layout.
   The media rules also repair a specificity bug: the site's own responsive overrides
   target `.values-grid` (0,1,0) and always lost to `.values-grid.services` (0,2,0),
   so this grid stayed four-across at tablet width. */
.values-grid.services{width:100%;grid-template-columns:repeat(auto-fit,minmax(230px,420px));justify-content:center}
@media (max-width:991px){.values-grid.services{grid-template-columns:1fr 1fr}}
@media (max-width:767px){.values-grid.services{grid-template-columns:1fr}}