/* WBCC Members Area + Club Administration button styling
   v2 - applies the same polished buttons to account and admin pages. */

.account-dashboard-main .btn-primary,
.account-dashboard-main .btn-secondary,
.admin-main .btn-primary,
.admin-main .btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;

    min-height: 44px;
    padding: .72rem 1.3rem;

    border-radius: 999px;
    border: 1px solid transparent;

    font: inherit;
    font-size: .92rem;
    font-weight: 700;
    line-height: 1.15;
    text-align: center;
    text-decoration: none;

    cursor: pointer;
    box-sizing: border-box;

    transition:
        transform .15s ease,
        box-shadow .15s ease,
        background-color .15s ease,
        border-color .15s ease,
        color .15s ease;
}

.account-dashboard-main .btn-primary,
.admin-main .btn-primary {
    background: #F97316;
    border-color: #F97316;
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(249, 115, 22, .18);
}

.account-dashboard-main .btn-primary:hover,
.admin-main .btn-primary:hover {
    transform: translateY(-1px);
    background: #ea6a0a;
    border-color: #ea6a0a;
    box-shadow: 0 4px 10px rgba(249, 115, 22, .22);
}

.account-dashboard-main .btn-secondary,
.admin-main .btn-secondary {
    background: #ffffff;
    border-color: #cbd5e1;
    color: #1E293B;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .06);
}

.account-dashboard-main .btn-secondary:hover,
.admin-main .btn-secondary:hover {
    transform: translateY(-1px);
    border-color: #F97316;
    color: #c2410c;
    box-shadow: 0 3px 8px rgba(15, 23, 42, .08);
}

.account-dashboard-main .btn-primary:focus-visible,
.account-dashboard-main .btn-secondary:focus-visible,
.admin-main .btn-primary:focus-visible,
.admin-main .btn-secondary:focus-visible {
    outline: 3px solid rgba(249, 115, 22, .28);
    outline-offset: 2px;
}

.account-dashboard-main .btn-primary:disabled,
.account-dashboard-main .btn-secondary:disabled,
.admin-main .btn-primary:disabled,
.admin-main .btn-secondary:disabled {
    opacity: .6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

@media (max-width: 640px) {
    .account-dashboard-main .btn-primary,
    .account-dashboard-main .btn-secondary,
    .admin-main .btn-primary,
    .admin-main .btn-secondary {
        min-height: 46px;
        padding: .78rem 1.2rem;
    }
}