/* --- OGÓLNE --- */
body.vmil-body {
    margin: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #f5f4ef;
    min-height: 100vh;
}

/* Tło z karabinem: ~75% szerokości, stałe położenie w pionie (piksele) */
.vmil-page-wrap {
    min-height: 100vh;
    background:
        url("../images/reklama5a.png") center 160px / 75vw auto no-repeat fixed,
        radial-gradient(circle at top left, #2c3b24 0%, #11170f 35%, #060807 100%);
    display: flex;
    flex-direction: column;
}

.vmil-page-wrap::before {
    content: "";
    position: fixed;
    inset: 0;
    background:
        radial-gradient(circle at left top, rgba(0, 0, 0, 0.5), transparent 55%),
        linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 40%, rgba(0, 0, 0, 0.6));
    pointer-events: none;
    z-index: -1;
}

/* --- NAGŁÓWEK --- */
.vmil-header {
    padding-top: 2rem;
    padding-bottom: 0.7rem;
}

.vmil-header-inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 1.5rem;
    text-align: center;
}

/* nowe logo w nagłówku */
.vmil-logo-link {
    display: inline-block;
}

.vmil-logo-new {
    max-width: 450px;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 0.4rem;
}

.vmil-logo-sub {
    display: block;
    margin-top: 0.1rem;
    font-size: 0.9rem;
    color: #d4cfba;
    opacity: 0.9;
}

/* --- MENU --- */
.vmil-nav-wrap {
    position: sticky;
    top: 10px;
    z-index: 100;
    padding: 0.4rem 0 0.8rem;
}

/* Przycisk hamburgera: domyślnie ukryty (pojawi się w RWD) */
.vmil-nav-toggle {
    display: none;
    border: none;
    background: rgba(20, 29, 20, 0.65);
    color: #f5f4ef;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    padding: 0.55rem 0.9rem;
    width: 100%;
    cursor: pointer;
}

.vmil-nav-toggle:focus {
    outline: 2px solid #c7b88a;
    outline-offset: 2px;
}

.vmil-nav-inner {
    max-width: 900px;
    margin: 0 auto;
    padding: 0.15rem;
    background: rgba(20, 29, 20, 0.65);
    border-radius: 0;
    border: none;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.7);
}

.vmil-nav-inner ul {
    list-style: none;
    margin: 0;
    padding: 0.35rem 0.9rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    justify-content: center;
}

.vmil-nav-inner li {
    margin: 0;
}

.vmil-nav-inner a {
    display: inline-block;
    padding: 0.45rem 1rem;
    border-radius: 0;
    text-decoration: none;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #f5f4ef;
    border: none;
    background: transparent;
    transition: background 0.15s ease, transform 0.1s ease;
}

.vmil-nav-inner a:hover,
.vmil-nav-inner a:focus {
    background: rgba(191, 180, 139, 0.65);
    transform: translateY(-1px);
}

.vmil-nav-inner .current,
.vmil-nav-inner .active,
.vmil-nav-inner li.current a,
.vmil-nav-inner li.active a {
    background: rgba(199, 184, 138, 0.65);
    color: #11130d;
}

/* --- TREŚĆ --- */
.vmil-main {
    flex: 1;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0.4rem 1.5rem 3rem;
    position: relative;
    z-index: 1;
}

.vmil-component {
    background: rgba(7, 9, 6, 0.65);
    border-radius: 0;
    border: none;
    padding: 1.7rem 1.8rem;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.65);
}

/* RESPONSYWNE OBRAZKI W TREŚCI ARTYKUŁÓW */
.vmil-component img,
.vmil-component figure img,
.vmil-component .img-full,
.vmil-component .img-fluid {
    max-width: 100%;
    height: auto;
    display:  ;
    margin: 0 auto 1.2rem;
}

.vmil-component .item-image img,
.vmil-component .image img {
    max-width: 100%;
    height: auto;
}

/* --- STOPKA --- */
.vmil-footer {
    background: #050806;
    border-top: 1px solid #1a221a;
    padding: 1.3rem 1.5rem 1.8rem;
    color: #b7b19a;
}

