@import url("https://use.typekit.net/dqa6jli.css");

body,
body *,
h1, h2, h3, h4, h5, h6,
button,
input,
textarea,
select {
    font-family: "natom-pro-title", sans-serif !important;
}

header,
.site-header,
.header,
.header-wrapper {
    background-color: #328ed9 !important;
}

/* MINDEN SZÖVEG FEHÉR A HEADERBEN */
header,
header *,
.site-header,
.site-header *,
.header,
.header * {
    color: #ffffff !important;
}

/* SVG ikonok */
header svg,
header svg path {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* kereső mező */
header input,
header input::placeholder {
    color: #ffffff !important;
}

/* =========================
   HEADER SZÍN
========================= */
header,
.site-header,
.header,
.header-wrapper {
    background-color: #328ed9 !important;
}

/* =========================
   HEADER SZÖVEG FEHÉR
========================= */
header,
header *,
.site-header,
.site-header *,
.header,
.header * {
    color: #ffffff !important;
}

/* =========================
   SVG IKONOK
========================= */
header svg,
header svg path {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* =========================
   KERESŐ MEZŐ
========================= */
header input,
header input::placeholder {
    color: #ffffff !important;
}

.categoryoffer-card__title {
    text-align: center !important;
}

/* header alatti első szekció eltávolítása */
#section-header + * {
    margin-top: 40px !important;
}


/* LEÍRÁS címsor kisebb */
.module-head-title {
    font-size: 20px !important;
    line-height: 1.2 !important;
}

/* ===== KERESŐ DROPDOWN FIX ===== */

/* Teljes dropdown háttér */
.header .dropdown-menu,
.header .search-results,
.header .results-dropdown {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
}

/* Egyes találatok */
.header .dropdown-menu a,
.header .search-results a {
    color: #222 !important;
    background: transparent !important;
}

/* Hover állapot */
.header .dropdown-menu a:hover,
.header .search-results a:hover {
    background: #f2f6fa !important;
    color: #000 !important;
}

/* Kereső input mező */
.header input[type="search"],
.header .search-input {
    background: #ffffff !important;
    color: #000 !important;
    border: 1px solid #ccc !important;
}

/* Placeholder (szöveg a mezőben) */
.header input::placeholder {
    color: #888 !important;
}