/*
|--------------------------------------------------------------------------
| Buttons
|--------------------------------------------------------------------------
*/

.btn-mtaa{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;

    padding:14px 28px;

    border:none;
    border-radius:var(--radius);

    font-weight:600;

    cursor:pointer;

    transition:var(--transition);

    text-decoration:none;

}

.btn-primary{

    background:var(--primary);
    color:#fff;

}

.btn-primary:hover{

    background:var(--primary-dark);

    transform:translateY(-2px);

    box-shadow:var(--shadow);

}

.btn-secondary{

    background:var(--secondary);
    color:#222;

}

.btn-secondary:hover{

    background:var(--secondary-dark);

}

.btn-outline{

    background:#fff;

    border:2px solid var(--primary);

    color:var(--primary);

}

.btn-outline:hover{

    background:var(--primary);

    color:#fff;

}

/*
|--------------------------------------------------------------------------
| Cards
|--------------------------------------------------------------------------
*/

.card-mtaa{

    background:#fff;

    border-radius:var(--radius);

    box-shadow:var(--shadow-sm);

    overflow:hidden;

    transition:var(--transition);

}

.card-mtaa:hover{

    transform:translateY(-6px);

    box-shadow:var(--shadow-lg);

}

.badge-verified{

    background:#DCFCE7;

    color:#166534;

    padding:6px 12px;

    border-radius:999px;

    font-size:.8rem;

    font-weight:600;

}

.badge-featured{

    background:#FEF3C7;

    color:#92400E;

    padding:6px 12px;

    border-radius:999px;

}

/*
|--------------------------------------------------------------------------
| Forms
|--------------------------------------------------------------------------
*/

.form-control{

    border-radius:var(--radius-sm);

    border:1px solid var(--border);

    padding:14px;

}

.form-control:focus{

    border-color:var(--primary);

    box-shadow:0 0 0 .2rem rgba(15,76,129,.15);

}

.section{

    padding:5rem 0;

}

.section-sm{

    padding:3rem 0;

}

.hover-lift{

    transition:var(--transition);

}

.hover-lift:hover{

    transform:translateY(-5px);

}

.business-card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:var(--shadow-sm);

    transition:var(--transition);

}

.business-card:hover{

    transform:translateY(-8px);

    box-shadow:var(--shadow-lg);

}

.business-card img{

    height:220px;

    width:100%;

    object-fit:cover;

}

.business-card-body{

    padding:24px;

}

.business-card h5{

    margin-bottom:10px;

}

.business-card p{

    margin-bottom:15px;

}