/* Activity matrix */

.profile-tracker-matrix-wrap
{
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .5rem;
    align-items: start;
}

.profile-tracker-weeks
{
    gap: .25rem;
    min-width: 0;
}

.profile-tracker-week-count-8
{
    --profile-tracker-week-count: 8;
}

.profile-tracker-week-count-12
{
    --profile-tracker-week-count: 12;
}

.profile-tracker-week-count-52
{
    --profile-tracker-week-count: 52;
}

.profile-tracker-weeks-desktop
{
    display: grid;
    grid-template-columns: repeat(
        var(--profile-tracker-week-count, 12),
        minmax(.75rem, 1fr)
    );
}

.profile-tracker-weeks-mobile
{
    display: none;
}

.profile-tracker-week
{
    display: grid;
    grid-template-rows: 1rem repeat(7, .75rem);
    gap: .25rem;
    justify-items: center;
    min-width: 0;
}

.profile-tracker-week-label,
.profile-tracker-weekdays span
{
    font-size: .65rem;
    line-height: 1rem;
    color: var(--bs-secondary-color);
    text-align: center;
}

.profile-tracker-weekdays
{
    display: grid;
    grid-template-rows: 1rem repeat(7, .75rem);
    gap: .25rem;
    min-width: 1.5rem;
}

.profile-tracker-cell
{
    display: inline-block;
    width: .75rem;
    height: .75rem;
    border-radius: .2rem;
    background: var(--bs-secondary-bg);
}

[data-bs-theme="dark"] .profile-tracker-cell-0
{
    background: rgba(var(--bs-body-color-rgb), .12);
}

.profile-tracker-cell-1
{
    background: rgba(var(--rf-accent-rgb), .22);
}

.profile-tracker-cell-2
{
    background: rgba(var(--rf-accent-rgb), .4);
}

.profile-tracker-cell-3
{
    background: rgba(var(--rf-accent-rgb), .62);
}

.profile-tracker-cell-4
{
    background: rgba(var(--rf-accent-rgb), .88);
}

.profile-tracker-activity--complementary .profile-tracker-cell-1
{
    background: rgba(var(--rf-complementary-rgb), .38);
}

.profile-tracker-activity--complementary .profile-tracker-cell-2
{
    background: rgba(var(--rf-complementary-rgb), .58);
}

.profile-tracker-activity--complementary .profile-tracker-cell-3
{
    background: rgba(var(--rf-complementary-rgb), .76);
}

.profile-tracker-activity--complementary .profile-tracker-cell-4
{
    background: rgba(var(--rf-complementary-rgb), .94);
}

@media (max-width: 767.98px)
{
    .profile-tracker-weeks-desktop
    {
        display: none;
    }

    .profile-tracker-weeks-mobile
    {
        display: grid;
        grid-template-columns: repeat(
            var(--profile-tracker-week-count, 8),
            minmax(.7rem, 1fr)
        );
    }

    .profile-tracker-cell
    {
        width: .7rem;
        height: .7rem;
    }

    .profile-tracker-week,
    .profile-tracker-weekdays
    {
        grid-template-rows: 1rem repeat(7, .7rem);
    }
}