/* =========================================================
   SmartSetupUAE TRUE FINAL: content order + compact hero + mobile footer
   ========================================================= */

/* Footer must never appear before main content */
head footer{display:none!important}
body > footer,
body > .site-footer,
body > .footer{
  clear:both!important;
  position:relative!important;
  z-index:2!important;
  margin-top:0!important;
}

/* Homepage: reduce desktop hero size so more information is visible */
@media (min-width:900px){
  body.ss-home .hero,
  body .hero:first-of-type{
    min-height:calc(100vh - 64px)!important;
    padding-top:24px!important;
    padding-bottom:20px!important;
    align-items:center!important;
  }

  body.ss-home .hero-inner,
  body .hero:first-of-type .hero-inner{
    gap:38px!important;
    align-items:center!important;
  }

  body.ss-home .hero h1,
  body .hero:first-of-type h1{
    font-size:clamp(32px,2.75vw,44px)!important;
    line-height:1.07!important;
    letter-spacing:-.035em!important;
    margin-bottom:12px!important;
  }

  body.ss-home .hero p,
  body .hero:first-of-type p{
    font-size:clamp(14px,1vw,16px)!important;
    line-height:1.45!important;
    margin-bottom:14px!important;
  }

  body.ss-home .finder-card,
  body .hero:first-of-type .finder-card{
    width:380px!important;
    flex:0 0 380px!important;
    padding:20px!important;
    border-radius:18px!important;
  }

  body.ss-home .finder-card h2,
  body .hero:first-of-type .finder-card h2{
    font-size:20px!important;
    line-height:1.15!important;
  }

  body.ss-home .finder-card input,
  body.ss-home .finder-card select,
  body .hero:first-of-type .finder-card input,
  body .hero:first-of-type .finder-card select{
    height:40px!important;
    min-height:40px!important;
    font-size:13px!important;
  }

  body.ss-home .finder-card button,
  body .hero:first-of-type .finder-card button{
    min-height:42px!important;
    font-size:14px!important;
  }
}

/* Mobile footer: stacked, complete, no cutoff */
@media (max-width:768px){
  footer,
  .site-footer,
  .footer{
    padding:30px 20px 92px!important;
    width:100%!important;
    overflow:hidden!important;
  }

  footer > div,
  footer .container,
  .site-footer > div,
  .footer > div{
    width:100%!important;
    max-width:100%!important;
  }

  footer div[style*="grid-template-columns"],
  footer .footer-grid,
  .site-footer div[style*="grid-template-columns"],
  .footer div[style*="grid-template-columns"]{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:22px!important;
  }

  footer p,
  footer a,
  footer li,
  .site-footer p,
  .site-footer a,
  .footer p,
  .footer a{
    font-size:13px!important;
    line-height:1.45!important;
    white-space:normal!important;
    word-break:normal!important;
  }

  footer a,
  .site-footer a,
  .footer a{
    display:block!important;
    margin:0 0 9px!important;
    max-width:100%!important;
  }

  /* mobile hero text compact */
  body.ss-home .hero h1,
  body .hero:first-of-type h1{
    font-size:clamp(28px,7.5vw,38px)!important;
    line-height:1.08!important;
  }

  body.ss-home .hero,
  body .hero:first-of-type{
    padding-top:26px!important;
    padding-bottom:26px!important;
    min-height:auto!important;
  }
}

/* No duplicate country code selectors */
.ss-country-code{display:none!important}
.phone-row select + select,
.ss-single-phone-row select + select,
.ss-phone-row select + select{display:none!important}
.phone-row input,
.ss-single-phone-row input,
.ss-phone-row input{min-width:0!important}

/* Industry cards and 3-step process mobile */
@media(max-width:768px){
  .sector-grid,.industry-grid,.recommendations-grid,.usecase-grid,
  section div[style*="grid-template-columns:repeat(4"],
  section div[style*="grid-template-columns: repeat(4"]{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .process-grid,.steps-grid,.how-grid,
  section div[style*="grid-template-columns:repeat(3"],
  section div[style*="grid-template-columns: repeat(3"]{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
}

/* Floating buttons less intrusive */
@media(max-width:768px){
  .whatsapp-float,.wa-float,[class*="whatsapp"]{
    right:74px!important;
    bottom:18px!important;
    transform:scale(.78)!important;
    transform-origin:bottom right!important;
  }
  .chatbot-widget,.chat-widget,.advisor-widget{
    right:14px!important;
    bottom:18px!important;
    transform:scale(.78)!important;
    transform-origin:bottom right!important;
  }
}