/* =====================================================
   BODY.CSS - VÁZ, KERET ÉS KÜLSŐ HÁTTÉR
   ===================================================== */

/* 1. KÜLSŐ HÁTTÉR (Itt állítsd be a mintádat) */
body {
    background: #eef2f7 url('../images/background-pattern.png') repeat fixed center top !important;
    margin: 0;
    padding: 30px 0;
}

/* 2. A FŐ KERET ÖSSZEHÚZÁSA (80% SZÉLESSÉG) */
.site {
    width: 80% !important;
    max-width: 1400px; /* Megakadályozza, hogy ultratag kijelzőn túl széles legyen */
    margin: 0 auto !important;
    background: #ffffff !important;
    border-radius: 24px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
    overflow: hidden;
    padding: 20px 30px;
}

/* 3. BELI BELSŐ BELSŐ KONTÉNEREK RESETÁLÁSA */
.container-header,
.container-nav,
.container-topbar,
.container-banner,
.container-main,
.container-footer {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    background: transparent !important;
}

.site-grid {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 25px;
}

/* 4. MOBIL NÉZET */
@media (max-width: 991px) {
    body {
        padding: 10px 0;
    }
    .site {
        width: 95% !important;
        padding: 15px;
        border-radius: 16px;
    }
}
/* =========================================================
   OLDAL KÜLSŐ HÁTTÉR BEÁLLÍTÁSA (COOLBACKGROUNDS)
   ========================================================= */

body {
    background-image: url('https://coolbackgrounds.io/images/ranger-4df6c1b6.png') !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    margin: 0;
    padding: 30px 0;
}