@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

.accordion, .accordion * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.accordion {
    overflow: hidden;
}
.accordion-section-title, .accordion-section-title:focus {
    width: 100%;
    padding: 15px;
    display: inline-block;
    border: 1px solid white;
    background: white;
    transition: all linear 0.15s;
    color: #000;
    margin-bottom: 5px;
}
.accordion-section-title.active, .accordion-section-title:hover {
    background: #0c335a;
    color: #FFF;
    text-decoration: none;
}
.accordion-section:last-child .accordion-section-title {
    border-bottom: none;
}
.accordion-section-content {
    padding: 15px;
    display: none;
}

h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 2em;
    color: #0c3359 /* Fehér szín a sötét témában */
}

h2  {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: normal !important;
    text-transform: uppercase !important;
    font-size: 1.5em !important;
    color: #4A4A4A !important;
}

h3  {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: normal !important;
    text-transform: uppercase !important;
    font-size: 1.3em !important;
    color: #4A4A4A !important;
}

/*
 *  Termék lapon tabmenu
 */


.active.tab-menu__item-button-desktop {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: normal !important;
  text-transform: uppercase !important;
  background-color:var(--bs-primary);
  color:var(--text-on-primary);
  border-radius:var(--corner_10);
  text-decoration:underline 1px var(--text-on-primary);
  transition:text-decoration-color .4s;
  text-underline-offset:4px
}

.tab-menu__item-button-desktop {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: normal !important;
  text-transform: uppercase !important;
  font-size:.9375rem;
  font-weight:800;
  border:0;
  color:inherit;
  background-color:transparent;
  padding:5px 15px
}



/*
 * 
 * Termék ízesítése a termékek lapon
 * 
 */
.flavor-section {
  width: max-content;
  margin-left: 0;
  margin-top: 40px;
  align-items: center; /* Középre igazítja a tartalmat */
}

.flavor-section h3 {
  margin-bottom: 16px;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 1.1em;  
  text-align: center; /* Középre igazítja a szöveget */
}

.containert {
  display: flex;
  gap: 16px;
  justify-content: flex-start;

}

.flavor-boxt {
  width: 140px;
  height: 80px;
  background: #fff;
  border: none; /* Nincs keret */
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  font-family: sans-serif;
  box-shadow: 0 2px 8px rgba(0,0,0,0.10); /* Csak árnyék */
  transition: box-shadow 0.2s;
}

.flavor-boxt.highlight {
  border: 3px solid #0c3359; /* Csak a kiemeltnek van kerete */
  box-shadow: 0 4px 16px rgba(25, 118, 210, 0.18);
  background: #f5faff; /* Halvány kék háttér, opcionális */
}


@media (max-width: 600px) {
  .containert {
    flex-direction: column;
    gap: 12px; /* kisebb térköz egymás alatt */
    align-items: stretch; /* a boxok kitöltik a rendelkezésre álló szélességet */
  }
  .flavor-boxt {
    width: 100%; /* a boxok szélessége igazodik a szülőhöz */
    max-width: 340px; /* opcionális: ne legyen túl széles */
    margin: 0 auto;   /* középre igazítás */
  }
}


/* Globálisan megváltoztatom a betütípust */
html, body {
    font-family: 'Open Sans', sans-serif
}

.product-card__title-link {
    font-family: 'Open Sans', sans-serif
}

.banner-item__title {
	font-family: 'Open Sans', sans-serif
}

.categoryoffer-card__link {
	font-family: 'Open Sans', sans-serif;
}

/*
 * 
 * 
 * 
 * */


.page_contact_mod_table_outer {
  margin: 1em 0;
  overflow-x: auto;
}

.page_contact_mod_table {
  width: 100%;
  border-collapse: collapse;
}

.border_2 {
  border: 2px solid #ccc;
}

.bg_color_light3 {
  background: #f9f9f9;
}

.page_contact_mod_head {
  font-weight: bold;
  background: #f0f0f0;
  text-align: left;
  padding: 8px;
}

.bg_color_light2 {
  background: #f5f5f5;
}

.text_bigger {
  font-size: 1.1em;
}

.page_contact_mod_body1,
.page_contact_mod_body2,
.page_contact_mod_body3 {
  padding: 8px;
  border-top: 1px solid #e0e0e0;
}

.text_normal {
  font-size: 1em;
}