@font-face {
    font-family: "Flexi-IBM";
    src: url(/assets/fonts/Flexi_IBM_VGA_True.ttf);
}

body {
    overflow: hidden;
    font-family: "Flexi-IBM";
    font-size: 22px;
    background-image: url("/assets/media/backgrounds/version2/background.webp");
    background-position: center;

    --main-color: #0000aa;
    --accent-color: #ffffff;
    --text-color: #ffffff;
    --secondary-color: #ffff00;
}

a {
    color: var(--text-color);
}

a:hover {
    color: var(--secondary-color);
}

hr {
    color: var(--text-color);
    width: 100%;
}

ul li {
    list-style-type: "* ";
}

/* Deactivated */
/* video#bg-video { */
    /* position: fixed; */
    /* inset: 0; */
    /* min-width: 100%; */
    /* min-height: 100%; */
    /* width: auto; */
    /* height: auto; */
    /* z-index: -1; */
    /* object-fit: cover; */
    /* background: url(/assets/media/backgrounds/version1/Nitro+2026-02-20.png) center / cover no-repeat; */
/* } */

#hide-main-block-button {
    position: fixed;
    top: 10px;
    left: 20px;
    width: 40px;
    height: 40px;
    border: 4px double var(--text-color);
    background-color: var(--main-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

#main-block {
    display: flex;
    flex-direction: column;
    background-color: var(--main-color);
    color: var(--text-color);
    border: 4px double var(--text-color);
    min-height: 660px;
    max-width: 950px;
    max-height: 850px;
    margin: 10px auto 300px;
    overflow: hidden;
}

#page-title {
    text-align: center;
    border-bottom: 4px double var(--text-color);
    margin: 0;
    padding: 2px;
}

#inside-block {
    display: flex;
    flex: 1;
    min-height: 0;
}

#left-block {
    flex: 1;
    min-width: 0;
    padding: 40px;
    overflow-y: scroll;
}

#navbar{
    border-left: 4px double var(--text-color);
    width: 200px;

}

.nav-list li{
    list-style: none;
}

.nav-list {
    padding-right: 10px;
    padding-left: 3px;
    margin-top: 3px;
}

.nav-category {
    background-color: var(--accent-color);
    color: var(--main-color);
    font-size: 25px;
}


#nav-cobblestone      { background: url("/assets/media/blocks/cobblestone-frame.png") center / 20px no-repeat; }
#nav-cobblestone:hover{ background: url("/assets/media/blocks/Cobblestone.gif")       center / 20px no-repeat; }

#nav-diamond      { background: url("/assets/media/blocks/diamond-frame.png") center / 20px no-repeat; }
#nav-diamond:hover{ background: url("/assets/media/blocks/diamond-low.gif")   center / 20px no-repeat; }

#nav-books      { background: url("/assets/media/blocks/book-frame.png") center / 20px no-repeat; }
#nav-books:hover{ background: url("/assets/media/blocks/book-low.gif")   center / 20px no-repeat; }

#nav-beacon      { background: url("/assets/media/blocks/beacon-frame.png") center / 20px no-repeat; }
#nav-beacon:hover{ background: url("/assets/media/blocks/beacon-low.gif")   center / 20px no-repeat; }

#nav-furnace      { background: url("/assets/media/blocks/furnace-off-frame.png") center / 20px no-repeat; }
#nav-furnace:hover{ background: url("/assets/media/blocks/furnace-on-low.gif")    center / 20px no-repeat; }



#hero {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.title-text:hover {
    color: var(--secondary-color);
}

#title-image {
    align-items: center;
    max-width: fit-content;
    max-height: fit-content;
}

#layout {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    margin-top: 10px;
}

#main-block {
    margin: 0;
}


#status-toggle {
    display: none;
}


#status-panel {
    display: flex;
    /* para reativar botão de status, mudar isso para none */
    margin-left: 5px;
    flex-direction: column;
}

#status-toggle:checked ~ #status-tab {
    color: var(--secondary-color);;
}

#status-toggle:checked ~ #status-panel {
    display: block;
}


#statuscafe {
    padding: .5em;
    background-color: var(--main-color);
    color: var(--text-color);
    border: 4px double var(--accent-color);
    padding: 10px;
    width: 200px;
    font-family: "Flexi-IBM";
    font-size: 16px;
}

#statuscafe-username {
    margin-bottom: .5em;
    color: var(--secondary-color);;
}

#statuscafe-content {
    margin: 0 0.5em 0.5em 0.5em;
}

#changelog {
    background-color: var(--main-color);
    color: var(--text-color);
    border: 4px double var(--accent-color);
    padding: 10px;
    width: 200px;
    font-family: "Flexi-IBM";
    font-size: 16px;
    margin-top: 5px;
    max-height: 400px;
    overflow-y: scroll;
}

input[type="radio"]{
    appearance: none;
    -webkit-appearance: none;
    
}

input[type="radio"] + label::before{
    content: "[ ] ";
}

input[type=radio]:checked + label::before {
    content: "[*] ";
}

input[type="radio"] + label:hover::before{
    color: var(--secondary-color);;}

label:hover{
    color: var(--secondary-color);;
}

h1, h2, h3{
    background-color: var(--accent-color);
    color: var(--main-color);
    padding-left: 10px;
}