/* =========================================================
   MTAA HOMEPAGE V14 — CLEAR, ROOMY MARKETPLACE LAYOUT
   Goal: business logos and names must be immediately identifiable.
   No database/application logic changed.
   ========================================================= */

:root{
  --v14-green:#087f4f;
  --v14-deep:#075c3b;
  --v14-ink:#10261e;
  --v14-muted:#687a72;
  --v14-line:#e4eee9;
  --v14-soft:#f5faf7;
  --v14-yellow:#f4c542;
  --v14-shadow:0 8px 24px rgba(16,38,30,.07);
}

body{background:#fff;color:var(--v14-ink)}

/* ---------- Shared section rhythm ---------- */
.home-section-heading{margin-bottom:22px!important}
.home-section-heading .heading-copy h2{font-size:1.35rem!important;line-height:1.2!important;letter-spacing:-.02em}
.home-section-heading .heading-copy p{font-size:.78rem!important;color:var(--v14-muted)!important}
.section-badge{font-size:.56rem!important;padding:5px 9px!important;border-radius:999px!important}
.section-view-all{font-size:.65rem!important}

/* ---------- Popular categories: more cards, more breathing room ---------- */
.category-section{padding:42px 0 34px!important}
.category-section .row{--bs-gutter-x:12px;--bs-gutter-y:12px}
.category-section .row > [class*="col-"]{width:11.111111%!important;flex:0 0 11.111111%!important;max-width:11.111111%!important}
.category-section .category-card{
  min-height:94px!important;
  padding:13px 8px!important;
  border:1px solid var(--v14-line)!important;
  border-radius:12px!important;
  box-shadow:0 5px 18px rgba(15,23,42,.035)!important;
}
.category-section .category-icon{font-size:16px!important;margin-bottom:7px!important}
.category-section .category-card h4{font-size:.66rem!important;line-height:1.2!important;margin-bottom:4px!important}
.category-section .category-card p{font-size:.48rem!important;margin:0!important}
.category-section .category-link{display:none!important}
.category-section > .container > .text-center:first-child{margin-bottom:24px!important}
.category-section .display-5{font-size:1.45rem!important}
.category-section .lead{font-size:.72rem!important}
.category-section > .container > .text-center:last-child{margin-top:18px!important}
.category-section > .container > .text-center:last-child .btn{font-size:.62rem!important;padding:7px 12px!important}

/* ---------- Find by need ---------- */
.discovery-strip{padding:34px 0!important;background:#fff!important}
.discovery-grid{gap:10px!important}
.discovery-tile{min-height:58px!important;padding:10px 12px!important;border:1px solid var(--v14-line)!important;border-radius:11px!important}
.discovery-tile strong{font-size:.62rem!important}
.discovery-tile small{font-size:.49rem!important}
.discovery-icon{width:30px!important;height:30px!important;font-size:12px!important}

/* ---------- Business of week + why MTAA ---------- */
.home-feature-row{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr)!important;
  gap:20px!important;
  max-width:1120px!important;
  margin:0 auto!important;
  padding:30px 12px 40px!important;
}
.home-feature-row > .business-week-section,
.home-feature-row > .why-mtaa{padding:0!important;margin:0!important;background:transparent!important}
.home-feature-row .container{max-width:none!important;padding:0!important}
.business-week-card{box-shadow:var(--v14-shadow)!important;border:1px solid var(--v14-line)!important;border-radius:14px!important;overflow:hidden!important}
.business-week-card .week-cover{min-height:245px!important}
.business-week-card .week-logo{width:66px!important;height:66px!important;border-radius:13px!important}
.business-week-card .week-content{padding:18px!important}
.business-week-card .week-left h2{font-size:1.2rem!important}
.business-week-card .week-description{font-size:.7rem!important;line-height:1.5!important}
.business-week-card .week-btn,.business-week-card .view-featured{font-size:.62rem!important}
.why-mtaa .home-section-heading{margin-bottom:12px!important}
.why-mtaa .home-section-heading .heading-copy h2{font-size:1.05rem!important}
.why-mtaa .why-grid{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
.why-mtaa .why-card{padding:12px!important;border:1px solid var(--v14-line)!important;border-radius:11px!important;box-shadow:0 4px 15px rgba(15,23,42,.035)!important}
.why-mtaa .why-icon{width:30px!important;height:30px!important;font-size:12px!important;margin-bottom:7px!important}
.why-mtaa .why-card h3{font-size:.68rem!important;margin-bottom:3px!important}
.why-mtaa .why-card p{font-size:.52rem!important;line-height:1.4!important;margin:0!important}

/* ---------- IMPORTANT: full-width business sections ---------- */
.home-marketplace-row{
  display:block!important;
  max-width:1120px!important;
  margin:0 auto!important;
  padding:0 12px 38px!important;
}
.home-marketplace-row > section{
  display:block!important;
  width:100%!important;
  padding:0!important;
  margin:0 0 34px!important;
  background:transparent!important;
}
.home-marketplace-row > section:last-child{margin-bottom:0!important}
.home-marketplace-row > section > .container{max-width:none!important;padding:0!important}
.home-marketplace-row .row{--bs-gutter-x:14px;--bs-gutter-y:14px}
.home-marketplace-row .row > [class*="col-"]{
  width:25%!important;flex:0 0 25%!important;max-width:25%!important;
}

/* ---------- The actual business cards ---------- */
.home-marketplace-row .business-card,
.trending-section .business-card,
.recent-section .business-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-width:0!important;
  background:#fff!important;
  border:1px solid var(--v14-line)!important;
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:var(--v14-shadow)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.home-marketplace-row .business-card:hover,
.trending-section .business-card:hover,
.recent-section .business-card:hover{transform:translateY(-2px)!important;box-shadow:0 14px 30px rgba(16,38,30,.11)!important}

.home-marketplace-row .card-image,
.trending-section .card-image{
  width:100%!important;
  height:175px!important;
  min-height:175px!important;
  aspect-ratio:auto!important;
  position:relative!important;
  overflow:hidden!important;
}
.home-marketplace-row .card-image img,
.trending-section .card-image img{width:100%!important;height:100%!important;object-fit:cover!important}
.home-marketplace-row .card-logo,
.trending-section .card-logo{
  position:absolute!important;
  z-index:4!important;
  left:13px!important;
  bottom:13px!important;
  top:auto!important;
  width:58px!important;
  height:58px!important;
  margin:0!important;
  padding:4px!important;
  border:2px solid #fff!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 5px 15px rgba(15,23,42,.16)!important;
}
.home-marketplace-row .card-logo img,
.trending-section .card-logo img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:9px!important;background:#fff!important}
.home-marketplace-row .card-body,
.trending-section .card-body{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-width:0!important;
  padding:15px 14px 14px!important;
}
.home-marketplace-row .title-row h4,
.trending-section .title-row h4{
  font-size:.88rem!important;
  line-height:1.28!important;
  font-weight:800!important;
  margin:0!important;
  min-height:2.25em!important;
  overflow-wrap:anywhere!important;
}
.home-marketplace-row .text-muted.mb-2,
.trending-section .text-muted.mb-2{
  font-size:.59rem!important;
  line-height:1.3!important;
  margin:4px 0 7px!important;
}
.home-marketplace-row .business-rating,
.trending-section .business-rating{font-size:.61rem!important;margin:0 0 5px!important}
.home-marketplace-row .business-rating small,
.trending-section .business-rating small{font-size:.52rem!important}
.home-marketplace-row .business-location,
.trending-section .business-location{font-size:.56rem!important;margin:0 0 7px!important}
.home-marketplace-row .text-muted.small,
.trending-section .text-muted.small{
  font-size:.54rem!important;
  line-height:1.45!important;
  min-height:3.0em!important;
  margin:0 0 9px!important;
}
.home-marketplace-row .quick-actions,
.trending-section .quick-actions{gap:6px!important;margin:0 0 8px!important}
.home-marketplace-row .quick-actions a,
.trending-section .quick-actions a{width:29px!important;height:29px!important;flex:0 0 29px!important;font-size:11px!important}
.home-marketplace-row .view-btn,
.trending-section .view-btn{margin-top:auto!important;width:100%!important;padding:7px 8px!important;font-size:.58rem!important;border-radius:7px!important}
.home-marketplace-row .featured-ribbon,
.home-marketplace-row .verified-badge,
.home-marketplace-row .home-card-status,
.trending-section .featured-ribbon,
.trending-section .verified-badge,
.trending-section .home-card-status{font-size:.52rem!important;padding:5px 7px!important}
.home-marketplace-row .featured-ribbon,
.trending-section .featured-ribbon{top:9px!important;left:9px!important}
.home-marketplace-row .verified-badge,
.trending-section .verified-badge{top:9px!important;right:9px!important}
.home-marketplace-row .home-card-status,
.trending-section .home-card-status{left:9px!important;bottom:9px!important}

/* ---------- Trending: full-width 4-up showcase ---------- */
.trending-section{padding:38px 0!important;background:var(--v14-soft)!important}
.trending-section .container{max-width:1120px!important}
.trending-section .row{--bs-gutter-x:14px;--bs-gutter-y:14px}
.trending-section .row > [class*="col-"]{width:25%!important;flex:0 0 25%!important;max-width:25%!important}
.trending-section .card-image{height:155px!important;min-height:155px!important}
.trending-section .card-logo{width:54px!important;height:54px!important}

/* ---------- Recently added: same readable cards, 4-up ---------- */
.recent-section{padding:38px 0!important;background:#fff!important}
.recent-section .container{max-width:1120px!important}
.recent-section .row{--bs-gutter-x:14px!important;--bs-gutter-y:14px!important}
.recent-section .row > [class*="col-"]{width:25%!important;flex:0 0 25%!important;max-width:25%!important}
.recent-section .business-card{display:flex!important;flex-direction:column!important}
.recent-section .card-image{width:100%!important;height:120px!important;min-height:120px!important;aspect-ratio:auto!important}
.recent-section .card-logo,.recent-section .quick-actions,.recent-section .view-btn,.recent-section .image-overlay,.recent-section .featured-ribbon,.recent-section .verified-badge,.recent-section .home-card-status{display:block}
.recent-section .card-logo{display:none!important}
.recent-section .card-body{padding:12px!important}
.recent-section .title-row h4{font-size:.72rem!important;min-height:2.4em!important}
.recent-section .text-muted.mb-2,.recent-section .business-rating,.recent-section .business-location{font-size:.52rem!important}
.recent-section .text-muted.small{font-size:.49rem!important;min-height:2.7em!important}
.recent-section .quick-actions{display:flex!important}
.recent-section .view-btn{display:block!important}

/* ---------- Browse counties / stats / CTA ---------- */
.browse-counties{padding:38px 0!important}
.browse-counties .container{max-width:1120px!important}
.browse-counties .row{--bs-gutter-x:14px!important}
.browse-counties .col-lg-3{width:25%!important;flex:0 0 25%!important;max-width:25%!important}
.county-card{padding:16px!important;border-radius:12px!important}
.homepage-stats{padding:42px 0!important}
.homepage-stats .container{max-width:1120px!important}
.homepage-stats .stat-card{padding:20px 10px!important}
.homepage-cta{padding:38px 0!important}
.homepage-cta .container{max-width:1120px!important}

/* ---------- Responsive ---------- */
@media(max-width:1199.98px){
  .category-section .row > [class*="col-"]{width:20%!important;flex-basis:20%!important;max-width:20%!important}
  .home-feature-row{grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr)!important}
}
@media(max-width:991.98px){
  .category-section .row > [class*="col-"]{width:25%!important;flex-basis:25%!important;max-width:25%!important}
  .home-feature-row{grid-template-columns:1fr!important}
  .home-marketplace-row .row > [class*="col-"],
  .trending-section .row > [class*="col-"],
  .recent-section .row > [class*="col-"]{width:50%!important;flex-basis:50%!important;max-width:50%!important}
  .browse-counties .col-lg-3{width:50%!important;flex-basis:50%!important;max-width:50%!important}
}
@media(max-width:767.98px){
  .home-section-heading .heading-copy h2{font-size:1.15rem!important}
  .category-section .row > [class*="col-"]{width:33.333333%!important;flex-basis:33.333333%!important;max-width:33.333333%!important}
  .category-section .category-card{min-height:88px!important}
  .home-feature-row{padding-left:12px!important;padding-right:12px!important}
  .home-marketplace-row{padding-left:12px!important;padding-right:12px!important}
  .home-marketplace-row .row > [class*="col-"],
  .trending-section .row > [class*="col-"],
  .recent-section .row > [class*="col-"]{width:50%!important;flex-basis:50%!important;max-width:50%!important}
  .home-marketplace-row .card-image,.trending-section .card-image{height:150px!important;min-height:150px!important}
  .home-marketplace-row .card-logo,.trending-section .card-logo{width:52px!important;height:52px!important}
  .home-marketplace-row .title-row h4,.trending-section .title-row h4{font-size:.78rem!important}
  .browse-counties .col-lg-3{width:100%!important;flex-basis:100%!important;max-width:100%!important}
}
@media(max-width:480px){
  .category-section .row > [class*="col-"]{width:50%!important;flex-basis:50%!important;max-width:50%!important}
  .home-marketplace-row .row > [class*="col-"],
  .trending-section .row > [class*="col-"],
  .recent-section .row > [class*="col-"]{width:100%!important;flex-basis:100%!important;max-width:100%!important}
  .home-marketplace-row .card-image,.trending-section .card-image{height:190px!important;min-height:190px!important}
  .home-marketplace-row .card-logo,.trending-section .card-logo{width:62px!important;height:62px!important}
}