.container {
    max-width: 960px !important;
}

/* Button */
.cmet-button {
    appearance: button;
    background-color: #002e52 !important;
    color: white !important;
}

    .cmet-button:hover {
        background-color: white !important;
        color: #002e52 !important;
        outline: 1px solid #002e52 !important;
    }

    .cmet-button:focus {
        background-color: white !important;
        color: #002e52 !important;
    }

    .cmet-button.bg-primary:hover {
        background-color: white !important;
        color: #0b5ed7 !important;
        box-shadow: inset 0px 0px 0px 2px #0b5ed7;
    }

    .cmet-button.bg-danger:hover {
        background-color: white !important;
        color: #DC3545 !important;
        box-shadow: inset 0px 0px 0px 2px #DC3545;
    }

    .cmet-button.bg-light:hover {
        background-color: black !important;
        color: #F8F9FA !important;
        box-shadow: inset 0px 0px 0px 2px #F8F9FA;
    }

    .cmet-button.bg-primary:focus {
        outline-offset: 3px;
        outline: 3px solid #0b5ed7 !important;
    }

    .cmet-button.bg-danger:focus {
        outline-offset: 3px;
        outline: 3px solid #DC3545 !important;
    }

    .cmet-button.bg-light:focus {
        outline-offset: 3px;
        outline: 3px solid black !important;
    }

    .cmet-button:active {
        transform: translateY(1px);
    }

/* Checkboxes */
.cmet-checkbox-label {
    cursor: pointer;
}

.cmet-checkbox-input {
    height: 0;
    width: 0;
}

    .cmet-checkbox-input:checked + .cmet-checkbox-control {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    }

    .cmet-checkbox-input:focus + .cmet-checkbox-control {
        box-shadow: 0 0 0 2px blue;
    }

.cmet-checkbox-control {
    width: 1.6em;
    height: 1.6em;
}

/* Header */
.cmet-header-dark {
    background-color: #002e52 !important;
}

/* Radio buttons */
.cmet-radio-label {
    cursor: pointer;
}

.cmet-radio-input {
    height: 0;
    width: 0;
}

    .cmet-radio-input:checked + .cmet-radio-control {
        background: radial-gradient(currentcolor 50%, rgba(255, 0, 0, 0) 55%);
    }

    .cmet-radio-input:focus + .cmet-radio-control {
        box-shadow: 0 0 0 2px blue;
    }

.cmet-radio-control {
    width: 1.6em;
    height: 1.6em;
    border: 0.1em solid currentColor;
}

/* Text input */
.cmet-text-input:focus {
    outline: 2px solid var(--bs-primary);
}

/* Textarea */
.cmet-textarea-input:focus {
    outline: 2px solid var(--bs-primary);
}

/* Select */
.cmet-select:focus {
    outline: 2px solid var(--bs-primary);
}

/* Nav items */
.cmet-nav-item {
    height: 35px;
}

    .cmet-nav-item:hover {
        border-bottom: 5px solid hsl(206deg 100% 50%) !important;
        color: hsl(206deg 100% 50%) !important;
    }

/* Links */
.cmet-link {
    color: hsl(216deg 98% 40%) !important;
    text-underline-offset: .1rem;
}

    .cmet-link:hover {
        color: hsl(216deg 98% 25%) !important;
        text-decoration-thickness: max(3px, 0.1875rem, 0.12em) !important;
    }

.bg-dark-blue {
    background-color: #011933 !important;
}

/* Utilities */
.fw-medium {
    font-weight: 600;
}

.fs-6 {
    font-size: 1.2rem !important;
}

.w-20 {
    width: 20%;
}

.w-30 {
    width: 30%;
}

.w-33 {
    width: 33%;
}

.w-66 {
    width: 66%;
}

.w-70 {
    width: 70%;
}

.w-2ch {
    width: 3.1rem;
}

.w-4ch {
    width: 4.2rem;
}

.w-6ch {
    width: 5.5rem;
}

.w-8ch {
    width: 6.5rem;
}

:root {
    --bs-body-font-size: 1.1rem;
}

.cmet-badge-yellow {
    background: #FEF3C7;
    color: #B45309;
}

.cmet-badge-orange {
    background: #FED7AA;
    color: #92400E;
}

.cmet-badge-blue {
    background: #BFDBFE;
    color: #075985;
}

.cmet-badge-red {
    background: #FECACA;
    color: #991B1B;
}

.cmet-badge-grey {
    background: #E7E5E4;
    color: #52525B;
}

.cmet-badge-green {
    background: #BBF7D0;
    color: #166534;
}

.table-border-secondary {
    border-color: hsl(208deg 7% 75%) !important;
}

.border-darker {
    border-color: hsl(208deg 7% 45%) !important;
}

.text-danger {
    color: rgb(216 27 27) !important;
}

.border-danger {
    border-color: rgb(216 27 27) !important;
}

.border-success {
    border-color: #166534 !important;
}

.text-success {
    color: #166534 !important;
}

.cmet-alert-info {
    border-color: #075985;
    color: #075985;
}

.cmet-alert-warning {
    border-color: #B45309;
    color: #B45309;
}

.autocomplete__input:focus {
    outline: 2px solid var(--bs-primary);
    box-shadow: inset 0 0 0 0
}

/* Language select */
.cmet-language-select ul li:not(:last-child):after {
    content: "";
    display: inline-block;
    position: relative;
    top: 0.1875em;
    height: 1em;
    border-right: 0.09375em solid #0b0c0c;
}

.modal-wide {
    --bs-modal-width: 800px;
}

@media (min-width: 576px) {
    .modal-wide {
        max-width: 800px;
    }
}

.modal-success-v {
    --bs-modal-width: 300px;
}

@media (min-width: 576px) {
    .modal-success-v {
        max-width: 300px;
    }
}

/* Default: no horizontal scroll (desktop + iPad) */
.table-scroll-x {
    overflow-x: visible;
}

/* Mobile-only horizontal scrolling */
@media (max-width: 576px) {
    .table-scroll-x {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

        .table-scroll-x > table {
            width: max-content;
            min-width: 900px; /* tune if required */
        }
}