.vmil-footer-inner {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.vmil-footer-copy {
    font-size: 0.8rem;
    opacity: 0.78;
    margin: 0.4rem 0 0;
}

/* --- RWD --- */
@media (max-width: 768px) {
    .vmil-header-inner {
        padding: 0 1rem;
    }

    .vmil-logo-new {
        max-width: 320px;
    }

    .vmil-main {
        padding: 0.4rem 0.9rem 2.4rem;
    }

    .vmil-component {
        padding: 1.3rem 1.2rem;
    }

    .vmil-page-wrap {
        background:
            url("../images/reklama5a.png") center 140px / 90vw auto no-repeat fixed,
            radial-gradient(circle at top left, #2c3b24 0%, #11170f 35%, #060807 100%);
    }

    /* MENU MOBILNE: przycisk + rozwijana lista */
    .vmil-nav-toggle {
        display: block;
    }

    .vmil-nav-inner {
        max-width: 100%;
        margin: 0;
        padding: 0.15rem 0.6rem 0.5rem;
        display: none;
    }

    .vmil-nav-inner.is-open {
        display: block;
    }

    .vmil-nav-inner ul {
        flex-direction: column;
        align-items: stretch;
        padding: 0.25rem 0;
        gap: 0.15rem;
    }

    .vmil-nav-inner li {
        width: 100%;
    }

    .vmil-nav-inner a {
        width: 100%;
        text-align: center;
        padding: 0.5rem 0.75rem;
    }
}


/* Tytuły artykułów - kolor FDE jak przyciski menu */
.vmil-component h1,
.vmil-component h2,
.vmil-component .page-header h1 {
    color: #c7b88a;
}


/* Podtytuły i nagłówki Joomla (białe dotąd) – zmiana na FDE */
.vmil-component .article-title,
.vmil-component .page-header h2,
.vmil-component h3,
.vmil-component h4,
.vmil-component h5 {
    color: #c7b88a;
}


/* WYMUSZENIE koloru FDE dla wszystkich nagłówków w artykułach */
.vmil-component h1,
.vmil-component h2,
.vmil-component h3,
.vmil-component h4,
.vmil-component h5,
.vmil-component h6,
.vmil-component .page-header h1,
.vmil-component .page-header h2,
.vmil-component .article-title {
    color: #c7b88a !important;
}


/* PRZYCIEMNIENIE TŁA (karabin) - zmniejszenie ekspozycji grafiki */
.vmil-page-wrap::before {
    background:
        radial-gradient(circle at left top, rgba(0, 0, 0, 0.65), transparent 55%),
        linear-gradient(to bottom, rgba(0, 0, 0, 0.35), transparent 40%, rgba(0, 0, 0, 0.75));
}


/* MOCNE PRZYCIEMNIENIE TŁA - efekt 80% transparentności grafiki */
.vmil-page-wrap::before {
    background:
        radial-gradient(circle at left top, rgba(0, 0, 0, 0.8), rgba(0,0,0,0.6) 60%),
        linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent 30%, rgba(0, 0, 0, 0.85));
}

/* Linki w kolorze FDE bez podkreślenia */
.vmil-page-wrap a,
.vmil-page-wrap a:visited {
    color: #bfa56a;
    text-decoration: none;
}

.vmil-page-wrap a:hover {
    color: #d8c48a;
    text-decoration: none;
}

/* Obrazki w stopce i modułach dodatkowych - responsywne */
.vmil-footer img,
.vmil-footer-inner img,
.vmil-page-wrap .moduletable img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 0.8rem;
}

/* Nagłówek jako moduł [banner] - zawartość elastyczna, tło transparentne */
.vmil-header-inner {
    background: transparent;
}

/* Obrazki w nagłówku (moduł banner) responsywne */
.vmil-header-inner img,
.vmil-page-wrap .banner img,
.vmil-page-wrap .mod-banner img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Zmniejszenie dystansu modułu banner (nagłówek) */
.vmil-header {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 0;
}

.vmil-header-inner {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Korekta dolnego dystansu nagłówka (banner) - wersja 1.3.20 */
.vmil-header {
    padding-bottom: 0px;
    margin-bottom: 0;
}

.vmil-header-inner {
    padding-bottom: 0px;
}
/* Odstępy i czytelność akapitów w treści artykułów */
.vmil-component p {
    margin-top: 0;
    margin-bottom: 1rem;   /* przerwy między akapitami */
    line-height: 1.30;     /* wysokość linii */
}
/* Odstęp między grafiką a tekstem */
.vmil-component img {
    display: ;
    margin-bottom: -1rem; 
}