/* =========================================================
   MTAA HOMEPAGE V11 — BRANDING + DISCOVERY POLISH
   Presentation-only. No data or application logic changed.
   ========================================================= */

/* Business cards: make the logo feel like a real brand mark,
   not a floating profile photo. */
.home-business-card .card-logo{
    width:58px;
    height:58px;
    margin:-29px 0 0 18px;
    border-radius:15px;
    border:3px solid #fff;
    background:#fff;
    box-shadow:0 8px 22px rgba(15,23,42,.14);
    padding:5px;
}

.home-business-card .card-logo img{
    width:100%;
    height:100%;
    padding:0;
    border-radius:10px;
    object-fit:contain;
    object-position:center;
    background:#f8faf9;
}

.home-business-card .card-body{
    padding:12px 18px 18px;
}

.home-business-card .title-row h4{
    font-size:1.02rem;
    letter-spacing:-.015em;
}

.home-business-card .verified-badge{
    border-radius:999px;
    padding:5px 9px;
}

.home-business-card .featured-ribbon{
    border-radius:999px;
}

/* Give the card a clearer information hierarchy. */
.home-business-card .text-muted.small{
    min-height:2.8em;
    line-height:1.45;
}

/* Business of the week logo */
.week-logo{
    width:78px!important;
    height:78px!important;
    border-radius:18px!important;
    padding:7px!important;
    background:#fff!important;
    border:3px solid #fff!important;
    box-shadow:0 12px 28px rgba(15,23,42,.16)!important;
}

.week-logo img{
    width:100%!important;
    height:100%!important;
    border-radius:11px!important;
    object-fit:contain!important;
    background:#f8faf9!important;
}

/* Homepage section headers */
.home-section-heading{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:28px;
}
.home-section-heading .heading-copy{text-align:left}
.home-section-heading .heading-copy h2{
    margin:8px 0 5px;
    font-family:Poppins,sans-serif;
    font-size:1.65rem;
    font-weight:800;
    letter-spacing:-.035em;
    color:#10261e;
}
.home-section-heading .heading-copy p{
    margin:0;
    color:#64748b;
    font-size:.9rem;
}
.home-section-heading .section-view-all{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:9px 13px;
    border:1px solid #dbe7e1;
    border-radius:999px;
    color:#15803d;
    background:#fff;
    font-size:.78rem;
    font-weight:800;
    text-decoration:none;
}
.home-section-heading .section-view-all:hover{
    background:#f0fdf4;
    border-color:#bbf7d0;
}

/* Find-by-need discovery strip */
.discovery-strip{padding:68px 0;background:#f7faf8}
.discovery-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}
.discovery-tile{
    position:relative;
    display:flex;
    align-items:center;
    gap:13px;
    min-height:76px;
    padding:14px 16px;
    border:1px solid #e2ebe6;
    border-radius:17px;
    background:#fff;
    color:#18372b;
    text-decoration:none;
    box-shadow:0 5px 18px rgba(15,23,42,.035);
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.discovery-tile:hover{
    transform:translateY(-3px);
    border-color:#bbf7d0;
    box-shadow:0 12px 26px rgba(15,23,42,.08);
    color:#15803d;
}
.discovery-icon{
    width:42px;height:42px;flex:0 0 42px;
    display:grid;place-items:center;
    border-radius:13px;
    background:#f0fdf4;
    color:#15803d;
    font-size:17px;
}
.discovery-tile strong{display:block;font-size:.86rem;font-weight:800}
.discovery-tile small{display:block;margin-top:2px;color:#94a3b8;font-size:.7rem}
.discovery-tile i.arrow{margin-left:auto;color:#a3b8ad;font-size:11px}

/* Recently added */
.recent-section{padding:70px 0;background:#fff}

/* Trust/why MTAA */
.why-mtaa{padding:76px 0;background:#fff}
.why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.why-card{
    padding:24px 20px;
    border:1px solid #e6eee9;
    border-radius:18px;
    background:#fff;
    box-shadow:0 7px 24px rgba(15,23,42,.045);
}
.why-icon{
    width:44px;height:44px;
    display:grid;place-items:center;
    border-radius:13px;
    background:#ecfdf3;
    color:#15803d;
    font-size:18px;
    margin-bottom:16px;
}
.why-card h3{font-size:1rem;font-weight:800;color:#16372a;margin:0 0 7px}
.why-card p{font-size:.8rem;line-height:1.65;color:#64748b;margin:0}

@media(max-width:991.98px){
    .discovery-grid,.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767.98px){
    .home-section-heading{align-items:flex-start;margin-bottom:22px}
    .home-section-heading .heading-copy h2{font-size:1.35rem}
    .home-section-heading .heading-copy p{font-size:.82rem}
    .home-section-heading .section-view-all{font-size:.7rem;padding:8px 10px}
    .discovery-strip,.recent-section,.why-mtaa{padding:48px 0}
    .discovery-grid,.why-grid{grid-template-columns:1fr 1fr;gap:10px}
    .discovery-tile{min-height:68px;padding:11px 12px;gap:9px}
    .discovery-icon{width:36px;height:36px;flex-basis:36px;border-radius:10px;font-size:14px}
    .discovery-tile strong{font-size:.76rem}
    .discovery-tile small{font-size:.62rem}
    .home-business-card .card-logo{width:54px;height:54px;margin:-27px 0 0 15px;border-radius:14px}
    .home-business-card .card-logo img{border-radius:9px}
}
@media(max-width:420px){
    .discovery-grid{grid-template-columns:1fr}
    .why-grid{grid-template-columns:1fr}
    .home-section-heading .section-view-all{display:none}
}

/* Small status treatment on cover images */
.home-business-card .home-card-status{
    position:absolute;
    left:12px;
    bottom:12px;
    z-index:4;
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 9px;
    border-radius:999px;
    background:rgba(255,255,255,.94);
    color:#475569;
    font-size:.67rem;
    font-weight:800;
    box-shadow:0 5px 14px rgba(15,23,42,.12);
}
.home-business-card .home-card-status.is-open{color:#166534}
.home-business-card .home-card-status-dot{width:6px;height:6px;border-radius:50%;background:#94a3b8}
.home-business-card .home-card-status.is-open .home-card-status-dot{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12)}
