/* ==========================================================================
   Nyír-SL Építőipari Kft. – egyedi javítások
   Külön fájlban, hogy a megvásárolt sablon eredeti CSS-e érintetlen maradjon.
   Utolsó módosítás: 2026-09-03
   ========================================================================== */

/* --------------------------------------------------------------------------
   1) Széchenyi Terv Plusz lebegő infoblokk
   Eredetileg méretkorlát nélküli, fixen pozicionált kép volt, ami mobilon
   a képernyő nagy részét elfoglalta és a szöveges tartalomra csúszott.
   -------------------------------------------------------------------------- */
.competition {
    max-width: 240px;
    padding: 6px;
    background: rgba(255, 255, 255, .94);
    border-radius: 6px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, .14);
    line-height: 0;
}

.competition p { margin: 0; }

.competition img {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width: 991px) {
    .competition { max-width: 190px; }
}

@media (max-width: 575px) {
    .competition {
        max-width: 145px;
        padding: 4px;
        bottom: 8px;
        left: 8px;
    }
}

/* --------------------------------------------------------------------------
   2) Rögzített fejléc alá csúszó szekciócímek
   A fejléc position:fixed, ezért a horgonyra ugrás a szekció tetejét a fejléc
   alá vitte. A scroll-margin-top a fejléc magasságával tolja lejjebb.
   -------------------------------------------------------------------------- */
section[id],
div[id],
[id]:target {
    scroll-margin-top: 100px;
}

@media (max-width: 991px) {
    section[id],
    div[id],
    [id]:target {
        scroll-margin-top: 80px;
    }
}

/* --------------------------------------------------------------------------
   3) Oldalcímek H1-re váltása
   A sablonban a nagy oldalcím h2 volt, a .page-title-extra-small h1 pedig egy
   apró (17px-es) felső címke mérete. SEO okból a nagy cím lett a h1, ezért itt
   visszaadjuk neki az eredeti h2 méretet – a megjelenés változatlan marad.
   -------------------------------------------------------------------------- */
.page-title-extra-small h1 {
    font-size: 3.8rem;
    line-height: 3.8rem;
}

@media (max-width: 767px) {
    .page-title-extra-small h1 {
        font-size: 36px;
        line-height: 44px;
    }
}

/* --------------------------------------------------------------------------
   4) Lábléc alsó sáv: középre igazított menü egy sorban, alatta a copyright
   A sablon eredetileg bal/jobb osztásban (8+4 oszlop) jelenítette meg őket.
   -------------------------------------------------------------------------- */
.footer-navbar-center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* A sablon a szélső elemek belső margóját nullázza (bal/jobb igazításhoz),
   középre rendezésnél viszont ettől aszimmetrikus lenne a sor. */
.footer-navbar-center li:first-child a,
.footer-navbar-center li:last-child a {
    padding-left: 1rem;
    padding-right: 1rem;
}

.footer-copyright {
    margin-top: 30px;
}

@media (max-width: 1199px) {
    .footer-navbar-center li a,
    .footer-navbar-center li:first-child a,
    .footer-navbar-center li:last-child a {
        padding-left: .75rem;
        padding-right: .75rem;
    }
}

@media (max-width: 767px) {
    .footer-navbar-center {
        row-gap: 8px;
    }

    .footer-navbar-center li a,
    .footer-navbar-center li:first-child a,
    .footer-navbar-center li:last-child a {
        padding: .35rem .7rem;
        display: inline-block;
    }

    .footer-copyright {
        margin-top: 24px;
    }

    .footer-copyright p {
        line-height: 1.6;
    }
}

/* Köztes méreteken (tablet) a 7 menüpont nem fér ki egy sorba; a szélesség
   korlátozásával kiegyensúlyozottabb, két közel egyenlő sorra tördelődik. */
@media (min-width: 768px) and (max-width: 1199px) {
    .footer-navbar-center {
        max-width: 560px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Mobilon a copyright a perjel helyett külön sorba törik.
   Fontos: display:block miatt a link a szülő teljes szélességét kapná,
   emiatt az aláhúzás (border-bottom) a teljes képernyőre kinyúlt volna -
   a width:max-content + auto margó a szöveg szélességére szűkíti, de a
   sortörés (külön sor) megmarad. */
@media (max-width: 575px) {
    .footer-copyright .cr-sep { display: none; }

    .footer-copyright p a {
        display: block;
        width: max-content;
        max-width: 100%;
        margin: 6px auto 0;
    }
}

/* --------------------------------------------------------------------------
   5) Nagyobb logó a fejlécben
   A téma 27 px-re korlátozta, ami a 200×46 px-es logónál indokolatlanul kicsi.
   -------------------------------------------------------------------------- */
header .navbar-brand img {
    max-height: 42px;
}

@media (max-width: 991px) {
    header .navbar-brand img {
        max-height: 36px;
    }
}

/* --------------------------------------------------------------------------
   6) Munkáink galériák - egységes magasságú, vágás nélküli sorok
   A munkáink oldal galériáiban (álló és fekvő fotók/látványtervek vegyesen,
   illetve munkánként eltérő képarányok) minden kép azonos magasságú, de a
   saját arányának megfelelő szélességet kapja - nincs vágás, nincs sötét
   kitöltés. A Swiper "slidesPerView: auto" beállítással együtt működik: a
   slide szélessége a benne lévő kép tényleges (kiszámított) szélességéhez
   igazodik.
   -------------------------------------------------------------------------- */
.gallery-uniform-height .swiper-slide {
    width: auto;
    height: auto;
}
.gallery-uniform-height .gallery-box,
.gallery-uniform-height .gallery-box > a,
.gallery-uniform-height .gallery-box .position-relative {
    display: inline-block;
    vertical-align: top;
    height: 260px;
}
.gallery-uniform-height .gallery-box img {
    width: auto;
    height: 100%;
    max-width: none;
    display: block;
}

@media (max-width: 991px) {
    .gallery-uniform-height .gallery-box,
    .gallery-uniform-height .gallery-box > a,
    .gallery-uniform-height .gallery-box .position-relative {
        height: 220px;
    }
}

@media (max-width: 575px) {
    .gallery-uniform-height .gallery-box,
    .gallery-uniform-height .gallery-box > a,
    .gallery-uniform-height .gallery-box .position-relative {
        height: 180px;
    }
}