/**
* Tweaks done to the [Gitea Modern](https://git.sofiaritz.com/mirrors/Gitea-Modern) theme.
* This file is loaded inside the [theme-gitea-modern.css](https://git.sofiaritz.com/mirrors/Gitea-Modern/src/branch/main/theme-gitea-modern.css)
* located in this same directory.
* The `theme-forgejo-auto` theme is also loaded there.
**/

:root {
    --fj-tweaks--checkmark: "\2714";
    --fj-tweaks--official-text: "Official Project";
    --fj-tweaks--official-color: #3b913b;
    --fj-tweaks--verified-text: "Verified User";
    --fj-tweaks--verified-color: var(--color-primary);
}

/* Improve look of the repo listings */
.ui.repository.list .item .header .repo-title, .ui.user.list .item .header .repo-title {
    display: flex !important;
    gap: 1rem;
}

.ui.repository.list .item .description .time, .ui.user.list .item .description .time {
    grid-row: auto !important;
    grid-column: auto !important;
    margin-left: 0 !important;
    text-align: left !important;
    margin-top: 0.5rem;
    margin-block: unset !important;
}

/* Improve look of the profile page */
div.page-content.user.profile div.ui.container div.ui.stackable.grid div.ui.four.wide.column {
    width: 20% !important;
}

/* Align the top of the repo view */
@media only screen and (min-width: 850px) {
    .page-content.repository:not(.issues.repository.milestones) .header-wrapper > .ui.container:first-child {
        padding-left: 67px !important;
    }
}

/* "Fix" alignment of commit dates */
.page-content.repository:not(.milestones) > .ui.container #repo-files-table tr {
    align-items: normal !important;
}

#repo-files-table thead relative-time {
    display: block;
    margin-top: 15px;
}

#repo-files-table tbody relative-time {
    display: block;
    padding-top: 7px;
}

/* Fix scoped issue labels */
.scope-parent > .scope-left {
    border-radius: 100px 0 0 100px !important;
}

.scope-parent > .scope-right {
    border-radius: 0 100px 100px 0 !important;
}

/* === Verified Users and Organizations === */

/** ===== Organizations ===== **/
.ui.user.list a[href="/Infrastructure"]::after, #org-info a[href="/Infrastructure.rss"]::after {
    display: inline-block;
    content: var(--fj-tweaks--checkmark);
    color: var(--fj-tweaks--official-color);
    border: solid 2px var(--fj-tweaks--official-color);
    margin-left: 3px;
    border-radius: 99999px;
}

.ui.user.list a[href="/Infrastructure"]::after { padding: 0 2px 1px 3px; }
#org-info a[href="/Infrastructure.rss"]::after { padding: 0 10px 1px 10px; }

.ui.user.list a[href="/Infrastructure"]:hover::after, #org-info a[href="/Infrastructure.rss"]:hover::after {
    content: var(--fj-tweaks--official-text);
    padding-left: 5px;
    padding-right: 5px;
}

/** ===== Users ===== **/
.ui.user.list a[href="/sofia"]::after, .profile-avatar-name a[href="/sofia.rss"]::after {
    display: inline-block;
    content: var(--fj-tweaks--checkmark);
    color: var(--fj-tweaks--verified-color);
    border: solid 2px var(--fj-tweaks--verified-color);
    margin-left: 3px;
    border-radius: 99999px;
}

.ui.user.list a[href="/sofia"]::after { padding: 0 2px 1px 3px; }
.profile-avatar-name a[href="/sofia.rss"]::after { padding: 0 3.5px 1px 3.5px; }

.ui.user.list a[href="/sofia"]:hover::after, .profile-avatar-name a[href="/sofia.rss"]:hover::after {
    content: var(--fj-tweaks--verified-text);
    padding-left: 5px;
    padding-right: 5px;
}