/**********************************************************
 * LOGÓ MÉRET NÖVELÉSE – SZABÉV LOGO
 * --------------------------------------------------------
 * Cél: a felső menüsor bal oldalán lévő logó kétszer
 *      nagyobbra állítása asztali és mobil nézetben is.
 *
 * Megjegyzés:
 * - A .navbar-brand img a Shoprenteres logó elem.
 * - A !important azért kell, hogy felülírjuk a theme
 *   beégetett max-height beállítását.
 **********************************************************/

/* Alap (asztali) logó méret – kb. duplája az eredetinek */
.header-middle .navbar-brand img,
.navbar.navbar-expand-lg .navbar-brand img {
    max-height: 80px !important;  /* ha túl nagy/kicsi, ezt az értéket állítsd */
    height: auto !important;      /* arányok megtartása */
    width: auto !important;       /* ne torzuljon a logó */
}

/**********************************************************
 * HEADER SOR MAGASSÁGÁNAK IGAZÍTÁSA
 * --------------------------------------------------------
 * Ha a nagyobb logót a fejléc “levágná”, ez biztosítja,
 * hogy legyen elég függőleges hely körülötte.
 **********************************************************/
.sticky-head .header-middle-line {
    min-height: 100px;            /* elég hely a nagyobb logónak */
    display: flex;
    align-items: center;          /* logó + kereső vertikális középre igazítása */
}

/**********************************************************
 * MOBIL NÉZET – LOGÓ MÉRET
 * --------------------------------------------------------
 * 992px alatti szélességnél (tablet + mobil) is nagyobb
 * legyen a logó, de ne takarja el a menüt.
 **********************************************************/
@media (max-width: 992px) {
    .header-middle .navbar-brand img,
    .navbar.navbar-expand-lg .navbar-brand img {
        max-height: 50px !important;  /* mobilon is kb. duplája az eredetinek */
    }

    /* Opcionális: mobil fejléc magasság finomhangolása */
    .sticky-head .header-middle-line {
        min-height: 50px;
    }
}

/**************************************************************
 * SZABÉV – Globális betűtípus: MONTSERRAT
 * -----------------------------------------------------------
 * A font betöltése a HEAD részben történik.
 * Itt már csak alkalmazzuk a teljes webshopra.
 **************************************************************/

/* Globális beállítás a teljes oldalra */
body, html {
    font-family: "Montserrat", Arial, sans-serif !important;
    font-weight: 400;
    line-height: 1.6;
    color: #000000;   /* alap fekete szöveg */
}

/* Címsorok egységesítése */
h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat", Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px;
}

/* Navigáció és menü */
.navbar, .nav-link, .menu, .top-menu {
    font-family: "Montserrat", Arial, sans-serif !important;
    font-weight: 500 !important;
}

/* Gombok */
.btn, button, .sr-button, input[type="submit"] {
    font-family: "Montserrat", Arial, sans-serif !important;
    font-weight: 600 !important;
}

/* Kiemelések */
strong, b, .product-name, .product-title {
    font-family: "Montserrat", Arial, sans-serif !important;
    font-weight: 700 !important;
}

/* Minden makacs elem felülírása */
* {
    font-family: "Montserrat", Arial, sans-serif !important;
}

/**************************************************************
 * SZABÉV – FUTÓFÉNY / MARQUEE SÁV (CSS)
 **************************************************************/

/* Sáv a footer fölött */
#footer-marquee-bar {
  background-color: #1e3d8f;     /* SZABÉV kék */
  color: #ffffff;                /* fehér szöveg */
  padding-top: 14px;
  padding-bottom: 14px;
  margin-bottom: 0;

  display: block;
  width: 100%;
  overflow: hidden;              /* csak a sávon belül látszódjon */
  white-space: nowrap;
  box-sizing: border-box;
  z-index: 50;
  position: relative;
  border-top: 1px solid #cdcdcd; /* világosszürke elválasztó vonal */
}

/* A „szalag”, ami fut */
.footer-marquee-content {
  display: inline-flex;
  width: max-content;            /* annyira széles, amekkora a szöveg */
  animation: footer-scroll 68s linear infinite;
}

/* Egy-egy megismételt szövegrész */
.footer-marquee-content span {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 22px;
  display: inline-block;
  padding-right: 3rem;          /* kis távolság a blokkok között */
}

