/* Theme custom overrides */

/* Hide plus/minus toggle spans in the main (desktop) header menu */
.header-area .navbar-nav .sub {
  display: none;
}

/*
 * Mobile / tablet side menu (dvLeft) overrides to match barnomalainterior.com
 */

/* Make dropdown submenus behave like nested lists inside the off-canvas panel */
.dvLeft .dropdown-menu {
  position: static;
  float: none;
  display: none; /* controlled via JS slideToggle */
  margin: 0;
  padding: 0 0 0 15px;
  border: 0;
  box-shadow: none;
  background: transparent;
}

/* Ensure side-menu items look like original static nav */
.dvLeft .navigation ul.nav.flex-column > li.nav-item > a {
  display: block;
  padding: 8px 30px 8px 0;
}

/* Align plus/minus toggle icon on the right for parents with children */
.dvLeft .nav-item.mainDropdown > span.sub,
.dvLeft .nav-item.subDropdown > span.sub,
.dvLeft .menu-item-has-children > span.sub {
  position: absolute;
  top: 2px;
  right: 0;
  cursor: pointer;
  padding: 10px;
}

@media (max-width: 1199px) {
  .dvLeft .nav-item.mainDropdown > span.sub,
  .dvLeft .nav-item.subDropdown > span.sub,
  .dvLeft .menu-item-has-children > span.sub {
    color: #fff;
  }

  .dvLeft .nav-item.mainDropdown.open > span.sub,
  .dvLeft .nav-item.subDropdown.open > span.sub,
  .dvLeft .menu-item-has-children.open > span.sub {
    color: #fff;
  }
}

/* Hide Bootstrap dropdown caret icon for main navigation */
.header-area .navbar-nav .dropdown-toggle::after {
  display: none !important;
}

/* Always show Owl Carousel dots in Clients slider */
.clients-slider .owl-dots {
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-top: 20px;
}

/* Reset default Owl button appearance */
.clients-slider .owl-dot {
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
}

.clients-slider .owl-dot span {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #000;      /* black dot */
  opacity: 0.3;          /* inactive = lighter */
}

.clients-slider .owl-dot.active span,
.clients-slider .owl-dot:hover span {
  background: #000;      /* active = black */
  opacity: 1;
}