/**
* Theme Name: Udrive Child
* Description: This is a child theme of Udrive, generated by Merlin WP.
* Author: <a href="http://themeforest.net/user/theme-kalia">Theme Kalia</a>
* Template: udrive
* Version: 1.5
*/

/* =========================
   OWL DOTS - FINAL CLEAN UI
========================= */

.owl-dots {
  display: flex !important;
  gap: 16px !important;
  justify-content: center !important;
}

/* DOT BUTTON */
.owl-dot {
  all: unset !important;

  width: 70px !important;
  height: 70px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 12px !important;

  background: #eeeeee !important;
  color: #9e9e9e !important;

  font-size: 20px !important;
  font-weight: 600 !important;

  box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;

  position: relative !important;

  cursor: pointer !important;

  transition: all 0.2s ease !important;
}

/* ACTIVE */
.owl-dot.active {
  background: #c9a86a !important;
  color: #111 !important;
}

/* HOVER */
.owl-dot:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 14px rgba(0,0,0,0.2) !important;
}

/* =========================
   BROJEVI (STABILNO - BEZ COUNTERA)
========================= */

.owl-dot::after {
  position: absolute;
  inset: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 20px;
  font-weight: 600;

  color: inherit;

  pointer-events: none;
}

/* RUČNI BROJEVI */
.owl-dot:nth-child(1)::after { content: "01"; }
.owl-dot:nth-child(2)::after { content: "02"; }
.owl-dot:nth-child(3)::after { content: "03"; }
.owl-dot:nth-child(4)::after { content: "04"; }
.owl-dot:nth-child(5)::after { content: "05"; }

/* =========================
   UBIJ OWL DEFAULT STILOVE
========================= */

/* sakrij span */
.owl-dot span {
  display: none !important;
}

/* ubij pseudo elemente (plave/zlatne linije) */
.owl-dot span::before,
.owl-dot span::after,
.owl-dot::before {
  content: none !important;
  display: none !important;
}

/* spriječi background glitch */
.owl-dot,
.owl-dot * {
  background-image: none !important;
}

/* =========================
   ELEMENTOR / THEME OVERRIDE FIX
========================= */

.elementor .owl-dot,
.owl-carousel .owl-dot {
  border: none !important;
  outline: none !important;
}

/* ukloni bilo kakve linije iza */
.owl-stage-outer::before,
.owl-stage-outer::after,
.owl-carousel::before,
.owl-carousel::after {
  content: none !important;
  display: none !important;
}

/* =========================
   FOCUS STATE
========================= */

.owl-dot:focus {
  outline: none !important;
  box-shadow: 0 6px 14px rgba(0,0,0,0.2) !important;
}

.service-section .owl-carousel {
    position: relative;
}

.service-section .owl-nav {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    gap: 140px;
}

.service-section .owl-nav button {
    position: relative;
    top: -30px; /* OVO ih diže tačno u liniju sa 01 02 03 */
}