/* Folyamatos görgetés balra */
@keyframes footer-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* MOBILON kicsit kisebb és gyorsabb */
@media (max-width: 768px) {

  #footer-marquee-bar {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .footer-marquee-content span {
    font-size: 14px;
  }

  .footer-marquee-content {
    animation-duration: 58s;
  }
}

/**************************************************************
 * HEADER TOP LINE – KÉK SÁV + FEHÉR MENÜ + DROPDOWN FIX
 **************************************************************/

/* Felső sáv: SZABÉV kék háttér, fehér alap szöveg */
.header-top-line {
    background-color: #1e3d8f !important;
    color: #ffffff !important;
}

/* Linkek, ikonok a top-line-ban */
.header-top-line a,
.header-top-line span,
.header-top-line i,
.header-top-line .nav-link {
    color: #ffffff !important;
}

.header-top-line a:hover,
.header-top-line .nav-link:hover {
    color: #cdcdcd !important;   /* halványabb szürke hover */
}

/* ===== DROPDOWN NYÍL (caret) TELJESEN FEHÉR ===== */
/* A legtöbb Shoprenter témában a nyíl border-ből rajzolt háromszög */
.header-top-line .dropdown-toggle::after {
    border-width: 0.35em 0.35em 0 0.35em !important;        /* klasszikus lefelé mutató nyíl */
    border-style: solid !important;
    border-color: #ffffff transparent transparent transparent !important;
    margin-left: .25rem;
}

/* ===== LENYÍLÓ MENÜ A TOP-LINE-BAN ===== */
/* Lista: <ul class="dropdown-hover-menu"> */
.header-top-line .dropdown-hover-menu {
    background-color: #1e3d8f !important;   /* ugyanaz a kék, mint a sáv */
    border: none !important;
    padding: 0 !important;
}

/* Egyes menüpontok (LI) és szövegük */
.header-top-line .dropdown-hover-menu .dropdown-item,
.header-top-line .dropdown-hover-menu .dropdown-item-text,
.header-top-line .dropdown-hover-menu .dropdown-item a {
    color: #ffffff !important;
    background: transparent !important;
}

/* Hover az egyes menüpontokon */
.header-top-line .dropdown-hover-menu .dropdown-item:hover,
.header-top-line .dropdown-hover-menu .dropdown-item a:hover,
.header-top-line .dropdown-hover-menu .dropdown-item-text:hover {
    background-color: rgba(205,205,205,0.18) !important;  /* finom világosodás szürkével */
    color: #ffffff !important;
}

/**************************************************************
 * HEADER TOP LINE – LETISZTULT FEHÉR CARET A LENYÍLÓKHOZ
 **************************************************************/

/* Minden korábbi nyíl/pseudo törlése a top sorban */
.header-top-line .dropdown-toggle::before {
    content: none !important;
}

/* Új, egyszerű, fehér háromszög nyíl */
.header-top-line .dropdown-toggle::after {
    /* alap bootstrap-szerű caret */
    content: "" !important;
    display: inline-block;
    margin-left: 0.35em;
    vertical-align: 0.15em;

    /* lefelé mutató fehér háromszög */
    border-top: 0.35em solid #ffffff;
    border-right: 0.35em solid transparent;
    border-left: 0.35em solid transparent;
    border-bottom: 0;

    /* ne legyen semmi korábbi transform/pozicionálás */
    position: static !important;
    transform: none !important;
    background: none !important;
}

/**************************************************************
 * KATEGÓRIA KÁRTYÁK – HOVER FELIRAT SZÍN JAVÍTÁS
 * -----------------------------------------------------------
 * HTML nálad:
 * .card.category-card
 *   -> .category-card-body
 *      -> a.category-card-link.stretched-link
 *         -> span (kategórianév)
 *
 * Cél:
 * - Hover állapotban a felirat NE legyen fehér,
 *   mert kilóg a hover overlay-ből és fehér alapon eltűnik.
 **************************************************************/

/* 1) Hover a teljes kártyán: felirat legyen sötét */
.card.category-card:hover a.category-card-link,
.card.category-card:hover a.category-card-link span {
    color: #1e3d8f !important; /* sötét szürke */
}

/* 2) Ha konkrétan a linket hovereled (stretched-link miatt gyakori) */
.card.category-card a.category-card-link:hover,
.card.category-card a.category-card-link:hover span {
    color: #1e3d8f !important;
}

