/* =========================================================================
   KCA FOOTER - MOBILE COMPACTION (Phase 2 Batch 1 v7)
   Replaces the duplicated inline "v13 mobile footer" block on every page.
   Desktop (>768px) is intentionally untouched - no rules outside the
   media queries below. Mobile target structure:
     Row 1  brand (logo + description + socials)   - full width
     Row 2  Quick Links | Our Services             - two columns
     Row 3  Contact Us (+ Book Now)                - full width
     Row 4  copyright + Privacy/Terms              - compact bottom bar
   All footer content/links preserved; no accordions; no JS.
   ========================================================================= */
@media(max-width:768px){
  footer{padding:30px 18px 16px}
  .ftr-top{grid-template-columns:1fr 1fr!important;gap:14px 10px;text-align:center;padding-bottom:16px;margin-bottom:14px}
  /* Row 1: brand spans both columns */
  .ftr-top>div:nth-child(1){grid-column:1/-1;margin:0 auto;width:100%;max-width:340px}
  .ftr-top img[alt*="KCA"]{margin-left:auto;margin-right:auto;height:44px!important}
  .ftr-desc{margin:8px auto 10px;max-width:320px;font-size:12px;line-height:1.5}
  .ftr-socials{justify-content:center;gap:8px}
  .ftr-soc{width:32px;height:32px}
  /* Row 2: the two link columns side by side */
  .ftr-top>.ftr-col:nth-child(2){grid-column:1;margin:0;width:100%}
  .ftr-top>.ftr-col:nth-child(3){grid-column:2;margin:0;width:100%}
  /* Row 3: contact spans both columns */
  .ftr-top>.ftr-col:nth-child(4){grid-column:1/-1;margin:0 auto;width:100%;max-width:340px}
  .ftr-col h3{margin-bottom:6px;font-size:10px}
  .ftr-col ul{padding:0;list-style:none;margin:0}
  .ftr-col ul li{padding:0}
  .ftr-col ul li a{display:inline-block;padding:4px 0;font-size:13px;line-height:1.35}
  .ftr-ci{justify-content:center;text-align:center;font-size:12.5px;padding:4px 0;overflow-wrap:break-word;word-break:break-word}
  .ftr-col:nth-child(4)>div[style*="margin-top"]{margin-top:10px!important}
  /* Row 4: compact bottom bar */
  .ftr-bot{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 14px;text-align:center;padding-top:2px}
  .ftr-bot p{font-size:11.5px;margin:0}
  .ftr-legal{justify-content:center;gap:16px}
  .ftr-legal a{font-size:12px;padding:6px 0}
}
/* Very narrow phones: fall back to a single column so nothing crowds */
@media(max-width:340px){
  .ftr-top{grid-template-columns:1fr!important}
  .ftr-top>.ftr-col:nth-child(2),.ftr-top>.ftr-col:nth-child(3){grid-column:1/-1;margin:0 auto;max-width:340px}
}