/* --- ÁLTALÁNOS STÍLUSOK --- */

body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.6; /* Növeli az olvashatóságot */
    color: #333; /* A tiszta fekete helyett egy sötétszürke barátságosabb */
}

h1, .navbar-brand {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #ffffff; /* A címsorok legyenek egy picit sötétebbek */
}

.lead, .navbar-brand {
    color: #ffffff;
}

h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #333; /* A címsorok legyenek egy picit sötétebbek */
}


/* --- NAVIGÁCIÓS SÁV --- */

.navbar-brand {
    font-weight: 700; /* Kiemeli a cégnevet */
    color:#d08d29;
}

/* --- HERO SZEKCIÓ (NYITÓ KÉP) --- */


/* --- KÁRTYA ELEMEK (SZOLGÁLTATÁSOK, TUDÁSTÁR) --- */
.card {
    border: 1px solid #d08d29; /* Finomabb szegély, mint az alapértelmezett */
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    border-radius: 0.5rem; /* Enyhén lekerekített sarkok */
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

.card:hover {
    transform: translateY(-5px); /* Enyhe kiemelkedés egér fölé húzáskor */
    border: 2px solid #d08d29;
    box-shadow: 0 8px 20px rgba(0,0,0,0.12); /* Erősebb árnyék a kiemeléshez */
}

.card-title {
    color: #343a40; /* Sötétszürke címsor a jobb olvashatóságért */
}

.card-text{
    margin-bottom: 0;
}


/* --- REFERENCIA KÉPEK (a referenciak.html oldalon) --- */
.card-img-top {
    height: 200px; /* Fix magasság a konzisztens megjelenésért */
    object-fit: cover; /* A kép arányosan tölti ki a helyet vágással, nem torzul */
}


/* --- ZÁRÓ AJÁNLATKÉRŐ SZEKCIÓ (CTA 2) --- */
.closing-cta {
    
    background-position: center;
    
    /* A parallax hatás kulcsa: a háttérkép fix pozícióban marad görgetés közben */
    background-attachment: fixed; 
        border-radius: 15px;
    margin-top: 4rem;
    margin-bottom: 4rem; /* Különbséget tesz a lábléctől */
    padding: 4rem 0; /* Nagyobb belső tér a szellősebb megjelenésért */
}

.closing-cta .btn-primary {
    padding: 10px 20px;
    border-radius: 4px;
    color: #ffffff;
    background: #d08d29;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px;
    border: 1px solid #d08d29; 
}

.closing-cta .btn-outline-light {
    padding: 10px 20px;
    border-radius: 4px;
    color: #ffffff;
    background: #d08d29;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px;
    border: 1px solid #d08d29; 
}

.btn-primary{
    padding: 10px 20px;
    border-radius: 4px;
    color: #ffffff;
    background: #786965;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px;
    border: 1px solid #d08d29; 
}

.closing-cta{
    border: 1px solid #d08d29; /* Finomabb szegély, mint az alapértelmezett */
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    border-radius: 0.5rem; /* Enyhén lekerekített sarkok */
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}
.lead{
    background-color: #786965;
    font-size:20px;
}

.form-control{
    border: 1px solid #d08d29; 
}

.form-select{
    border: 1px solid #d08d29;   
}