/* WalkoPet V123 — unified service cards + unified mobile bottom navigation. */

/* Service cards: same visual language on home, directory and recommendation sections. */
body.wp73 .wp75-service-grid .wp75-service-card,
body.wp73 .wp114-directory-grid .wp75-service-card,
body.wp73 .wp114-home-providers .wp75-service-card{
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  min-height:0!important;
  height:auto!important;
  padding:15px!important;
  border:1.5px solid #cbd8d1!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(30,66,51,.055)!important;
  color:#52605a!important;
}
body.wp73 .wp75-service-grid .wp75-service-card:hover,
body.wp73 .wp114-directory-grid .wp75-service-card:hover,
body.wp73 .wp114-home-providers .wp75-service-card:hover{
  border-color:#b8c9c0!important;
  box-shadow:0 10px 25px rgba(30,66,51,.075)!important;
}
body.wp73 .wp75-service-grid .wp75-service-card-icon,
body.wp73 .wp114-directory-grid .wp75-service-card-icon,
body.wp73 .wp114-home-providers .wp75-service-card-icon{
  width:72px!important;
  height:72px!important;
  border-radius:18px!important;
  background:#f2f5f3!important;
  box-shadow:inset 0 0 0 1px #e2e9e5!important;
}
body.wp73 .wp75-service-grid .wp75-service-card-icon img,
body.wp73 .wp114-directory-grid .wp75-service-card-icon img,
body.wp73 .wp114-home-providers .wp75-service-card-icon img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
body.wp73 .wp75-service-card-copy{min-width:0!important}
body.wp73 .wp75-service-card-copy>span{
  color:#5d7067!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.25!important;
}
body.wp73 .wp75-service-card-copy h2,
body.wp73 .wp75-service-card-copy h3,
body.wp73 .wp119-service-title{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  max-width:100%!important;
  margin:4px 0 6px!important;
  color:#394640!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1.18!important;
  letter-spacing:-.025em!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  text-overflow:ellipsis!important;
}
body.wp73 .wp75-service-card-copy h2 i,
body.wp73 .wp75-service-card-copy h3 i{
  display:inline-grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  margin-left:4px!important;
  border-radius:50%!important;
  background:#2f9a70!important;
  color:#fff!important;
  font-size:11px!important;
  font-style:normal!important;
  vertical-align:middle!important;
}
body.wp73 .wp75-service-card-copy p{
  margin:0!important;
  color:#7a817e!important;
  font-size:14px!important;
  line-height:1.35!important;
}
body.wp73 .wp114-card-price{
  margin-top:7px!important;
  color:#52625a!important;
  font-size:13px!important;
  font-weight:800!important;
}
body.wp73 .wp114-card-trust{
  margin-top:7px!important;
  color:#7a827e!important;
  font-size:12.5px!important;
}
body.wp73 .wp114-card-trust b{color:#6e746f!important}
body.wp73 .wp75-service-card-copy strong{
  margin-top:11px!important;
  color:#258362!important;
  font-size:14px!important;
  font-weight:800!important;
}
body.wp73 .wp75-service-card-copy strong b{color:inherit!important}

/* Bottom app navigation: identical palette in business and customer browsing modes. */
@media(max-width:780px){
  body.wp73 .mobile-bottom-nav,
  body.wp75 .mobile-bottom-nav,
  body.wp76 .mobile-bottom-nav,
  body.wp77 .mobile-bottom-nav{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    height:calc(70px + env(safe-area-inset-bottom))!important;
    padding:5px 7px env(safe-area-inset-bottom)!important;
    border-top:1px solid #d8e0dc!important;
    border-radius:0!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 -8px 24px rgba(31,65,51,.07)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  body.wp73 .mobile-bottom-nav a,
  body.wp73 .mobile-bottom-nav.has-business-return a,
  body.wp75 .mobile-bottom-nav a,
  body.wp76 .mobile-bottom-nav a,
  body.wp77 .mobile-bottom-nav a{
    min-width:0!important;
    height:59px!important;
    padding:6px 2px 5px!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#7a847f!important;
    transform:none!important;
  }
  body.wp73 .mobile-bottom-nav a>span,
  body.wp73 .mobile-bottom-nav.has-business-return a>span{
    color:#7a847f!important;
    font-size:19px!important;
    line-height:1!important;
  }
  body.wp73 .mobile-bottom-nav a small,
  body.wp73 .mobile-bottom-nav.has-business-return a small,
  body.wp73 .mobile-bottom-nav .wp115-business-return small{
    color:#737d78!important;
    font-size:9.5px!important;
    font-weight:750!important;
    line-height:1.05!important;
    letter-spacing:-.015em!important;
    white-space:nowrap!important;
  }
  body.wp73 .mobile-bottom-nav a.active:not(.mobile-create),
  body.wp75 .mobile-bottom-nav a.active:not(.mobile-create),
  body.wp76 .mobile-bottom-nav a.active:not(.mobile-create),
  body.wp77 .mobile-bottom-nav a.active:not(.mobile-create){
    background:#eef6f2!important;
    color:#247d5d!important;
  }
  body.wp73 .mobile-bottom-nav a.active:not(.mobile-create)>span,
  body.wp73 .mobile-bottom-nav a.active:not(.mobile-create) small{
    color:#247d5d!important;
  }
  body.wp73 .mobile-bottom-nav .wp115-business-return:not(.active),
  body.wp73 .mobile-bottom-nav .wp115-business-return:not(.active)>span,
  body.wp73 .mobile-bottom-nav .wp115-business-return:not(.active) small{
    color:#7a847f!important;
  }
  body.wp73 .mobile-bottom-nav a.active:after{display:none!important}

  /* Compact cards on phones, with clearly visible but soft outlines. */
  body.wp73 .wp75-service-grid .wp75-service-card,
  body.wp73 .wp114-directory-grid .wp75-service-card,
  body.wp73 .wp114-home-providers .wp75-service-card{
    grid-template-columns:68px minmax(0,1fr)!important;
    gap:12px!important;
    padding:14px!important;
    border-width:1.5px!important;
    border-color:#c8d6cf!important;
    border-radius:21px!important;
  }
  body.wp73 .wp75-service-grid .wp75-service-card-icon,
  body.wp73 .wp114-directory-grid .wp75-service-card-icon,
  body.wp73 .wp114-home-providers .wp75-service-card-icon{
    width:68px!important;
    height:68px!important;
    border-radius:17px!important;
  }
  body.wp73 .wp75-service-card-copy h2,
  body.wp73 .wp75-service-card-copy h3,
  body.wp73 .wp119-service-title{
    margin:3px 0 5px!important;
    font-size:16.5px!important;
    line-height:1.17!important;
    color:#3f4b46!important;
  }
  body.wp73 .wp75-service-card-copy p{font-size:13.5px!important;color:#7b827f!important}
  body.wp73 .wp75-service-card-copy>span{font-size:11.5px!important;color:#607168!important}
  body.wp73 .wp114-card-trust{font-size:12px!important;color:#7c8580!important}
  body.wp73 .wp75-service-card-copy strong{margin-top:9px!important;font-size:13.5px!important}
}
@media(max-width:390px){
  body.wp73 .mobile-bottom-nav a small,
  body.wp73 .mobile-bottom-nav.has-business-return a small{font-size:9px!important}
  body.wp73 .wp75-service-card-copy h2,
  body.wp73 .wp75-service-card-copy h3,
  body.wp73 .wp119-service-title{font-size:16px!important}
}