/*=======EGYEDI HTML MIÉRT VÁLASSZ MINKET MODUL=======*/
.info-icons-box {
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    gap: 20px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background-color: #f9f9f9;
    padding: 20px;
    height: 160px;
	box-shadow:0 4px 16px rgba(0,0,0,.06); /*törölni ha nem jó*/
}

.info-icons-box div {
    flex: 1;
    min-width: 100px;
}

.info-icons-box img {
    margin-bottom: 8px;
}

/*=======EGYEDI HTML VÉLEMÉNYEK=======*/
.testimonial-box {
  background-color: #f9f9f9;
  padding: 2rem;
  padding-bottom:2.5rem;
  border-radius: 10px;
  margin: 2rem 0;
  box-shadow:0 4px 16px rgba(0,0,0,.06); /*törölni ha nem jó*/
}

.testimonial-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.5rem;
  text-align: center;
}

.testimonial-item {
  flex: 1 1 30%;
  background-color: white;
  border-radius: 8px;
  padding: 1.5rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  font-style: italic;
  font-size: 1.1rem;
  font-weight: 500;
  color: #555;
/* ÚJ: függőleges középre igazítás */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.testimonial-title {
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  color: #444;
  margin-bottom: 1.5rem;
}

@media (max-width: 768px) {
  .testimonial-item {
    flex: 1 1 100%;
  }
}

/*=======FEJLÉC SZÍNE=======*/
.sticky-head-inner{
	background: white;
}


/*=======EGYEDI HTML NYITVATARTÁS ÉS TÉRKÉP=======*/
.visit-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 6rem;
  margin: 3rem 0;
}

.visit-info {
  max-width: 400px;
  font-family: Verdana, Geneva, sans-serif;
}

.visit-info h3 {
  font-size: 18px;
  text-align: left;
  margin-bottom: 1rem;
}

.visit-contact p {
  margin: 0.5em 0;
}

.visit-hours-title {
  margin-top: 2em;
  margin-bottom: 0.5em;
}

.visit-hours-table {
  border-collapse: collapse;
  line-height: 1.7;
}

.visit-hours-table td {
  padding-right: 1.5em;
}

.visit-map {
  display: flex;
  align-items: center;
}

/*TÖRLÉS LESZ========>
@media (max-width: 768px) {
  .visit-section {
    flex-direction: column;
    gap: 2rem;
  }

  .visit-map iframe {
    width: 100%;
    height: 300px;
  }
}

<=====================*/


/*=======FOOTER SZÍNE=======*/
.d-print-none {
	background: #222;
}


/* === Ünnepi nyitvatartás doboz === */
/* === Közös stílus minden értesítő dobozhoz === */
.holiday-notice,
.notice-warning,
.notice-info {
  padding: 1em;
  border-radius: 6px;
  margin: 1.5rem 0;
  font-size: 1rem;
  line-height: 1.6;
  text-align: center;
  box-shadow:0 4px 16px rgba(0,0,0,.06); /*törölni ha nem jó*/
}

/* === Egyedi eltérések === */
.holiday-notice {
  background-color: #F6F7F9;
  border: 1px solid #DDE1E6;
  color: red;
}

.notice-warning {
  background-color: #FFF7E6;
  border: 1px solid #FFC861;
  color: #8A5A00;
}

.notice-info {
  background-color: #EEF6FF;
  border: 1px solid #B7DCFF;
  color: #0B5CAB;
}

/* === 404 oldal === */
.error-404-box {
  background-color: #fefefe;
  padding: 3rem 1.5rem;
  text-align: center;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  max-width: 700px;
  margin: 3rem auto;
  box-shadow: 0 0 10px rgba(0,0,0,0.03);
}

.error-404-box h1 {
  font-size: 1.8rem;
  margin-bottom: 1rem;
  color: #d9534f;
}

.error-404-box p {
  font-size: 1.1rem;
  margin-bottom: 2rem;
  color: #555;
}

