/*  === FOOTER 1280 px / 80 rem (x 16px) ===
       ----------------------------------      */

/* footer - fixovaná na spodu a schovaná vzadu */
.tg-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 20rem; /* !! = HODNOTA !! ako MAIN margin-bottom nutné pre efekt ?? */
    z-index: 1; /* Pod hlavným obsahom stránky, main 6+ */

    display: flex; /* Flexbox */
    flex-direction: column; /* Smer toku, prvky budú pod sebou */
    justify-content: center; /* Vycentrovanie pozdĺž hlavnej osi (vertikálne) */
    align-items: center; /* Vycentrovanie pozdĺž priečnej osi (horizontálne) */
}

/* Vnútorné zarovnanie obsahu footer */
.wrap-footer {
    min-width: 40rem;
    max-width: 96rem;
    width: 100%;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    height: 100%;
    padding: 1.5rem;

    background: url("../img/grain.webp");
    background-position: center;
    background-repeat: repeat;

    border-top-right-radius: 9rem 3rem;
    border-top-left-radius: 18rem 6rem;
}
.wrap-footer p {
    color: hsla(var(--clr-0) / 1);
}

.font-jp-katakana-footer-r {
    font-family: 'Noto Serif JP', serif; 
    font-weight: 500; 
    font-size: 1rem; 
    letter-spacing: 2px;
    color: hsla(var(--clr-0) / 1);
}