/* =====================================================================
   CYKLOSHOP.SK - VLASTNE UPRAVY VZHLADU (Peter + Claude)
   ---------------------------------------------------------------------
   Subor: /user/documents/upload/PeterK.css
   Nacitava sa v zahlavi jednym riadkom:
   <link rel="stylesheet" href="/user/documents/upload/PeterK.css?v=1">
   Po kazdej zmene suboru zvys cislo ?v=1 -> ?v=2 v zahlavi.

   Obsah:
     1. Hlavny banner na uvode - nie na celu sirku (len PC)
     2. Sipky karuselu - male kruzky v pravom dolnom rohu
     3. Mensia medzera nad "Nove clanky" na uvode
   ===================================================================== */


/* ---------------------------------------------------------------------
   1. HLAVNY BANNER NA UVODE - max 1400 px, zaoblene rohy (len PC)
   --------------------------------------------------------------------- */
@media (min-width: 1024px) {
  #carousel {
    max-width: 1400px !important;
    margin: 24px auto 0 !important;
    border-radius: 12px;
    overflow: hidden;
  }
}


/* ---------------------------------------------------------------------
   2. SIPKY KARUSELU - male tmave kruzky v pravom dolnom rohu banneru
      Nikdy nezakryju text (vlavo) ani jazdca. Platia na PC aj mobile.
   --------------------------------------------------------------------- */
#carousel .carousel-control,
#carousel a[data-slide] {
  width: 44px !important;
  height: 44px !important;
  top: auto !important;
  bottom: 20px !important;
  transform: none !important;
  background: rgba(0,0,0,0.45) !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  text-shadow: none !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  opacity: 1 !important;
  transition: background .2s;
}
#carousel .carousel-control *,
#carousel a[data-slide] *,
#carousel .carousel-control::before,
#carousel a[data-slide]::before {
  color: #fff !important;
  fill: #fff !important;
}
#carousel .carousel-control.left,
#carousel a[data-slide="prev"] { left: auto !important; right: 74px !important; }
#carousel .carousel-control.right,
#carousel a[data-slide="next"] { right: 20px !important; left: auto !important; }
#carousel .carousel-control:hover,
#carousel a[data-slide]:hover { background: rgba(0,0,0,0.7) !important; }


/* ---------------------------------------------------------------------
   3. MENSIA MEDZERA NAD "NOVE CLANKY" NA UVODE (116 px -> 48 px)
   --------------------------------------------------------------------- */
.type-index main.content > .products-block:last-child {
  margin-bottom: 24px !important;
}
.type-index .container.blog-outer {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.type-index .homepage-blog-wrapper .h4.homepage-group-title {
  margin-top: 24px !important;
}