.mod-menu {
  display: flex;
  justify-content: center;
}
/* Tegye a főmenü modult középre és megfelelő marginnal a banner alatt */
.mod-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px;     /* távolság a banner alatt */
  margin-bottom: 12px;  /* igény szerint, alul is */
}

.mod-menu ul {
  display: flex;
  gap: 24px;            /* menüpontok közötti térköz */
  padding: 0;
  list-style: none;
}

.mod-menu li {
  padding: 0 8px;       /* további egyéni térköz */
}

/* Ha a menü túlságosan szétnyílik mobilon, állítsd be külön responsive értékeket is */
@media (max-width: 600px) {
  .mod-menu ul {
    flex-direction: column;
    gap: 8px;
  }
  .mod-menu {
    margin-top: 16px;
  }
}
/* Vízzelő menüsor a top-a pozícióban */
.position-top-a .mod-menu ul {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  gap: 24px;        /* menüpontok közti térköz */
  padding: 0;
  margin: 0;
}

.position-top-a .mod-menu li {
  padding: 0 12px;
  list-style: none;
}

/* Középre igazítás (szükség esetén) */
.position-top-a .mod-menu {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mod-menu {
  display: flex !important;
  justify-content: center !important;
}

.mod-menu ul {
  display: flex !important;
  flex-direction: row !important;
  gap: 32px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.mod-menu li {
  list-style: none;
  padding: 0 10px;
}
.fomenu-horiz.mod-menu ul { display: flex !important; }
.position-top-a .mod-menu > ul, .mod-menu > ul {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  gap: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.position-top-a .mod-menu > ul > li, .mod-menu > ul > li {
  list-style: none !important;
  padding: 0 12px !important;
}
/* Vízzelő menüsor pontos szelektorral, top-a pozícióban */
.position-top-a .mod-menu.mod-menu_dropdown-metismenu {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  gap: 32px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.position-top-a .mod-menu.mod-menu_dropdown-metismenu li {
  list-style: none !important;
  padding: 0 10px !important;
}
ul.mod-menu.mod-menu_dropdown-metismenu {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  gap: 32px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
ul.mod-menu.mod-menu_dropdown-metismenu > li {
  list-style: none !important;
  padding: 0 10px !important;
}
ul.mod-menu.mod-menu_dropdown-metismenu[style] {
  display: flex !important;
  flex-direction: row !important;
}
ul.mod-menu.mod-menu_dropdown-metismenu {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;   /* Középre igazítás */
  gap: 32px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 auto !important;            /* Középre igazítás blokkon belül is */
}

ul.mod-menu.mod-menu_dropdown-metismenu > li {
  list-style: none !important;
  padding: 0 10px !important;
}

/* MENÜBETŰ STÍLUSOK */
ul.mod-menu.mod-menu_dropdown-metismenu > li > a {
  font-weight: bold !important;
  font-size: 1.15em !important;
  text-transform: uppercase !important;
  color: #9b0506 !important;
  letter-spacing: 1px;
  font-family: inherit;
  text-decoration: none !important;
  transition: color 0.2s;
}

/* Aktív, hovered el emelés (opcionális, ízlés szerint) */
ul.mod-menu.mod-menu_dropdown-metismenu > li > a:hover,
ul.mod-menu.mod-menu_dropdown-metismenu > li.current > a,
ul.mod-menu.mod-menu_dropdown-metismenu > li.active > a {
  color: #b62228 !important;
}
@media (max-width: 600px) {
  ul.mod-menu.mod-menu_dropdown-metismenu {
    flex-direction: column !important;     /* Egymás alá */
    align-items: stretch !important;       /* Szélesség megtartása mobilon */
    gap: 8px !important;                   /* Térköz menüpontok között */
  }

  ul.mod-menu.mod-menu_dropdown-metismenu > li > a {
    font-size: 1em !important;             /* Normál betűméret */
    text-transform: none !important;        /* Kisbetűs */
    font-weight: bold !important;           /* Marad bold */
    color: #9b0506 !important;
    letter-spacing: 0.5px;
    font-family: inherit;
  }
}
.custom-banner {
  background-color: var(--cassiopeia-color-primary) !important;
}
/* Az almenük alapból el vannak rejtve */
.mod-menu ul.sub-menu, 
.mod-menu ul.dropdown-menu {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  background: #ffecce !important; /* vagy a kívánt háttér */
  padding: 10px 0 !important;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
  border-radius: 0 0 6px 6px !important;
  min-width: 180px !important;
  z-index: 9999 !important;
  flex-direction: column !important;
}

/* A szülő elem hover vagy 'open' esetén az almenü jelenik meg */
.mod-menu li:hover > ul.sub-menu,
.mod-menu li.open > ul.sub-menu,
.mod-menu li:hover > ul.dropdown-menu,
.mod-menu li.open > ul.dropdown-menu {
  display: flex !important;
  flex-direction: column !important;
}

/* Almenük listaelemei */
.mod-menu ul.sub-menu > li,
.mod-menu ul.dropdown-menu > li {
  padding: 4px 20px !important;
  white-space: nowrap !important;
}

/* Almű menüpont linkek */
.mod-menu ul.sub-menu > li > a,
.mod-menu ul.dropdown-menu > li > a {
  color: #866f69 !important;
  font-weight: normal !important;
  text-transform: none !important;
  font-size: 1em !important;
  padding: 4px 8px !important;
}

/* Almenü menüpont hover */
.mod-menu ul.sub-menu > li > a:hover,
.mod-menu ul.dropdown-menu > li > a:hover {
  background: #87706a !important;
  color: #fff !important;
  border-radius: 3px !important;
}

/* Separator (elválasztó karakterként megjelenő menüpontok) */
.mod-menu li.separator > a,
.mod-menu li.divider > a {
  pointer-events: none !important;  /* nem kattintható */
  color: #ccc !important;
  background: none !important;
  border: none !important;
  cursor: default !important;
  font-weight: normal !important;
  font-style: italic !important;
}

/* Responsive: Almű függőlegessé válik mobilon */
@media (max-width: 768px) {
  .mod-menu ul.sub-menu,
  .mod-menu ul.dropdown-menu {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    min-width: auto !important;
  }
}
/* Az almenük alapból elrejtve */
.mod-menu ul.mm-collapse {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  background: #ffecce !important;
  padding: 10px 0 !important;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
  border-radius: 0 0 6px 6px !important;
  min-width: 180px !important;
  z-index: 9999 !important;
  flex-direction: column !important;
}

/* Amikor a szülő elem nyitva van vagy hover alatt, az almenü látható */
.mod-menu li.deeper.parent:hover > ul.mm-collapse,
.mod-menu li.deeper.parent.open > ul.mm-collapse {
  display: flex !important;
  flex-direction: column !important;
}

/* Almenü listaelemei */
.mod-menu ul.mm-collapse > li {
  padding: 4px 20px !important;
  white-space: nowrap !important;
}

/* Almű menüpont linkek */
.mod-menu ul.mm-collapse > li > a {
  color: #866f69 !important;
  font-weight: normal !important;
  text-transform: none !important;
  font-size: 1em !important;
  padding: 4px 8px !important;
}

/* Almenü menüpont hover */
.mod-menu ul.mm-collapse > li > a:hover {
  background: #87706a !important;
  color: #fff !important;
  border-radius: 3px !important;
}

/* Separator menüpontok stílusa */
.mod-menu li.divider > button.mod-menu__separator,
.mod-menu li.separator > button.mod-menu__separator {
  pointer-events: none !important;  /* nem kattintható */
  color: #ccc !important;
  background: none !important;
  border: none !important;
  cursor: default !important;
  font-weight: normal !important;
  font-style: italic !important;
  padding: 4px 12px !important;
}

/* Responsive: Almű függőlegessé válik mobilon */
@media (max-width: 768px) {
  .mod-menu ul.mm-collapse {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    min-width: auto !important;
  }
}
/* Elválasztó karakterként létrehozott menüpont stílusa */
.mod-menu__separator {
  pointer-events: none !important;  /* nem kattintható */
  color: #866f69 !important;         /* megegyező szín a menü többi elemével */
  background: none !important;
  border: none !important;
  cursor: default !important;
  font-weight: bold !important;
  font-style: normal !important;
  padding: 4px 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-family: inherit !important;
  user-select: none !important;      /* nem jelölhető ki */
}

/* Legyen egységes margó közte és a menüpontok között */
.mod-menu li.divider > button.mod-menu__separator,
.mod-menu li.separator > button.mod-menu__separator {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  border-bottom: 1px solid #ccc !important;
}
.mod-menu__separator {
  pointer-events: none !important;  /* nem kattintható */
  color: #866f69 !important;         /* megegyező szín a menüpontokkal */
  background: none !important;
  border: none !important;
  cursor: default !important;
  font-weight: bold !important;     /* vastag betű */
  font-style: normal !important;    /* nem dőlt */
  padding: 4px 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-family: inherit !important;
  user-select: none !important;      /* ne lehessen kijelölni */
  display: block;                    /* blokkelemként viselkedjen */
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  border-bottom: 1px solid #ccc !important; /* vékony elválasztó vonal */
}
ul.mod-menu li > button.mod-menu__separator {
  pointer-events: none !important;
  color: #866f69 !important;
  background: none !important;
  border: none !important;
  cursor: default !important;
  font-weight: bold !important;
  font-style: normal !important;
  padding: 4px 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-family: inherit !important;
  user-select: none !important;
  display: block !important;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  border-bottom: 1px solid #ccc !important;
}
ul.mod-menu li.divider > button.mod-menu__separator,
ul.mod-menu li.separator > button.mod-menu__separator {
  pointer-events: none !important;
  color: #866f69 !important !important;
  background: none !important !important;
  border: none !important !important;
  cursor: default !important !important;
  font-weight: bold !important !important;
  font-style: normal !important !important;
  padding: 4px 12px !important !important;
  text-transform: uppercase !important !important;
  letter-spacing: 1px !important !important;
  font-family: inherit !important !important;
  user-select: none !important !important;
  display: block !important !important;
  margin-top: 8px !important !important;
  margin-bottom: 8px !important !important;
  border-bottom: 1px solid #ccc !important !important;
}
/* A főmenü középre zárása és méretcsökkentés */
.mod-menu {
  max-width: 80%; /* vagy fix szélesség, pl. 1000px */
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  font-size: 0.9em !important; /* vagy kisebb, pl. 0.8em, ha kell */
}

/* A menü a tartalomhoz igazítása */
.mod-menu ul {
  justify-content: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px;
  padding: 0;
  margin: 0 auto;
}

/* A menü menüpontok méretének csökkentése */
.mod-menu li > a {
  font-size: 0.9em !important; /* vagy kisebb, például 0.8em */
  padding: 4px 8px !important;
}
nav.mod-menu {
  max-width: 80% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: 0.8em !important;
}
nav.mod-menu > ul {
  justify-content: center !important;
  flex-wrap: wrap !important;
}
/* A navbar szélességének korlátozása és középre helyezése */
.navbar {
  max-width: 1200px !important;   /* vagy használj %, pl. 80% */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* A menü listájának középre igazítása és betűméret csökkentése */
.mod-menu {
  font-size: 0.85em !important;   /* kisebb betűméret */
  justify-content: center !important;
  flex-wrap: wrap !important;     /* törhető menüpontok több sorba */
  gap: 12px !important;
}

/* Menüpontok kisebb méretben */
.mod-menu li a {
  font-size: 0.9em !important;
  padding: 6px 10px !important;
  text-transform: uppercase !important;
}

/* Mobil nézethez igazítás */
@media (max-width: 768px) {
  .navbar {
    max-width: 100% !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .mod-menu {
    font-size: 1em !important;
    flex-direction: column !important;
    gap: 8px !important;
  }
  .mod-menu li a {
    font-size: 1em !important;
    text-transform: none !important;
  }
}
/* Csökkentett gap a menüpontok között */
.mod-menu {
  gap: 6px !important;           /* kisebb távolság */
}

/* Betűméret csökkentése erőteljesebben */
.mod-menu li a {
  font-size: 0.75em !important;  /* erősebb csökkentés */
  padding: 4px 8px !important;   /* kisebb padding */
  text-transform: uppercase !important;
}

/* Ha túl szoros a mobilnézetben, lehet visszaállítani nagyobbra */
@media (max-width: 768px) {
  .mod-menu {
    gap: 10px !important;
  }
  .mod-menu li a {
    font-size: 0.85em !important;
    padding: 6px 10px !important;
    text-transform: none !important;
  }
  .mod-menu li a {
  font-size: 0.7em !important;
  padding: 2px 6px !important;
}
}
.mod-menu {
  gap: 4px !important;
}
nav.navbar ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list {
    font-size: 0.7em !important;
    gap: 4px !important;
}
nav.navbar ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list > li > a {
    font-size: 0.7em !important;
    padding: 2px 6px !important;
}
nav.navbar ul.mod-menu li > button.mod-menu__separator.separator {
  pointer-events: none !important;
  color: #866f69 !important;       /* barna szín, mint a menüpontok */
  font-size: 0.75em !important;    /* kisebb, mint a többiek */
  font-weight: bold !important;
  font-style: normal !important;
  background: none !important;
  border: none !important;
  cursor: default !important;
  padding: 4px 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-family: inherit !important;
  user-select: none !important;
  display: block !important;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  border-bottom: 1px solid #ccc !important;
}
/* Globális háttérszín beállítása */
body,
.moduletable,
.container,
.navbar,
.mod-menu,
.card,
.article-content,
.custom,
.section,
header,
footer {
  background-color: #e6e0c4 !important; /* vagy használd a pontos képszínt */
  border: none !important;
  box-shadow: none !important;
}

/* Ha van fehér vagy más színű modul, ezt is felülírja */
div,
section,
aside {
  background-color: #e6e0c4 !important;
  border: none !important;
}
/* Cassiopeia dropdown/Metismenu almenük háttérszínének beállítása */
.mod-menu ul.mm-collapse,
.mod-menu ul.dropdown-menu,
ul.mod-menu.mod-menu_dropdown-metismenu ul,
.mod-menu ul ul,
.metismenu ul,
.mm-collapse {
  background-color: #e6e0c4 !important;
  border: none !important;
  box-shadow: none !important;
}
ul.mod-menu.mod-menu_dropdown-metismenu {
  gap: 2px !important;
  padding: 0 !important;
  margin: 0 auto !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  width: 100% !important;
}

ul.mod-menu.mod-menu_dropdown-metismenu > li {
  padding: 0 4px !important;
  margin: 0 !important;
}

ul.mod-menu.mod-menu_dropdown-metismenu > li > a {
  font-size: 0.75em !important;
  padding: 4px 6px !important;
  white-space: nowrap !important;
}

@media (max-width: 900px) {
  ul.mod-menu.mod-menu_dropdown-metismenu {
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
}
/* Minden főmenüpont – link és button – egységes gomb-stílus */
ul.mod-menu.mod-menu_dropdown-metismenu > li > a,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.mod-menu__heading {
  display: inline-block;
  color: #866f69 !important;
  background: #ffecce !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 6px 18px !important;
  font-size: 1.1em !important;
  font-weight: bold !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  margin: 0 2px !important;
  transition: background 0.2s, color 0.2s !important;
  cursor: pointer !important;
  text-align: center !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* Hover, aktív, nyitott állapot */
ul.mod-menu.mod-menu_dropdown-metismenu > li > a:hover,
ul.mod-menu.mod-menu_dropdown-metismenu > li.current > a,
ul.mod-menu.mod-menu_dropdown-metismenu > li.active > a,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.mod-menu__heading:hover,
ul.mod-menu.mod-menu_dropdown-metismenu > li.open > button.mod-menu__heading {
  background: #87706a !important;
  color: #fff !important;
}
/* Főmenü linkek és gombok semleges, letisztult stílusa */
ul.mod-menu.mod-menu_dropdown-metismenu > li > a,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.mod-menu__heading,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.nav-header {
  display: inline-block;
  color: #866f69 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 4px 14px !important;
  font-size: 1em !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  text-transform: none !important;      /* Nem kapitális */
  margin: 0 2px !important;
  text-align: center !important;
  box-shadow: none !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

/* Hover, aktív, nyitott állapot */
ul.mod-menu.mod-menu_dropdown-metismenu > li > a:hover,
ul.mod-menu.mod-menu_dropdown-metismenu > li.current > a,
ul.mod-menu.mod-menu_dropdown-metismenu > li.active > a,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.mod-menu__heading:hover,
ul.mod-menu.mod-menu_dropdown-metismenu > li.open > button.mod-menu__heading,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.nav-header:hover,
ul.mod-menu.mod-menu_dropdown-metismenu > li.open > button.nav-header {
  background: #e6e0c4 !important;
  color: #954b56 !important;
  text-decoration: underline !important;
}

/* Sajtó, letöltések, separator gombok egységesen */
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.mod-menu__separator,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.mod-menu__heading,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.nav-header {
  font-style: normal !important;
  font-size: 1em !important;
  font-weight: 600 !important;
  color: #866f69 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 4px 14px !important;
  margin: 0 2px !important;
  box-shadow: none !important;
  text-transform: none !important;
}
/* Minden főmenüpont (link és elválasztó gomb) egységes, sima, szöveges kinézet */
ul.mod-menu.mod-menu_dropdown-metismenu > li > a,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.mod-menu__heading,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.mod-menu__separator,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.mm-toggler {
  display: inline;
  color: #866f69 !important;             /* egységes szín */
  background: transparent !important;    /* nincs háttérszín */
  border: none !important;               /* nincs keret */
  padding: 4px 8px !important;            /* fele akkora padding, ne legyen kapszula */
  font-size: 1em !important;              /* egységes méret */
  font-weight: normal !important;         /* nem kapitális, nem vastag */
  letter-spacing: normal !important;
  text-transform: none !important;        /* nem nagybetűs, nem kapitális */
  margin: 0 2px !important;
  cursor: pointer !important;             /* kurzor: kéz helyett nyíl vagy default */
  text-align: center !important;
  box-shadow: none !important;
  text-decoration: none !important;       /* keresztül nem lesz aláhúzva */
}

/* Hover állapot: szín vagy aláhúzás, de nem gombos, hanem sima link */
ul.mod-menu.mod-menu_dropdown-metismenu > li > a:hover,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.mod-menu__heading:hover,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.mod-menu__separator:hover,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.mm-toggler:hover {
  color: #954b56 !important;             /* más szín hoverre */
  text-decoration: underline !important; /* aláhúzás hoverre */
}
/* Főmenü méretezése az almenükhöz igazítva */
ul.mod-menu.mod-menu_dropdown-metismenu > li > a,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.mod-menu__heading,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.mod-menu__separator,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.mm-toggler {
  font-size: 0.9em !important;     /* megegyező betűméret az almenükkel */
  padding: 4px 8px !important;     /* kisebb padding, egységes */
  font-weight: normal !important;
  color: #866f69 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  margin: 0 4px !important;
  cursor: pointer !important;
  text-align: center !important;
  box-shadow: none !important;
  text-decoration: none !important;
  display: inline !important;
}

/* Hover effekt az egységes link stílushoz */
ul.mod-menu.mod-menu_dropdown-metismenu > li > a:hover,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.mod-menu__heading:hover,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.mod-menu__separator:hover,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.mm-toggler:hover {
  color: #954b56 !important;
  text-decoration: underline !important;
}
/* Alap hátterek, méretek, betűk egységesítése */
.mod-menu a, 
.mod-menu button {
  font-size: 0.9em !important;
  padding: 6px 10px !important;
  color: #866f69 !important;
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  font-weight: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  display: inline-block !important;
  margin: 0 6px 0 0 !important;
}

/* Hover és aktív állapotok */
.mod-menu a:hover, 
.mod-menu button:hover,
.mod-menu .current > a, 
.mod-menu .active > a,
.mod-menu li.open > button {
  color: #954b56 !important;
  text-decoration: underline !important;
  background: transparent !important;
}

/* Almenük listája kisebb betűkkel, kevésbé hangsúlyosan */
.mod-menu ul.mm-collapse a {
  font-size: 0.85em !important;
  padding: 4px 8px !important;
  margin: 0 !important;
  color: #866f69 !important;
  white-space: nowrap !important;
}

/* Elválasztó vagy header gombok stílusa */
.mod-menu button.mod-menu__heading {
  font-weight: bold !important;
  color: #866f69 !important;
  background: transparent !important;
  text-transform: none !important;
  padding: 6px 8px !important;
  margin: 0 6px 0 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
/* Az összes főmenü elem egységes kinézete, link vagy gomb */
ul.mod-menu.mod-menu_dropdown-metismenu > li > a,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button {
  display: inline !important; /* ne legyen kapszula vagy gomb */
  font-size: 0.9em !important;
  padding: 6px 10px !important;
  color: #866f69 !important;
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
  font-weight: normal !important;
  border-radius: 0 !important;
  margin: 0 4px !important;
  cursor: pointer !important;
  text-align: center !important;
}

/* Hover és aktív állapot */
ul.mod-menu.mod-menu_dropdown-metismenu > li > a:hover,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button:hover,
ul.mod-menu.mod-menu_dropdown-metismenu > li.current > a,
ul.mod-menu.mod-menu_dropdown-metismenu > li.active > a,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button:hover {
  color: #954b56 !important;
  text-decoration: underline !important;
  background: transparent !important;
}
/* Elválasztó vagy header gomb új stílusa, ugyanaz mint a főmenü link */
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.mod-menu__separator,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.nav-header {
  font-style: normal !important;
  font-size: 0.9em !important;
  color: #866f69 !important;
  background: transparent !important;
  border: none !important;
  padding: 6px 10px !important;
  margin: 0 4px !important;
  font-weight: normal !important;
}
ul.mod-menu.mod-menu_dropdown-metismenu > li > a,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button {
  all: unset !important;
  font-size: 0.9em !important;
  padding: 6px 10px !important;
  color: #866f69 !important;
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
  font-weight: normal !important;
  border-radius: 0 !important;
  margin: 0 4px !important;
  cursor: pointer !important;
  text-align: center !important;
  white-space: nowrap !important;
  display: inline-block !important;
}

ul.mod-menu.mod-menu_dropdown-metismenu > li > a:hover,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button:hover,
ul.mod-menu.mod-menu_dropdown-metismenu > li.current > a,
ul.mod-menu.mod-menu_dropdown-metismenu > li.active > a,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button:hover {
  color: #954b56 !important;
  text-decoration: underline !important;
  background: transparent !important;
}
/* Az összes főmenüpont egységes, nem gombszerű stílusa */
ul.mod-menu.mod-menu_dropdown-metismenu > li > a,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.mod-menu__heading,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.nav-header,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.mm-toggler,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.mm-toggler-nolink {
  all: unset !important;
  font-size: 0.9em !important;
  padding: 4px 10px !important;
  color: #866f69 !important;
  font-weight: normal !important;
  text-transform: none !important;
  margin-right: 8px !important;
  cursor: pointer !important;
  display: inline-block !important;
  white-space: nowrap !important;
}

/* Hover és aktív állapot egységes */
ul.mod-menu.mod-menu_dropdown-metismenu > li > a:hover,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.mod-menu__heading:hover,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.nav-header:hover,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.mm-toggler:hover,
ul.mod-menu.mod-menu_dropdown-metismenu > li.current > a,
ul.mod-menu.mod-menu_dropdown-metismenu > li.active > a,
ul.mod-menu.mod-menu_dropdown-metismenu > li.open > button {
  color: #954b56 !important;
  text-decoration: underline !important;
  background: transparent !important;
}
document.querySelectorAll('ul.mod-menu.mod-menu_dropdown-metismenu > li > a, ul.mod-menu.mod-menu_dropdown-metismenu > li > button').forEach(el => {
  el.style.all = 'unset';
  el.style.fontSize = '14px';
  el.style.color = '#866f69';
  el.style.backgroundColor = 'transparent';
  el.style.fontWeight = 'normal';
  el.style.textTransform = 'none';
  el.style.marginRight = '8px';
  el.style.padding = '4px 10px';
  el.style.cursor = 'pointer';
  el.style.display = 'inline-block';
  el.style.whiteSpace = 'nowrap';
});
ul.mod-menu.mod-menu_dropdown-metismenu > li > a,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button {
  all: unset !important;
  font-size: 0.9em !important;
  padding: 6px 10px !important;
  color: #866f69 !important;
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
  font-weight: normal !important;
  border-radius: 0 !important;
  margin: 0 4px !important;
  cursor: pointer !important;
  text-align: center !important;
  white-space: nowrap !important;
  display: inline-block !important;
  pointer-events: auto !important;
}
/* Főmenüpontok és gombok egységes méretezése */
ul.mod-menu.mod-menu_dropdown-metismenu > li.level-1 > a,
ul.mod-menu.mod-menu_dropdown-metismenu > li.level-1 > button.mod-menu__heading,
ul.mod-menu.mod-menu_dropdown-metismenu > li.level-1 > button.nav-header,
ul.mod-menu.mod-menu_dropdown-metismenu > li.level-1 > button.mm-toggler,
ul.mod-menu.mod-menu_dropdown-metismenu > li.level-1 > button.mm-toggler-nolink {
  font-size: 1em !important;
  padding: 6px 12px !important;
  color: #866f69 !important;
  font-weight: 600 !important;
  background: transparent !important;
  border: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  margin-right: 10px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  display: inline-block !important;
}

/* Almenüpontok (level-2) stílusa hasonló, de kicsit kisebb, visszafogottabb */
ul.mod-menu.mod-menu_dropdown-metismenu > li.level-1 > ul.mm-collapse > li.level-2 > a {
  font-size: 0.9em !important;
  padding: 5px 10px !important;
  color: #866f69 !important;
  font-weight: normal !important;
  background: transparent !important;
  border: none !important;
  text-transform: none !important;
  white-space: nowrap !important;
  margin-right: 8px !important;
  display: inline-block !important;
}

/* Hover állapotok egységes színnel és aláhúzással */
ul.mod-menu.mod-menu_dropdown-metismenu li.level-1 > a:hover,
ul.mod-menu.mod-menu_dropdown-metismenu li.level-1 > button:hover,
ul.mod-menu.mod-menu_dropdown-metismenu li.level-1.current > a,
ul.mod-menu.mod-menu_dropdown-metismenu li.level-1.active > a,
ul.mod-menu.mod-menu_dropdown-metismenu li.level-1.open > button,
ul.mod
}
/* Egységes menüstílus minden fő- és almenü elemhez */
ul.mod-menu.mod-menu_dropdown-metismenu > li > a,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.mod-menu__heading,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.nav-header,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button.mm-toggler {
  all: unset !important;
  font-size: 0.9em !important;    /* egységes betűméret */
  padding: 6px 12px !important;    /* egységes paddingennek */
  color: #866f69 !important;        /* egységes szín */
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
  font-weight: normal !important;
  text-transform: none !important;
  margin: 0 4px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  display: inline !important;
}

/* Hover és aktív állapotok */
ul.mod-menu.mod-menu_dropdown-metismenu > li > a:hover,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button:hover,
ul.mod-menu.mod-menu_dropdown-metismenu > li > .current > a,
ul.mod-menu.mod-menu_dropdown-metismenu > li > .active > a,
ul.mod-menu.mod-menu_dropdown-metismenu > li > button:hover {
  color: #954b56 !important;
  text-decoration: underline !important;
}