/**********************************************************
 * LOGÓ MÉRET NÖVELÉSE – KERITESRENDELES 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;
    }
}

/**************************************************************
 * KERÍTÉSRENDSZER DEBRECEN – 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: #171200;
}

/* 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;
}

/**************************************************************
 * KERÍTÉSRENDSZER DEBRECEN – FUTÓFÉNY / MARQUEE SÁV (CSS)
 **************************************************************/

/* Sáv a footer fölött */
#footer-marquee-bar {
  background-color: #66930C;     /* Márka zöld */
  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;
}

/* A „szalag”, ami fut */
.footer-marquee-content {
  display: inline-flex;
  width: max-content;            /* annyira széles, amekkora a szöveg */
  animation: footer-scroll 50s 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: 40s;
  }
}

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

/* Felső sáv: zöld háttér, fehér alap szöveg */
.header-top-line {
    background-color: #66930C !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: #e8e8e8 !important;
}

/* ===== 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 ===== */
/* Nálad a lista: <ul class="dropdown-hover-menu"> */
.header-top-line .dropdown-hover-menu {
    background-color: #66930C !important;   /* ugyanaz a zöld, 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(255,255,255,0.12) !important;  /* finom világosodás */
    color: #ffffff !important;
}

/**************************************************************
 * HEADER TOP LINE – LETISZTULT FEHÉR CARET A "SEGÍTSÉG" UTÁN
 **************************************************************/

/* 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: #63920b !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: #63920b !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;
    }
}

/**************************************************************
 * AURORA POPUP – Ünnepi popup: fehér keret OFF + 1 db X
 * Kompatibilis: nincs :has(), nincs modern selector
 *
 * Feltétel: a popup HTML-ben van: #holiday-popup-card
 **************************************************************/

/* 1) AURORA wrapper: ne legyen fehér/zöld keret */
#auroraOverlayContent.aurora-overlay-content{
  background: transparent !important;
  padding: 0 !important;          /* ez adta a "keretet" */
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

/* 2) A mi kártyánk legyen a tényleges doboz és középre kerüljön */
#auroraOverlayContent #holiday-popup-card{
  width: min(680px, 92vw) !important;
  margin: 0 auto !important;
  display: block !important;
}

/* 3) MINDEN aurora close gomb elrejtése (hogy ne legyen 20 db X) */
#auroraOverlayContent .aurora-overlay-close,
#auroraOverlayContent .close{
  display: none !important;
}

/* 4) Saját, stabil bezáró gombunk stílusa */
#auroraOverlayContent #holiday-popup-close{
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 100000 !important;

  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;

  background: rgba(0,0,0,0.55) !important;
  color: #c09363 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 22px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  user-select: none !important;
}

#auroraOverlayContent #holiday-popup-close:hover{
  background: rgba(0,0,0,0.72) !important;
}

/* 5) Mobil: kicsit több levegő a széleken */
@media (max-width: 600px){
  #auroraOverlayContent #holiday-popup-card{
    width: 92vw !important;
  }
}