/* 408-LOCAL-1.8 — 408FARMERS Site Integration
 * Keeps Local discoverable on broad site and post-submission surfaces without
 * inserting perk content into active insurance intake or CoverageFit flows.
 */

/* Homepage Local module */
.site-local-module{
  width:min(1240px,calc(100% - 42px));
  margin-inline:auto;
  padding:104px 0;
  border-top:1px solid var(--line);
}
.site-local-module-inner{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
  gap:64px;
  align-items:center;
  padding:clamp(30px,4vw,52px);
  border-radius:26px;
  background:linear-gradient(145deg,#071f47,#0b356f);
  box-shadow:0 22px 60px rgba(4,26,59,.14);
  overflow:hidden;
  position:relative;
}
.site-local-module-inner:after{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  border-radius:50%;
  right:-170px;
  top:-180px;
  background:rgba(73,208,127,.12);
  pointer-events:none;
}
.site-local-module .section-kicker{color:#8de5ae}
.site-local-module h2{
  color:#fff;
  margin:13px 0 16px;
  font-size:clamp(2.5rem,4.6vw,4.7rem);
  line-height:.98;
  letter-spacing:-.055em;
  max-width:760px;
}
.site-local-module-copy>p{
  color:rgba(255,255,255,.76);
  font-size:1.05rem;
  line-height:1.72;
  max-width:700px;
  margin:0;
}
.site-local-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:26px}
.site-local-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 19px;
  border-radius:11px;
  background:#fff;
  color:#061f48;
  text-decoration:none;
  font-weight:900;
}
.site-local-text-link{color:#fff;text-decoration:none;font-weight:850}
.site-local-primary:hover,.site-local-text-link:hover{text-decoration:underline;text-underline-offset:4px}
.site-local-boundary{
  display:block;
  margin-top:18px;
  color:rgba(255,255,255,.62);
  font-size:.8rem;
  line-height:1.55;
}
.site-local-categories{
  position:relative;
  z-index:1;
  display:grid;
  gap:12px;
}
.site-local-categories article{
  padding:19px 20px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  background:rgba(255,255,255,.08);
}
.site-local-categories span{
  display:block;
  color:#8de5ae;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.7rem;
  font-weight:900;
}
.site-local-categories strong{display:block;color:#fff;margin-top:5px;font-size:1.08rem}

/* Homepage footer: add Local as a fourth, non-primary discovery column. */
.footer-links.footer-links--local-integrated{grid-template-columns:repeat(4,1fr)}

/* Post-submission Local value module. */
.post-submit-local{
  width:min(700px,100% - 40px);
  margin:0 auto 38px;
  padding:28px 30px;
  border:1px solid #dbe5ee;
  border-radius:18px;
  background:#fff;
  text-align:left;
  box-shadow:0 10px 34px rgba(4,26,59,.06);
}
.post-submit-local .post-submit-local-kicker{
  display:block;
  margin:0 0 8px;
  color:#0a5c2e;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:.72rem;
  font-weight:900;
}
.post-submit-local h2{
  margin:0 0 10px;
  color:#08285a;
  font-size:clamp(1.55rem,4vw,2.05rem);
  line-height:1.1;
  letter-spacing:-.035em;
}
.post-submit-local p{margin:0;color:#607086;line-height:1.65}
.post-submit-local a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  margin-top:18px;
  padding:0 17px;
  border:1px solid #cbd8e5;
  border-radius:10px;
  color:#08285a;
  background:#f8fbfd;
  text-decoration:none;
  font-weight:900;
}
.post-submit-local a:hover{background:#eef5fa}

/* Buyer receipt uses its own layout token but the same Local module. */
.buyer-thanks .post-submit-local{grid-column:1;margin-top:26px;margin-bottom:0;text-align:left}

@media(max-width:1000px){
  .site-local-module-inner{grid-template-columns:1fr;gap:34px}
  .footer-links.footer-links--local-integrated{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .site-local-module{padding:72px 0}
  .site-local-module-inner{padding:28px 22px;border-radius:21px}
  .site-local-actions{align-items:stretch}
  .site-local-actions a{width:100%;text-align:center}
  .footer-links.footer-links--local-integrated{grid-template-columns:1fr}
  .post-submit-local{width:min(700px,100% - 34px);padding:24px 21px}
}
@media(prefers-reduced-motion:reduce){
  .site-local-primary,.site-local-text-link,.post-submit-local a{scroll-behavior:auto}
}
