:root {
    --brand: #183D36;
}

main,
main :is(h1, h2, h3, h4, h5, h6, p, span, a, li, label, td, th, small, strong) {
    color: var(--brand);
}

    main [class*="text-"]:not(.text-white):not(.keep-color):not(button):not(.btn):not(input) {
        color: var(--brand) !important;
    }

    main p:not(.text-white):not(.text-white *):not(.keep-color),
    main p[class*="text-"]:not(.text-white):not(.text-white *):not(.keep-color):not(button):not(.btn):not(input) {
        color: #000000 !important;
    }

    main button,
    main .btn,
    main input[type="submit"],
    main input[type="button"],
    .swal2-confirm {
        background-color: var(--brand) !important;
        border-color: var(--brand) !important;
        color: #fff !important;
    }

        main button:hover,
        main .btn:hover,
        main input[type="submit"]:hover,
        main input[type="button"]:hover,
        .swal2-confirm:hover {
            filter: brightness(1.15);
        }

header a,
header button,
header .nav-link {
    transition: color .2s ease, background-color .2s ease;
}

    header a:hover,
    header button:hover,
    header .nav-link:hover {
        color: var(--brand) !important;
    }

#currentCulture,
#currentCulture::picker(select) {
    appearance: base-select;
}

#currentCulture {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: inherit;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}

    #currentCulture::picker-icon {
        content: "▾";
        font-size: 0.9em;
        color: currentColor;
        transition: rotate 0.2s ease;
    }

    #currentCulture:open::picker-icon {
        rotate: 180deg;
    }

    #currentCulture::picker(select) {
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        padding: 8px;
        margin-top: 8px;
        min-width: 150px;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
    }

        #currentCulture::picker(select):popover-open {
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

    #currentCulture option {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 8px 12px;
        border-radius: 8px;
        color: #1f2937;
        background: transparent;
        font-size: 14px;
        cursor: pointer;
        transition: background-color 0.15s ease;
    }

        #currentCulture option:hover {
            background: rgba(24, 61, 54, 0.06);
        }

        #currentCulture option:checked {
            background: rgba(24, 61, 54, 0.14);
            color: #183D36;
            font-weight: 600;
        }

        #currentCulture option::checkmark {
            color: #183D36;
        }