﻿/* Knappar i skapa etikett */
.ad-action-btn,
.js-pdf-link {
    background-color: #314158 !important; /* knappbakgrund */
    color: #ffffff !important; /* vit text */
    text-decoration: none !important; /* inget streck under */
    border-radius: 0.5rem; /* motsv. rounded-lg */
    padding: 0.25rem 0.5rem; /* px-2 py-1 */
    font-size: 11px;
    display: inline-flex;
    align-items: center;
}

    /* hover-färg */
    .ad-action-btn:hover,
    .js-pdf-link:hover {
        background-color: #3b4c66 !important;
    }

/* Shared button styles */
.loginBtn,
.registerUserBtn {
    background-color: #162641;
    border: none;
    color: white;
}

.loginBtn:hover,
.registerUserBtn:hover {
    background-color: #0f1f35;
    border: none;
    color: white;
}

/* Custom checkbox styling for "Remember me" */
.loginCheckbox,
.registerCheckbox {
    accent-color: #162641;
    background-color: #fff !important;
    cursor: pointer;
}

    .loginCheckbox:checked,
    .registerCheckbox:checked {
        background-color: #162641 !important;
        border-color: #162641 !important;
    }

    .loginCheckbox:focus,
    .registerCheckbox:focus{
        border-color: #162641 !important;
        box-shadow: 0 0 0 0.2rem rgba(22, 38, 65, 0.25) !important;
    }

    .loginCheckbox:hover,
    .registerCheckbox:hover {
        border-color: #0f1f35 !important;
    }

/* Cancel button for forms */
.cancelBtn {
    border: 1px solid #cbd5e1;
    color: #475569;
    background-color: white;
}

.cancelBtn:hover {
    background-color: #f1f5f9;
    border-color: #94a3b8;
    color: #1e293b;
}

/* Active state for navigation links */
.navbar-nav .nav-link:active{
    color: #0f1b2e !important;
}

/* Active state for dropdown items */
.dropdown-item:active,
.loginBtn:active,
.registerUserBtn:active {
    background-color: #0f1b2e !important;
    color: white !important;
}