:root {
    --primary: #000;
}

/* Material Symbols icon settings */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Grid background patterns */
.grid-pattern {
    background-image:
        linear-gradient(to right, rgba(0, 0, 0, 0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
    background-size: 80px 80px;
}

.grid-board,
.grid-bg {
    background-image:
        linear-gradient(to right, rgba(196, 199, 199, 0.12) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(196, 199, 199, 0.12) 1px, transparent 1px);
    background-size: 60px 60px;
}

.board-grid {
    background-image:
        linear-gradient(to right, rgba(196, 199, 199, 0.2) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(196, 199, 199, 0.2) 1px, transparent 1px);
    background-size: 80px 80px;
}

/* Justified text helper */
.text-justify-custom {
    text-align: justify;
    text-justify: inter-word;
}

/* Prevent scroll when mobile menu or modal is open */
body.menu-open,
body.modal-open {
    overflow: hidden;
}

#CybotCookiebotDialog .CybotCookiebotDialogContentWrapper {
    background: #fff !important;
}

#CybotCookiebotDialog *,
#CybotCookiebotDialogBodyUnderlay * {
    color: #000 !important;
}

#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider {
    background: var(--primary) !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
}

#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABContainerToggleHide,
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABContainerToggleShow,
#CybotCookiebotDialog a:after,
#CybotCookiebotDialog a:before,
#CybotCookiebotDialog button:after,
#CybotCookiebotDialog button:before {
    border-color: var(--primary) !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
    border-bottom-color: var(--primary) !important;
}

#CybotCookiebotDialogPoweredbyCybot svg {
    fill: #000 !important;
}