/* ============================================================
   OCEX Carousel — owl-kivaltas Embla-alapon (hazi vezerlok).
   A regi elemek bootstrap col-* paddingje marad a kozkent.
   ============================================================ */

.ocex-cr { position: relative; }
.ocex-cr-vp { overflow: hidden; }
.ocex-cr-tray { display: flex; align-items: stretch; }

.ocex-cr-slide {
  min-width: 0;
  float: none !important;   /* a col-xs-12 lebegteteset semlegesiti */
  width: auto !important;
}

/* --- nyilak: csak ramutatasra, a hazi banner-stilussal ----------------- */
.ocex-cr-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, .78);
  color: #2b3440;
  font-size: 13px;
  line-height: 34px;
  text-align: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity .18s;
  z-index: 2;
  padding: 0;
}
.ocex-cr-prev { left: 6px; }
.ocex-cr-next { right: 6px; }
.ocex-cr:hover .ocex-cr-arrow, .ocex-cr-arrow:focus-visible { opacity: 1; }
.ocex-cr-arrow:hover { background: #fff; }
.ocex-cr-arrow[hidden] { display: none; }
@media (max-width: 767px), (hover: none) {
  .ocex-cr-arrow { display: none; }
}

/* --- vonal-pontok ------------------------------------------------------ */
.ocex-cr-dots {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 9px;
}
.ocex-cr-dots[hidden] { display: none; }
.ocex-cr-dot {
  width: 18px;
  height: 3px;
  border: none;
  border-radius: 2px;
  background: rgba(0, 0, 0, .18);
  cursor: pointer;
  padding: 0;
  transition: background .15s;
}
.ocex-cr-dot.on { background: #ed1e24; }

/* --- sotet mod --------------------------------------------------------- */
[data-ocex-theme="dark"] .ocex-cr-dot { background: rgba(255, 255, 255, .22); }
[data-ocex-theme="dark"] .ocex-cr-dot.on { background: #ed1e24; }
[data-ocex-theme="dark"] .ocex-cr-arrow { background: rgba(38, 42, 51, .82); color: #dfe4ea; }
[data-ocex-theme="dark"] .ocex-cr-arrow:hover { background: #262a33; }