/*
 * HEV Overrides CSS - Load last to ensure variables apply
 */

.btn-outline-primary {
    --bs-btn-color: #343a40;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0d6efd;
    --bs-btn-hover-border-color: #0d6efd;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0d6efd;
    --bs-btn-active-border-color: #0d6efd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0d6efd;
    --bs-gradient: none;
}

.btn-info {
    --bs-btn-color: #FFF;
    --bs-btn-bg: #0085c8;
    --bs-btn-border-color: #05608e;
    --bs-btn-hover-color: #022F4E;
    --bs-btn-hover-bg: #1ba5ea;
    --bs-btn-hover-border-color: #0085c8;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0;
}

.btn-outline-secondary {
    --bs-btn-color: #495057;
    --bs-btn-border-color: #343a40;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #59B200;
    --bs-btn-hover-border-color: #3e7803;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #59B200;
    --bs-btn-active-border-color: #3e7803;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none;
}

.btn-outline-info {
    --bs-btn-color: #0085c8;
    --bs-btn-border-color: #0085c8;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0085c8;
    --bs-btn-hover-border-color: #0085c8;
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #0085c8;
    --bs-btn-active-border-color: #0085c8;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0085c8;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0085c8;
    --bs-gradient: none;
}

/* Force role-options to row on small screens as requested */
@media (max-width: 576px) {
    .role-options {
        flex-direction: row !important;
    }
}

/* Login page specific styles */
main.login-page {
    background: none !important;
    min-height: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    min-height: -webkit-fill-available;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

main.login-page.container {
    background: transparent !important;
    max-width: 100%;
}

/* Google OAuth button */
.btn-google {
    border-color: #db4437;
    color: #db4437;
}

.btn-google:hover {
    background-color: #db4437;
    color: #fff;
}

/* Instagram OAuth button */
.btn-instagram {
    border-color: #C13584;
    color: #C13584;
}

.btn-instagram:hover {
    background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af);
    color: #fff;
    border-color: transparent;
}

/* Role card text on hover */
.btn-outline-primary>strong {
    color: #555 !important;
}

.btn-outline-primary>strong:hover {
    color: #fff !important;
}

.text-muted {
    --bs-text-opacity: 1;
    color: var(--bs-primary-color) !important;
}

body>main>div>div>div>form>div:nth-child(4)>div>label:nth-child(1)>strong:hover,
body>main>div>div>div>form>div:nth-child(4)>div>label:nth-child(1)>div.text-muted:hover {
    color: #fff !important;
}