/*  === 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: 1.25rem; 
    letter-spacing: 2px;
    color: hsla(var(--clr-0) / 1);
}

/*  === SALT (Hash) ===
       -------------      */

a, a:hover,
#salt-0,
#salt-1,
#salt-2,
.obec,
.box-kontakt h2,
.salt-out i {
    color: hsla(var(--clr-0) / 1);
}





/* === SALT (Hash) Kompletné Maskovanie bez odozvy === */

/* Zaistíme, že celá sekcia ignoruje dedičnosť okolitých fontov a farieb */
.salt-container,
.salt-container .salt-out,
.salt-container #salt-0,
.salt-container #salt-1,
.salt-container #salt-2,
.salt-container .trigger-sk {
    font-family: "Instrument Sans", sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-transform: none !important;
    text-decoration: none !important;
    letter-spacing: 0.05em !important; /* Rovnomerné rozostupy */
    color: hsla(var(--clr-0) / 0.8) !important;
    background: none !important;
    border: none !important;

    cursor: text !important; /* Kurzor výberu textu pre úplné zmätenie */
}

/* Úplne odstraňujeme akúkoľvek vizuálnu zmenu pri prejdení myšou */
.salt-container .trigger-sk:hover {
    cursor: text !important;
    text-decoration: none !important;
}
.salt-mte {
    font-size: 1.1rem;
    color: hsla(var(--clr-1) / 1);
    margin-right: 0.5rem;
    font-weight: 500;
}