/* 3) Szép átmenet */
.card.category-card a.category-card-link,
.card.category-card a.category-card-link span {
    transition: color 0.25s ease;
}
/**************************************************************
 * KATEGÓRIA KÁRTYÁK – HOVER FÉLKÖR / OVERLAY KIKAPCSOLÁSA
 * -----------------------------------------------------------
 * Madrid téma:
 * - Hoverkor egy ::before / ::after pseudo-element rajzol
 *   beúszó, félkör alakú réteget
 * - Ez vizuálisan takarja a feliratot
 *
 * Megoldás:
 * - Pseudo-elemek teljes letiltása
 **************************************************************/

/* Pseudo-elemek kikapcsolása a kártyán */
.card.category-card::before,
.card.category-card::after,
.card.category-card:hover::before,
.card.category-card:hover::after {
    content: none !important;
    display: none !important;
}

/* Ha a body rész rajzolja */
.card.category-card .category-card-body::before,
.card.category-card .category-card-body::after,
.card.category-card:hover .category-card-body::before,
.card.category-card:hover .category-card-body::after {
    content: none !important;
    display: none !important;
}

/**************************************************************
 * KATEGÓRIA KÁRTYÁK – HOVER KERET
 * -----------------------------------------------------------
 * Ok:
 * - a theme ad egy gyors (sötétebb) border/box-shadow hover-t
 * - a mi outline-unk transition miatt később áll be
 *
 * Fix:
 * - theme hover border/outline/box-shadow nullázása
 * - outline színének rögzítése alapból is (átmenet nélkül)
 **************************************************************/

/* Alapállapot: legyen "láthatatlan" outline előre, hogy ne villanjon */
.subcategory-item .card.category-card {
    border: 0 !important;                          /* theme border ne szóljon bele */
    outline: 1px solid transparent !important;     /* előkészítjük az outline-t */
    outline-offset: 3px !important;                /* nálad ez vált be */
    box-shadow: none !important;                   /* theme shadow alapból ki */
    border-radius: 8px !important;
    transition: outline-color 0.20s ease, box-shadow 0.20s ease, transform 0.20s ease !important;
}

/* Hover/fókusz: csak az outline színe váltson (nem ugrik, nem villan) */
.subcategory-item .card.category-card:hover,
.subcategory-item .card.category-card:focus-within {
    outline-color: #cfcfcf !important;             /* világosszürke keret */
    box-shadow: 0 6px 14px rgba(0,0,0,0.06) !important;
    transform: translateY(-2px) !important;
}

/* Theme hover-keret/árnyék felülírása a legelső frame-től */
.subcategory-item .card.category-card:hover,
.subcategory-item .card.category-card:hover * {
    border-color: transparent !important;
}

/* Mobil: ne emeljen */
@media (hover: none) {
    .subcategory-item .card.category-card:hover,
    .subcategory-item .card.category-card:focus-within {
        transform: none !important;
        box-shadow: none !important;
    }
}

/* =========================================================
   SZABÉV – ShopProtect belépő – 1 HERO / 2 BOX LAYOUT
   Madrid kompatibilis, var() nélkül
========================================================= */

/* csak a belépő oldalon */
body.sr-shopprotect-page{
  background: #ececec !important;
}

/* =========================================================
   1) HERO FULL WIDTH
========================================================= */
body.sr-shopprotect-page #sr-private-hero2{
  position: relative;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  min-height: 100vh;        /* <-- fontos: fedje le a teljes viewportot */
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}

/* háttérkép */
body.sr-shopprotect-page #sr-private-hero2 .srh-bg{
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transform: scale(1.02);
}

/* overlay */
body.sr-shopprotect-page #sr-private-hero2 .srh-overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.03);
}

/* belső középre rendezés */
body.sr-shopprotect-page #sr-private-hero2 .srh-inner{
  position: relative;
  z-index: 2;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 26px 16px;
  color: #000000;
}

/* =========================================================
   2) 1 WRAPPER / 2 BOX GRID
========================================================= */
body.sr-shopprotect-page #sr-private-hero2 .srh-wrap{
  width: 100%;
  max-width: 1280px;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  align-items: center;
}

/* bal doboz (szöveg) */
body.sr-shopprotect-page #sr-private-hero2 .srh-left{
  padding: 10px 6px;
  text-align: left;
}

/* logó */
body.sr-shopprotect-page #sr-private-hero2 .srh-logo{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

body.sr-shopprotect-page #sr-private-hero2 .srh-logo img{
  height: 130px;
  width: auto;
  display: block;
  filter: drop-shadow(0 6px 18px rgba(0,0,0,.35));
}

