body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* Ne legyen oldal-szintű vízszintes scroll */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

/* A táblázat tudjon törni és ne nőjön túl */
.table {
    table-layout: fixed; /* ha fix volt, állítsd auto-ra */
    width: 100%;
}

    .table th, .table td {
        white-space: normal; /* engedjük a törést */
        word-wrap: break-word;
        overflow-wrap: break-word;
        word-break: break-word;
    }

/* Biztos vízszintes görgetés iOS-en is */
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Gombok mobilon ne kényszerítsék szélesre a cellát */
@media (max-width: 576px) {
    .table td .btn {
        white-space: normal; /* alapból a bootstrap btn nowrap – ezt felülírjuk */
        display: block; /* egymás alá teheti a két gombot */
        width: 100%;
        margin-bottom: .35rem;
        padding: .375rem .5rem; /* picit kisebb legyen */
        font-size: .9rem;
    }
    .navbar-brand {
        font-size: 1rem;
    }
    /* ha btn-group-ot használsz */
    .table td .btn-group {
        flex-wrap: wrap;
        gap: .25rem;
    }

    /* ha van jobb oldali 'Akciók' oszlop, engedd keskenyedni */
    .table td.actions,
    .table th.actions {
        width: 1%; /* a lehető legkisebb szélesség */
        white-space: nowrap;
    }
    .actions-cell {
        white-space: nowrap;
    }
}

/* vészfék – ha bármi mégis túlnyúlna */
.container,
.container-fluid,
.table-responsive {
    overflow-x: auto;
}