body.theme-fresk {
    .block-region {
        .block {
            border: 0;
            box-shadow: $shadow-0 !important;
            border-radius: 8px;
            .card-body {
                &.p-3 {
                    padding: 24px !important;
                }
                .block-controls {
                    .action-menu-item {
                        .icon {
                            color: $primary;
                        }
                    }
                    .dropdown-toggle {
                        &:after,
                        .icon {
                            color: $primary;
                        }
                    }
                }
                .card-text {
                    font-size: 14px;
                    a {
                        color: $secondary;
                    }
                    h1, h2, h3, h4, h5, h6 {
                        font-size: 15px;
                        color: $graytext !important;
                    }
                }

                @media (min-width: 992px) {
                    .row-cols-lg-3 > * {
                        flex: 0 1 33.3333333333%;
                        max-width: 33.3333333333%;
                    }
                }
            }
            .inner-card {
                display: flex;
                flex-direction: column;
                padding: 18px;
                border-radius: 8px;
                background: #FFF;
                box-shadow: $shadow-1;
                border: 1px solid #eeeeeeb0;
                &.is-clicable:hover {
                    box-shadow: $shadow-1-hover;
                }
                &.is-clicable:active {
                    box-shadow: $shadow-1-active;
                }
            }
            td.today .day-number-circle {
                background-color: $primary !important;
            }
        }
    }
}
/* Needs extra especificity */
body.theme-fresk #page-content #region-main h3.h5.card-title {
    color: $graytitle !important;
    font-size: 17px;
    font-weight: 500;
    margin-left: 24px;
}

/* Utility class for half-width blocks, it applies only when another half-block exists to its right */
body.theme-fresk#page-my-index:not(.editing) {
    #block-region-content {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    #block-region-content > .block {
        flex: 0 0 100%;
        max-width: 100%;
        min-width: 0;
        margin: 0 0 1rem 0;
        float: none;
    }

    #block-region-content > :not(.block) {
        flex: 0 0 0 !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    @media (min-width: 600px) {
        #block-region-content {
            > .block.block-half {
                flex: 0 0 100%;
                margin-right: 0;
                &:has(+ .block.block-half),
                &:has(+ span + .block.block-half),
                &:has(+ a.visually-hidden-focusable + .block.block-half),
                &:has(+ span + a.visually-hidden-focusable + .block.block-half),
                &:has(+ a.visually-hidden-focusable + span + .block.block-half),
                &:has(+ span + span + .block.block-half),
                &:has(+ span + span + a.visually-hidden-focusable + .block.block-half) {
                    flex-basis: 49%;
                    margin-right: 2%;
                }
            }
            > .block.block-half {
                + .block.block-half,
                + span + .block.block-half,
                + a.visually-hidden-focusable + .block.block-half,
                + span + a.visually-hidden-focusable + .block.block-half,
                + a.visually-hidden-focusable + span + .block.block-half,
                + span + span + .block.block-half,
                + span + span + a.visually-hidden-focusable + .block.block-half {
                    flex-basis: 49%;
                    margin-right: 0;
                }
            }
        }
    }
}

// Only aimed to blocks containing a badge at the title
body.theme-fresk#page-my-index {
    .badge {
        line-height: 1.4em;
        font-size: 12px;
        color: $primary;
        background: rgba($primary, 0.08);
    }
}