/**
 * Chanvalli button system
 */

.btn-vss,
a.btn-vss,
.btn-theme,
a.btn-theme {
    color: #fff;
    background-color: var(--cv-primary);
    border-color: var(--cv-primary-dark);
    font-weight: 600;
    font-size: 0.9375rem;
    padding: 0.5rem 1.25rem;
    border-radius: var(--cv-radius, 0.5rem);
    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.btn-vss:hover,
a.btn-vss:hover,
.btn-theme:hover,
a.btn-theme:hover {
    color: #fff;
    background-color: var(--cv-primary-dark);
    border-color: var(--cv-primary-dark);
    box-shadow: var(--cv-shadow-sm);
}

.btn-vss:focus,
.btn-theme:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 62, 104, 0.25);
}

a.btn-dark {
    color: #fff;
}

/* Bootstrap overrides — align with brand */
.btn-primary {
    --bs-btn-bg: var(--cv-primary);
    --bs-btn-border-color: var(--cv-primary-dark);
    --bs-btn-hover-bg: var(--cv-primary-dark);
    --bs-btn-hover-border-color: var(--cv-primary-dark);
    --bs-btn-active-bg: var(--cv-primary-dark);
    --bs-btn-active-border-color: var(--cv-primary-dark);
    font-weight: 600;
    border-radius: var(--cv-radius, 0.5rem);
}

.btn-success {
    --bs-btn-bg: var(--cv-success);
    --bs-btn-border-color: var(--cv-success-hover);
    --bs-btn-hover-bg: var(--cv-success-hover);
    --bs-btn-hover-border-color: var(--cv-success-hover);
    --bs-btn-active-bg: var(--cv-success-hover);
    --bs-btn-active-border-color: var(--cv-success-hover);
    font-weight: 600;
    border-radius: var(--cv-radius, 0.5rem);
}

.btn-outline-primary {
    --bs-btn-color: var(--cv-primary);
    --bs-btn-border-color: var(--cv-primary);
    --bs-btn-hover-bg: var(--cv-primary);
    --bs-btn-hover-border-color: var(--cv-primary);
    font-weight: 600;
    border-radius: var(--cv-radius, 0.5rem);
}

.btn-lg {
    padding: 0.75rem 1.75rem;
    font-size: 1.0625rem;
}

.btn-sm {
    font-size: 0.8125rem;
    border-radius: var(--cv-radius-sm, 0.375rem);
}