/* TORKLAW Redesign v2.9 — mobile fixes and new-page styles. Loaded after wordpress.css on redesigned pages. */

/* Offices: state buttons fit their text; panel fits its content (desktop) */
.tl-offices-index-page .tl-v28-hero a[href^="#state-"]{text-align:center}
.tl-offices-index-page .tl-v28-hero > div:last-child{align-self:start}

/* Results page */
.tl-results-page .tl-result-card{min-width:0}
.tl-results-page .tl-result-featured{grid-column:span 2}
@media (max-width:1024px){
  .tl-results-page .tl-results-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .tl-results-page .tl-results-filter-row > label:first-child{grid-column:1 / -1!important}
  .tl-results-page .tl-results-grid{grid-template-columns:1fr!important}
  .tl-results-page .tl-result-featured{grid-column:auto!important}
  .tl-results-page .tl-result-featured [style*="font-size: 64px"]{font-size:44px!important}
  .tl-results-page .tl-results-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:24px}
}

@media (max-width:1024px){
  /* 1. Reviews: smaller 4.8 with stars under it */
  .tl-reviews-page .tl-v28-hero [style*="align-items: baseline"]{flex-wrap:wrap;row-gap:8px}
  .tl-reviews-page .tl-v28-hero [style*="font-size: 96px"]{font-size:64px!important}
  /* 3. Offices: 3 state buttons per row */
  .tl-offices-index-page .tl-v28-hero [style*="repeat(3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .tl-offices-index-page .tl-v28-hero a[href^="#state-"]{font-size:12px!important;height:44px!important}
  /* 4. Practice Areas: 2 stat boxes per row */
  .tl-practice-areas-index-page .tl-v28-hero [style*="repeat(2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:640px){
  /* 3b. Offices on phones: 2 state buttons per row so "Massachusetts" fits */
  .tl-offices-index-page .tl-v28-hero [style*="repeat(3"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .tl-offices-index-page .tl-v28-hero a[href^="#state-"]{font-size:14px!important}
  /* 2. Hero buttons: full width, one per row */
  .tl-v28-page .tl-v28-hero [style*="display: flex; gap: 12px"]{flex-direction:column!important}
  .tl-v28-page .tl-v28-hero [style*="display: flex; gap: 12px"] > a{width:100%;justify-content:center;padding:0 16px!important;text-align:center}
  .tl-car-page .tl-hero-copy > div:has(> a[href^="tel:"]){flex-direction:column!important}
  .tl-car-page .tl-hero-copy > div:has(> a[href^="tel:"]) > a{width:100%;justify-content:center;padding:0 16px!important;text-align:center}
}

/* Claims and warning-sign tiles on Employment and Elder Abuse */
@media (max-width:640px){
  .tl-claims [style*="repeat(3"]{grid-template-columns:1fr!important}
}

/* Hero side tiles under the form (desktop only) */
.tl-hero-extras a:hover{border-color:#FFFFFF!important}
@media (max-width:1024px){
  .tl-hero-extras{display:none!important}
  .tl-results-page .tl-results-side{margin-top:24px}
}

/* About timeline: 8 milestones in one row on wide screens, 4 per row on small laptops */
@media (min-width:1025px) and (max-width:1280px){
  .tl-firm-v301 .v301-timeline-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .tl-firm-v301 .v301-leadership .v301-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* v3.0 city pages */
.tl-city-page .tl-city-form{align-self:start}
.tl-city-page .tl-v28-directions-reviews iframe{max-width:100%}
@media (max-width:1024px){
  .tl-city-page .tl-v28-hero > div{grid-column:1 / -1!important;grid-row:auto!important;padding-right:0!important}
  .tl-city-page .tl-v28-hero [style*="repeat(2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .tl-city-page .tl-v28-local-team [style*="repeat(4"],.tl-city-page .tl-v28-local-team [style*="repeat(3"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .tl-city-page .tl-v28-local-practice-areas [style*="repeat(5"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .tl-city-page .tl-v28-promises{height:auto!important;padding-top:16px!important;padding-bottom:16px!important;row-gap:10px}
}