/*
Same Day Mitigation Platform
Milestone: v3.2 North Texas Location Authority
Dependencies: /assets/css/sdm-core.css
*/

.location-hero {
  background:
    linear-gradient(120deg, rgba(247,251,254,.99), rgba(234,246,255,.97) 52%, rgba(255,243,229,.98)),
    radial-gradient(circle at 84% 12%, rgba(242,140,40,.2), transparent 34%);
}
.location-hero .sdm-hero__grid { min-height: 41rem; }

.location-card { border-top:.45rem solid var(--sdm-orange-600); }
.location-card ul { display:grid; gap:.7rem; margin:1rem 0 1.4rem; padding:0; list-style:none; }
.location-card li { position:relative; padding-left:1.55rem; color:var(--sdm-navy-800); font-weight:750; }
.location-card li::before { content:"✓"; position:absolute; left:0; color:var(--sdm-green-700); font-weight:950; }

.location-strip { background:var(--sdm-navy-800); color:#fff; }
.location-strip__grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); }
.location-strip__grid div {
  min-height:6rem; display:grid; place-content:center; gap:.2rem; padding:1rem;
  border-right:1px solid rgba(255,255,255,.14); text-align:center;
}
.location-strip__grid div:last-child { border-right:0; }
.location-strip strong { color:var(--sdm-orange-600); }
.location-strip span { color:#d5e2ea; font-size:.82rem; }

.city-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.city-card { min-height:19rem; display:flex; flex-direction:column; }
.city-card p { flex:1; }
.city-card a { margin-top:1rem; font-weight:900; text-decoration:none; }

.local-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.local-card { min-height:17rem; }

.location-panel {
  display:grid; grid-template-columns:1fr 1fr; gap:2rem; padding:2rem;
  border-radius:var(--sdm-radius-xl); background:var(--sdm-navy-800); color:#fff;
}
.location-panel .sdm-title,.location-panel h3 { color:#fff; }
.location-panel p { color:#d5e2ea; }
.location-list { display:grid; gap:.8rem; }
.location-list div { padding:1rem; border:1px solid rgba(255,255,255,.15); border-radius:var(--sdm-radius-md); background:rgba(255,255,255,.06); }
.location-list strong { display:block; margin-bottom:.2rem; }

.property-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.property-card { min-height:15rem; }

.service-links { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.service-links a {
  min-height:10.5rem; display:flex; flex-direction:column; justify-content:flex-end;
  padding:1.3rem; border-radius:var(--sdm-radius-lg);
  background:linear-gradient(150deg,var(--sdm-navy-800),var(--sdm-navy-700));
  color:#fff; text-decoration:none; box-shadow:var(--sdm-shadow-sm);
}
.service-links span { color:#9ed8ff; font-size:.74rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.service-links strong { margin-top:.4rem; font-size:1.03rem; line-height:1.25; }

.service-area-list {
  columns:3; column-gap:2rem; margin:1.5rem 0 0; padding:0; list-style:none;
}
.service-area-list li { break-inside:avoid; margin:.4rem 0; }
.service-area-list a { font-weight:750; text-decoration:none; }

.local-note {
  padding:1.35rem; border-left:.35rem solid var(--sdm-orange-600);
  border-radius:0 var(--sdm-radius-md) var(--sdm-radius-md) 0;
  background:var(--sdm-orange-100); color:#654a30;
}

@media(max-width:68rem){
  .location-strip__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .city-grid,.local-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .property-grid,.service-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-area-list{columns:2}
}
@media(max-width:47.5rem){
  .location-strip__grid,.city-grid,.local-grid,.location-panel,.property-grid,.service-links{grid-template-columns:1fr}
  .location-strip__grid div{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}
  .location-strip__grid div:last-child{border-bottom:0}
  .service-area-list{columns:1}
}