/* 🔹 Főkategória sáv – fekete háttér */
.header-bottom {
    background-color: #000 !important;
}

/* 🔹 Főkategória nevek – fehérek, félkövérek, Poppins */
.header-bottom .category-menu > li > a {
    color: #fff !important;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
}

/* 🔹 Hover állapot – világosabb szürke */
.header-bottom .category-menu > li > a:hover {
    color: #ddd !important;
}

/* 🔹 Kereső ikon – fehér és hover hatás */
.header-bottom .search-module-button svg path {
    fill: #fff !important;
    stroke: #fff !important;
    stroke-width: 0.5px;
}

.header-bottom .search-module-button:hover svg path {
    fill: #ddd !important;
    stroke: #ddd !important;
}
/* 🔹 Lábléc teljes háttér fekete */
footer {
    background-color: #000 !important;
    color: #fff !important;
}

/* 🔹 Minden láblécben lévő szöveg fehér */
footer, 
footer * {
    color: #fff !important;
}

/* 🔹 Lábléc linkek fehérek és hover hatás */
footer a {
    color: #fff !important;
    text-decoration: none;
    font-weight: bold;
}

footer a:hover {
    color: #ddd !important; /* világosabb szürke hover */
}

/* 🔹 Láblécben lévő ikonok fehérek (pl. social icons, svg) */
footer svg path {
    fill: #fff !important;
    stroke: #fff !important;
}

/* 🔹 Hírlevél input mezők háttér és szöveg */
footer input.form-control {
    background-color: #111 !important; /* sötét, de ne fekete legyen teljesen */
    color: #fff !important;
    border: 1px solid #333 !important;
}

/* 🔹 Hírlevél gomb stílus */
footer button.btn-primary {
    background-color: #222 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}

footer button.btn-primary:hover {
    background-color: #444 !important;
    color: #fff !important;
}