/* ============================================================
   OCEX Prodtabs — fules termekblokk. CSAK elrendezes, szint nem ir elo:
   a ful-sav bore (.nav-tabs) es a kartya (.product-thumb) a temaje.
   Minden szabaly a modul sajat, teljes nevu kontenere alatt (.ocex-prodtabs).
   ============================================================ */

/* --- ful-sav -------------------------------------------------------------
   Sima .nav.nav-tabs, a Bootstrap .nav-justified NELKUL: annak a
   bootstrap.min.css-ben sajat szinszabalyai vannak (#ddd keret, #fff also
   vonal az aktiv fulon, a sav also vonala 0), es nagyobb specifitassal
   felulirnak a tema ful-boret. Itt csak az elrendezes, szin nelkul:
   <=767 px egymas alatti lista, >=768 px egy sor, egyenlo fulszelesseggel
   (a regi 4 x 25 %). */
.ocex-prodtabs .ocex-prodtabs-nav > li > a {
  text-align: center;
}

@media (max-width: 767px) {
  .ocex-prodtabs .ocex-prodtabs-nav > li {
    float: none;
  }

  /* a regi .nav-justified koze az egymas alatti fulek kozott */
  .ocex-prodtabs .ocex-prodtabs-nav > li > a {
    margin-right: 0;
    margin-bottom: 5px;
  }
}

@media (min-width: 768px) {
  .ocex-prodtabs .ocex-prodtabs-nav {
    display: table;
    table-layout: fixed;
    width: 100%;
  }

  /* a .nav clearfix-e table-kontenerben kulon sort nyitna */
  .ocex-prodtabs .ocex-prodtabs-nav::before,
  .ocex-prodtabs .ocex-prodtabs-nav::after {
    display: none;
  }

  .ocex-prodtabs .ocex-prodtabs-nav > li {
    display: table-cell;
    float: none;
    width: 1%;
  }

  /* table-cellen a li gyari -1 px-es also margoja nem hat: a link veszi at,
     igy a ful most is a sav also vonalara ul, mint a gyari .nav-tabs-ben */
  .ocex-prodtabs .ocex-prodtabs-nav > li > a {
    margin-right: 0;
    margin-bottom: -1px;
  }
}

/* --- statikus racs (lapozo nelkul, vagy ha nincs owlCarousel) -------------
   Oszlopszam a kontener inline valtozoibol: c1 asztali (per_row),
   c2 <=1199, c3 <=980, c4 <=768, c5 <=479. A .row negativ margoja es a
   .col-* paddingje adja a kozt, mint a gyari listakban. */
.ocex-prodtabs .ocex-prodtabs-grid {
  display: grid;
  grid-template-columns: repeat(var(--ocex-prodtabs-c1, 5), minmax(0, 1fr));
}

/* a .row clearfix-e ures racs-cellat adna */
.ocex-prodtabs .ocex-prodtabs-grid::before,
.ocex-prodtabs .ocex-prodtabs-grid::after {
  display: none;
}

.ocex-prodtabs .ocex-prodtabs-grid > .product-layout {
  float: none;
  width: auto;
  min-width: 0;
}

@media (max-width: 1199px) {
  .ocex-prodtabs .ocex-prodtabs-grid {
    grid-template-columns: repeat(var(--ocex-prodtabs-c2, 4), minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .ocex-prodtabs .ocex-prodtabs-grid {
    grid-template-columns: repeat(var(--ocex-prodtabs-c3, 3), minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .ocex-prodtabs .ocex-prodtabs-grid {
    grid-template-columns: repeat(var(--ocex-prodtabs-c4, 2), minmax(0, 1fr));
  }
}

@media (max-width: 479px) {
  .ocex-prodtabs .ocex-prodtabs-grid {
    grid-template-columns: repeat(var(--ocex-prodtabs-c5, 1), minmax(0, 1fr));
  }
}