/* cím */
body.sr-shopprotect-page #sr-private-hero2 .srh-title{
  margin: 10px 0 0;
  font-size: 84px;
  line-height: 0.95;
  font-weight: 900;
  letter-spacing: -1px;
  text-shadow: 0 10px 26px rgba(0,0,0,.45);
}

/* alcím */
body.sr-shopprotect-page #sr-private-hero2 .srh-subtitle{
  margin: 14px 0 0;
  font-size: 16px;
  line-height: 1.55;
  opacity: .95;
  text-shadow: 0 8px 18px rgba(0,0,0,.35);
  max-width: 680px;
}

/* hint */
body.sr-shopprotect-page #sr-private-hero2 .srh-hint{
  margin-top: 12px;
  font-size: 13px;
  opacity: .9;
}

/* =========================================================
   3) jobb doboz – login kártya
========================================================= */
body.sr-shopprotect-page #sr-private-hero2 .srh-right{
  display: flex;
  justify-content: center;
}

body.sr-shopprotect-page #sr-private-hero2 #sr-private-loginwrap2{
  width: 100%;
  max-width: 520px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.98);
  box-shadow: 0 16px 45px rgba(0,0,0,.22);
  padding: 22px;
  color: #000;
}

/* loginbox belül */
body.sr-shopprotect-page #sr-private-loginwrap2 .loginbox{
  width: 100%;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  margin: 0 !important;
  text-align: center;
}

body.sr-shopprotect-page #sr-private-loginwrap2 .loginbox > h3{
  margin: 0 0 10px !important;
  padding: 0 !important;
  font-size: 24px;
  font-weight: 900;
}

body.sr-shopprotect-page #sr-private-loginwrap2 .text-returning-customer{
  color: rgba(0,0,0,.70);
  margin-bottom: 14px;
}

body.sr-shopprotect-page #sr-private-loginwrap2 label{
  display: block;
  text-align: center;
  font-weight: 800;
}

body.sr-shopprotect-page #sr-private-loginwrap2 .form-control{
  height: 48px;
  border-radius: 8px;
  border: 1px solid rgba(0,0,0,.14);
  box-shadow: none;
  text-align: center;
}

body.sr-shopprotect-page #sr-private-loginwrap2 .form-control:focus{
  border-color: rgba(30,61,143,.55);
  box-shadow: 0 0 0 4px rgba(30,61,143,.12);
}

/* login gomb – sweep */
body.sr-shopprotect-page #sr-private-loginwrap2 #js-shop-protect-button{
  position: relative;
  height: 44px;
  padding: 0 22px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .2px;
  color: #fff !important;
  background: #1e3d8f;
  border: 1px solid rgba(0,0,0,.15);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-decoration: none !important;
  box-shadow: none !important;
}

body.sr-shopprotect-page #sr-private-loginwrap2 #js-shop-protect-button:before{
  content: "";
  position: absolute;
  inset: 0;
  background: #16306f;
  transform: translateX(-100%);
  transition: transform .25s ease;
  z-index: 0;
}

body.sr-shopprotect-page #sr-private-loginwrap2 #js-shop-protect-button span{
  position: relative;
  z-index: 1;
}

body.sr-shopprotect-page #sr-private-loginwrap2 #js-shop-protect-button:hover:before{
  transform: translateX(0%);
}

/* =========================================================
   4) Mobil – 1 oszlop + középre zárás a bal oldalon
========================================================= */
@media (max-width: 900px){
  body.sr-shopprotect-page #sr-private-hero2 .srh-wrap{
    grid-template-columns: 1fr;
    gap: 18px;
  }

  body.sr-shopprotect-page #sr-private-hero2{
    min-height: 100vh;
  }

  body.sr-shopprotect-page #sr-private-hero2 .srh-inner{
    min-height: 100vh;
    padding: 22px 14px 28px;
  }

  body.sr-shopprotect-page #sr-private-hero2 .srh-left{
    text-align: center;              /* <-- kérés: mobilon középre */
  }

  body.sr-shopprotect-page #sr-private-hero2 .srh-logo{
    justify-content: center;         /* <-- logo is középre */
  }

  body.sr-shopprotect-page #sr-private-hero2 .srh-title{
    font-size: 40px;
    line-height: 1.05;
    letter-spacing: -0.5px;
  }

  body.sr-shopprotect-page #sr-private-hero2 .srh-logo img{
    height: 58px;
  }

  body.sr-shopprotect-page #sr-private-hero2 .srh-subtitle{
    font-size: 14px;
    margin-left: auto;              /* <-- subtitle blokk középre */
    margin-right: auto;
  }

  body.sr-shopprotect-page #sr-private-hero2 #sr-private-loginwrap2{
    max-width: 560px;
    margin: 0 auto;
  }
}

