/*
 * Round 18 (card 10472085809, Nathan's Loom 2026-11-10), the footer (layout.blade.php):
 * 1. Find Us starts with the address, phone and Get Directions; the property's footer text (.sb-foot-about) sits under
 *    the Site Map and Resident Services lists, across both. Named grid areas; the second row takes the slack, so a
 *    tall open form never pushes the text away from the lists.
 * 2. While a reason is open (.is-choosing, set by the layout's script) the three left columns narrow and Contact Us
 *    gets about half the footer, 1200px and wider only. Phones stay one column.
 * Theme-wide (every Sunburst property); nothing here is property-specific.
 */
footer .foot-top.sb-foot{grid-template-columns:1fr 1fr 1.25fr 2fr;grid-template-areas:"map res find form" "about about find form";grid-template-rows:auto 1fr;row-gap:28px}
footer .foot-top.sb-foot.no-form{grid-template-columns:1.1fr 1.1fr 1.6fr;grid-template-areas:"map res find" "about about find"}
footer .foot-top.sb-foot > .sb-foot-map{grid-area:map}
footer .foot-top.sb-foot > .sb-foot-res{grid-area:res}
footer .foot-top.sb-foot > .sb-foot-about{grid-area:about;align-self:start;margin:0;max-width:640px;line-height:1.7}
footer .foot-top.sb-foot > .sb-foot-find{grid-area:find}
footer .foot-top.sb-foot > .sb-foot-form{grid-area:form;min-width:0}
footer .foot-top.sb-foot > *{min-width:0}

@media (min-width:1101px) and (max-width:1199px){
  /* Four columns but tight: Resident Services gets the room to stay one line (the even 1fr split wrapped it at 1101-1199). */
  footer .foot-top.sb-foot{grid-template-columns:.9fr 1.1fr 1.15fr 2fr}
}
@media (min-width:1200px){
  /* Contact Us ~46% of the footer at 1440; Resident Services and the address line still fit on one line. From 1200px
     only: at 1101-1199 the left columns would be too tight, so the form keeps its usual column there. */
  footer .foot-top.sb-foot.is-choosing{grid-template-columns:.65fr .95fr 1.05fr 2.85fr;column-gap:24px}
}

@media (max-width:1100px){
  footer .foot-top.sb-foot{grid-template-columns:1fr 1fr;grid-template-areas:"map res" "about about" "find find" "form form";grid-template-rows:none}
  footer .foot-top.sb-foot.no-form{grid-template-columns:1fr 1fr;grid-template-areas:"map res" "about about" "find find"}
}
@media (max-width:640px){
  footer .foot-top.sb-foot{grid-template-columns:1fr;grid-template-areas:"map" "res" "about" "find" "form";row-gap:36px}
  footer .foot-top.sb-foot.no-form{grid-template-columns:1fr;grid-template-areas:"map" "res" "about" "find"}
}