/* === FIX: zruš původní bootstrap šipky (dělají dvojité) === */
.wide-carousel .carousel-control::before,
.wide-carousel .carousel-control::after {
  background: none !important;
}

.wide-carousel .carousel-control::before {
  content: none !important; /* vypne původní :before z šablony/bootstr */
}

/* pokud šablona používá ikonky přes vnořené elementy, taky je skryj */
.wide-carousel .carousel-control .icon-prev,
.wide-carousel .carousel-control .icon-next,
.wide-carousel .carousel-control .glyphicon,
.wide-carousel .carousel-control [class*="chevron"],
.wide-carousel .carousel-control [class*="arrow"] {
  display: none !important;
}

/* === naše šipky dáme na ::after === */
.wide-carousel { position: relative; }

.wide-carousel .carousel-control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(0,0,0,0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 50;
  opacity: 1;
  text-decoration: none;
  transition: background 0.2s ease, transform 0.2s ease;
}

.wide-carousel .carousel-control:hover {
  background: rgba(0,0,0,0.65);
  transform: translateY(-50%) scale(1.05);
}

.wide-carousel .carousel-control.left { left: 12px; }
.wide-carousel .carousel-control.right { right: 12px; }

.wide-carousel .carousel-control.left::after,
.wide-carousel .carousel-control.right::after {
  color: #fff;
  font-size: 26px;
  line-height: 1;
  font-weight: 700;
  display: block;
}

.wide-carousel .carousel-control.left::after { content: "‹"; }
.wide-carousel .carousel-control.right::after { content: "›"; }

/* sr-only nechej jen pro přístupnost */
.wide-carousel .carousel-control .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
}