/* =========================================================
   5) Jogi linkek színe (marad)
========================================================= */
body.sr-shopprotect-page #sr-legal-note a{
  color: #1e3d8f !important;
}

body.sr-shopprotect-page #sr-legal-note a:hover{
  color: #16306f !important;
}

/* =========================================================
   6) FEHÉR SÁV ELTÜNTETÉSE A HERO ÉS A FUTÓSÁV KÖZÖTT
   (jellemzően a main/container/footer spacing okozza)
========================================================= */
body.sr-shopprotect-page main,
body.sr-shopprotect-page .sr-container,
body.sr-shopprotect-page .sr-container.mt-5{
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.sr-shopprotect-page footer,
body.sr-shopprotect-page .page-footer,
body.sr-shopprotect-page .footer-rows,
body.sr-shopprotect-page .footer,
body.sr-shopprotect-page .site-footer{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ha van bármilyen "spacer" jellegű elem, ne hagyjon rést */
body.sr-shopprotect-page hr{
  display: none !important;
}

/* =========================================================
   FEHÉR SÁV ELTÜNTETÉSE – HERO ÉS MARQUEE KÖZÖTT
   OK: ShopRenter main / container spacer
========================================================= */

/* a HERO utáni közvetlen main ne adjon teret */
body.sr-shopprotect-page #sr-private-hero2 + main{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ha a HERO után container jön */
body.sr-shopprotect-page #sr-private-hero2 + .sr-container,
body.sr-shopprotect-page #sr-private-hero2 + .sr-container-fluid{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* a main első gyereke (gyakran üres spacer) */
body.sr-shopprotect-page main > *:first-child{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ha a ShopRenter egy üres section-t szúr be */
body.sr-shopprotect-page main section:empty{
  display: none !important;
}

/* extra biztosíték mobilra */
@media (max-width: 900px){
  body.sr-shopprotect-page main{
    min-height: auto !important;
  }
}

/* =========================================================
   BELÉPŐ – INPUT MEZŐK SZÉLESSÉGE (ASZTALI)
========================================================= */
@media (min-width: 901px){
  body.sr-shopprotect-page 
  #sr-private-loginwrap2 
  .form-control{
    max-width: 320px;   /* ← EZT VEDD LEJJEBB */
    margin-left: auto;
    margin-right: auto;
  }
}

/* =========================================================
   JOGI BLOKK – KÖZÉPRE ZÁRÁS (BELÉPŐ OLDALON)
========================================================= */
body.sr-shopprotect-page #sr-private-loginwrap2 #sr-legal-note{
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(0,0,0,.08);
  text-align: center !important;   /* <- EZ A LÉNYEG */
}

body.sr-shopprotect-page #sr-private-loginwrap2 #sr-legal-note .sr-legal-text,
body.sr-shopprotect-page #sr-private-loginwrap2 #sr-legal-note .sr-legal-sub,
body.sr-shopprotect-page #sr-private-loginwrap2 #sr-legal-note .sr-imprint{
  text-align: center !important;
}

body.sr-shopprotect-page #sr-private-loginwrap2 #sr-legal-note .sr-legal-text{
  font-size: 13px;
  line-height: 1.5;
  color: rgba(0,0,0,.70);
}

body.sr-shopprotect-page #sr-private-loginwrap2 #sr-legal-note .sr-legal-sub{
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.45;
  color: rgba(0,0,0,.55);
}

body.sr-shopprotect-page #sr-private-loginwrap2 #sr-legal-note .sr-imprint{
  margin-top: 10px;
  font-size: 12px;
  color: rgba(0,0,0,.55);
}

body.sr-shopprotect-page #sr-private-loginwrap2 #sr-legal-note a{
  color: #1e3d8f !important;
  font-weight: 700;
  text-decoration: underline;
}

body.sr-shopprotect-page #sr-private-loginwrap2 #sr-legal-note a:hover{
  color: #16306f !important;
  text-decoration: none;
}

