/* Minimalny własny CSS – opieramy się na Bootstrap */
#admErrorMsg, #admSuccessMsg { bottom: 5px; }
.homeBox { padding: 40px; }
#homeNavBox { display: flex; gap: 10px; }
@media (max-width: 768px) {
    .mobileBtnSpan { display: none; }
    .homeBox { padding: 20px; }
}

.container {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Mapowanie importu – poziome przewijanie i obcinanie tekstu */
.h-scroll {
    overflow-x: auto;
    max-width: 100%;
    width: 100%;
}

.nowrap-table {
    white-space: nowrap;
    min-width: 100%;
    width: auto;
    table-layout: auto;
}

.truncate-240 {
    display: inline-block;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.truncate-260 {
    display: inline-block;
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media screen and (max-width: 992px) {
    .container {
        padding-bottom: 100px;
    }
}

/* Styl dla dolnego menu (bottomnav) używanego w layouts/main.php */
.bottomnav {
    display: none; /* Domyślnie ukryte */
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #333;
    color: white;
    text-align: center;
    z-index: 9999;
}

.bottomnav a {
    display: inline-block;
    padding: 14px 20px;
    color: #f2f2f2;
    text-decoration: none;
}

.bottomnav a:hover {
    background-color: #ddd;
    color: black;
}

/* Dostosowania mobilne dla bottomnav i elementów z layouts/main.php */
@media screen and (max-width: 992px) {
    /* Podnieś toasty, aby nie nachodziły na dolne menu */
    #admErrorMsg, #admSuccessMsg {
        bottom: 80px;
        height: 20vh;
    }

    /* Zrób miejsce na stałe dolne menu */
    .container {
        padding-bottom: 100px;
    }

    /* Ukryj rozwijane menu navbaru i jego przełącznik na mniejszych ekranach */
    #navbarNav,
    #navbarNavToggle {
        display: none;
    }

    /* Pokaż i ułóż dolne menu na urządzeniach mobilnych */
    .bottomnav {
        display: flex;
        justify-content: space-around;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 0;
        z-index: 1000;
    }

    /* Ukryj przycisk logowania w navbarze na mobile (wspierane też przez .mobileBtnSpan) */
    #navLoginBtn {
        display: none;
    }
}