.error-404-buttons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.error-btn {
  background-color: #007bff;
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 6px;
  text-decoration: none;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.error-btn:hover {
  background-color: #0056b3;
}

.error-btn.secondary {
  background-color: #6c757d;
}

.error-btn.secondary:hover {
  background-color: #495057;
}



/* =======FOOTER: szövegek fehérre======= */
footer, .footer, .site-footer, .page-footer { color:#fff; }

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
footer p, footer li, footer span, footer small, footer label,
footer a { color:#fff !important; }

/* Link hover ne váltson kékre */
footer a:hover { color:#fff !important; opacity:.85; }

/* Ikonok, amelyek a currentColor-t öröklik (SVG) */
footer svg { color:#fff; fill: currentColor; stroke: currentColor; }
.footer-contact-line svg {
    color: #fff;
}

/* Elválasztóvonalak finomítása sötét láblécben */
footer hr, footer .divider { border-color: rgba(255,255,255,.18) !important; }

/* Hírlevél/mezők a láblécben – olvasható sötét háttéren */
footer input, footer select, footer textarea{
  color:#fff; background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.28);
}
footer ::placeholder{ color:rgba(255,255,255,.7); }

/* Gombok: maradjanak márkának megfelelőek – ne vegyék át a fehéret */
footer .btn, footer .button {
  color: inherit;   /* ha világos gombot akarsz: állíts explicit háttért és színt */
}


/*=======LOGO=======*/
.navbar-brand{
	font-size: 2rem;
	font-weight: 600;
}




/*=======AKCIÓS BLOKKOK KÖZELEBB=======*/
.module-special-wrapper {
	margin-top: -60px;
}

/*========H3 CÍMEK========*/

.module .module-head,
h3{
	text-align: left;	
}

.module .module-head .module-head-title,
h3{
	font-weight: 500;
}

h3{
	font-weight: 500;
	font-size: 1.5625rem;
	color: #424242;
}

@media (min-width: 1200px) {
    .home-position .module-head-title,
	h3{
        font-size: 2.0rem;
    }
}

/*======= TESZT ÁRNYÉK =======*/

.card, .product-card, .h-100, .mobile-simple-view{
	box-shadow:0 4px 16px rgba(0,0,0,.06); /*Általánosan a modulokra*/
}

.announcement-box{
	box-shadow:0 4px 16px rgba(0,0,0,.06); /*Előnyök modul - lapozható pl.: szállítási infók warning*/
}

/*======= AKCIÓS BLOKK =======*/

#dealofday_home_list {
	border: 1px solid #ccc;
	border-radius: 16px;
	background: #f9f9f9;
	box-shadow:0 4px 16px rgba(0,0,0,.06);
	padding: 0 20px 50px 20px;
	margin-top: 50px;
}

#customcontent14 {
	margin-bottom: 3rem;
}

/*KÉP JÓL JELENJEN MEG*/
/* Termékoldal bal oldali nagy kép – vertikális (és horizontális) közép */
.product-card-left .product-card-image,
.product-card-left .product-card-image > a {
  display: flex !important;
  align-items: center;          /* függőleges közép */
  justify-content: center;      /* vízszintes közép */
  height: 100%;
  width: 100%;
}

/* A tényleges kép ne lógjon ki, szépen „beleférjen” */
.product-card-left .product-card-image img {
  display: block;
  max-width: 70%;
  max-height: 70%;
  object-fit: contain;          /* ne vágja, arányt tart */
}

body {
	background: #edf2fa61;
}


/*=========================TESZT===================================================================*/

@media (max-width: 575px) {
	#module_dealofday_wrapper{
		max-width: 550px;
		margin: 0 10px;
	}
	.module-dealofday-wrapper .card-actions .product-card-item{
		margin-bottom: 20px;
	}
	
	.info-icons-box{
        flex-direction: column;
		height:400px;
	}
}

@media (max-width: 1199px) {
	.visit-map iframe {
    width: 100%;
    height: 360px;
  }
	.visit-section {
		gap: 3rem;
	}
}


/*TESZT - menü több oszlopba*/

/* --- 2. szintű lenyíló: több oszlop + nagyobb szélesség (desktop) --- */
@media (min-width:1024px){

  /* a szülő LI legyen horgony (különben absolute nem tud hova igazodni) */
  #category-nav ul.nav.flex-column.children > li.parent{
    position: relative !important;
    overflow: visible !important;
  }

  /* >>> A belső UL, ami a modelleket tartalmazza (Apple alatt) <<< */
  #category-nav ul.nav.flex-column.children > li.parent:hover > ul.nav.flex-column.children,
  #category-nav ul.nav.flex-column.children > li.parent.js-sf-hover > ul.nav.flex-column.children{
    /* Superfish / téma felülírások */
    display: block !important;            /* ne legyen flex */
    visibility: visible !important;
    opacity: 1 !important;

    /* szélesség és oszlopok */
    min-width: 780px !important;          /* NAGYON fontos: a min-width-et írjuk felül */
    column-count: 3;
    column-gap: 28px;

    /* pozíció – a márka sor mellé nyíljon */
    position: absolute !important;
    top: 0 !important;
    left: 100% !important;
    z-index: 9999;

    /* hosszú lista esetén görgetés */
    max-height: 70vh;
    overflow-y: auto;

    /* esetleg téma padding/minwidth ek felülírása */
    padding: 10px 16px;
    box-sizing: border-box;
  }

  /* elemek ne törjenek oszlopváltásnál */
  #category-nav ul.nav.flex-column.children > li.parent > ul.nav.flex-column.children > li{
    break-inside: avoid;
    white-space: nowrap;
    display: block;
  }

  /* ha bármely ős levágja */
  #category-nav{ overflow: visible !important; }
}


/*======MOST======*/
/*============ Legördülő menü színei ===========*/


@media (min-width: 992px){
  /* 1. és 2. szintű lenyíló panelek háttere kicsit sötétebb */
  .nav > li > ul.nav.flex-column.children,
  .nav > li > ul.nav.flex-column.children > li > ul.nav.flex-column.children{
    background: #f3f5f7 !important;                 /* picit szürkébb fehér */
    border: 1px solid rgba(0,0,0,.06) !important;   /* finom keret */
    box-shadow: 0 10px 30px rgba(0,0,0,.12) !important; /* könnyű árnyék */
  }

  /* link szín */
  .nav ul.nav.flex-column.children a.nav-link{
    color: #111 !important;
  }

  /* hover kicsit sötétebb */
  .nav ul.nav.flex-column.children a.nav-link:hover{
    background: #e7ebef !important; /* vagy rgba(0,0,0,.06) */
    color: #111 !important;
  }
}


/*=============== HOVER ==================*/


/* Felső szintű menüpontok – legyen hover akkor is, ha NINCS almennyiben */
.nav > li > a.nav-link:hover,
.nav > li:hover > a.nav-link {
  background: #eaeaea !important;
  color: #111 !important;
}

/* Lenyílós felső menüpontok (megmarad) */
.nav > li > a.nav-link.sf-with-ul:hover,
.nav > li:hover > a.nav-link.sf-with-ul {
  background: #e0e0e0 !important;
  color: #111 !important;
}

/* Legördülő (alkategória) sorok */
ul.nav.flex-column.children li > a.nav-link:hover {
  background: #f3f3f3 !important;
  color: #111 !important;
}

/* Biztos, hogy a teljes sor aktív legyen */
.nav > li > a.nav-link,
ul.nav.flex-column.children li > a.nav-link {
  display: block !important;
  padding: 8px 14px !important;
}