/* =========================================================
   TERMÉKOLDAL – "Eredeti ár" + "Törzsvásárlói kedvezmény" sorok ELTÜNTETÉSE
   Megoldás: nem .product-page scope (mert nálad nem biztos), hanem termékoldali dobozokra célzunk:
   .product-cart-box / .product-page-right-block
========================================================= */

/* A teljes "customer group price" blokk eltüntetése a termék oldali árboxban */
.product-cart-box .default-customer-group-price,
.product-cart-box [class^="default-customer-group-price"],
.product-page-right-block .default-customer-group-price,
.product-page-right-block [class^="default-customer-group-price"]{
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Biztonsági: ha címkeként külön kerül ki */
.product-cart-box .customer-group-price-label,
.product-page-right-block .customer-group-price-label{
  display: none !important;
}
/* =========================================================
   MOBIL HAMBURGER MENÜ (mmenu) – CSAK A KATEGÓRIA PIKTOGRAM KÉPEK MÉRETE
   Talált elem: .mm-listitem__text img (70x70)
   Cél: csak a mobil offcanvas menü ikonok legyenek kisebbek.
   Nem érinti: termékképek, bannerek, logó, egyéb képek.
========================================================= */

@media (max-width: 991px){

  /* 1) CSAK a mmenu lista elemekben lévő piktogram képek */
  .mm-menu .mm-listitem__text > img{
    width: 32px !important;
    height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    object-fit: contain !important;
  }

  /* 2) A szöveg/ikon sor magassága is igazodjon (ne legyen túl magas) */
  .mm-menu .mm-listitem__text{
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  /* 3) Ha a sablon a képre margin-t rak, nullázzuk */
  .mm-menu .mm-listitem__text > img{
    margin: 0 !important;
  }
}

/**************************************************************
 * SZABÉV – STABIL DESKTOP FEJLÉC (HEADROOM / STICKY KIKAPCS)
 * -----------------------------------------------------------
 * PROBLÉMA:
 * - Egyes Shoprenter témák (pl. Madrid) "Headroom" jellegű
 *   sticky header-t használnak:
 *   - scrollra a header kap transform-ot (fel/le csúszik)
 *   - position: fixed / top / translateY váltogatás
 *   → ettől "ugrál", magasságot vált, remeghet, össze-vissza mozog
 *
 * CÉL:
 * - Desktopon a fejléc legyen "normál" (nem sticky), stabil,
 *   ne legyen transform/top/fixed → ne tudjon ugrálni.
 * - Mobilon hagyjuk békén (ha ott sticky kell).
 *
 * HOVA TEDD?
 * - A CSS fájlod LEGALJÁRA (hogy biztosan felülírjon mindent).
 **************************************************************/

/* ============================================================
   1) DESKTOP: minden sticky/headroom mozgás KIÜTÉSE
   ============================================================ */
@media (min-width: 1024px) {

  /************************************************************
   * A) Alap header normalizálása
   * - position: relative → vissza a normál dokumentum flow-ba
   * - transform: none   → headroom animációk lenullázása
   * - top: auto         → fixed top offsetek lenullázása
   ************************************************************/
  header,
  .sticky-head header,
  .sticky-head .header,           /* ha a téma így hívja */
  .site-header,                    /* néha ilyen wrapper is van */
  .header-wrapper header {         /* extra biztosíték */
    position: relative !important;
    top: auto !important;
    transform: none !important;
    will-change: auto !important;  /* ha a theme gyorsításra állította */
  }

  /************************************************************
   * B) Headroom állapot-osztályok teljes felülírása
   * - ezek váltogatása okozza a "fel/le csúszó" fejlécet
   ************************************************************/
  header.headroom,
  header.headroom--top,
  header.headroom--not-top,
  header.headroom--pinned,
  header.headroom--unpinned,
  header.headroom--not-bottom,
  header.headroom--bottom {
    position: relative !important;
    top: auto !important;
    transform: none !important;
  }

  /************************************************************
   * C) Ha a téma a main-nek/pagetartalomnak ad extra eltartást
   * a sticky header miatt, azt desktopon vegyük le.
   * (különben "indokolatlan fehér sáv" lehet a tetején)
   ************************************************************/
  main.has-sticky,
  main.has-sticky-header,
  body.has-sticky main,
  body.sticky-head main {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /************************************************************
   * D) Biztonsági: ha a header fix/rejtett overflow-val jön,
   * attól is tud "vágni" / ugrálni. Ezeket normalizáljuk.
   ************************************************************/
  .sticky-head,
  .header,
  header {
    overflow: visible !important;
  }
}