/* =========================================================
   Mastumate — overrides do Owl Carousel
   Carregado em home.html APÓS o owl.theme.default.min.css.
   Os controles do Owl são <div>, não <button>.
   ========================================================= */

html body .owl-receitas { position: relative; }

html body .owl-receitas .owl-nav {
  margin: 0 !important;
  position: static !important;
}

/* Botões prev/next — DESKTOP */
html body .owl-receitas .owl-nav .owl-prev,
html body .owl-receitas .owl-nav .owl-next {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 48px !important;
  height: 48px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1px solid rgba(31, 27, 22, .08) !important;
  color: #2b2520 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  font-size: 0 !important;
  box-shadow: 0 10px 24px rgba(31, 27, 22, .14), 0 2px 6px rgba(31, 27, 22, .08) !important;
  z-index: 10 !important;
  cursor: pointer !important;
  text-indent: 0 !important;
  transition: background .25s ease, color .25s ease, border-color .25s ease,
              opacity .25s ease, transform .25s ease, box-shadow .25s ease !important;
}

html body .owl-receitas .owl-nav .owl-prev { left: -22px !important; right: auto !important; }
html body .owl-receitas .owl-nav .owl-next { right: -22px !important; left: auto !important; }

/* Conteúdo interno do botão — o <span> que o Owl injeta via navText */
html body .owl-receitas .owl-nav .owl-prev > *,
html body .owl-receitas .owl-nav .owl-next > * {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

/* SVG da seta */
html body .owl-receitas .owl-nav .owl-prev svg,
html body .owl-receitas .owl-nav .owl-next svg {
  width: 16px !important;
  height: 16px !important;
  display: block !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Hover */
html body .owl-receitas .owl-nav .owl-prev:hover,
html body .owl-receitas .owl-nav .owl-next:hover {
  background: #d7392c !important;
  border-color: #d7392c !important;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(215, 57, 44, .32), 0 2px 8px rgba(215, 57, 44, .18) !important;
}
html body .owl-receitas .owl-nav .owl-prev:hover { transform: translateY(-50%) translateX(-2px) scale(1.06) !important; }
html body .owl-receitas .owl-nav .owl-next:hover { transform: translateY(-50%) translateX(2px) scale(1.06) !important; }
html body .owl-receitas .owl-nav .owl-prev:active,
html body .owl-receitas .owl-nav .owl-next:active { transform: translateY(-50%) scale(.96) !important; }

/* Desabilitado */
html body .owl-receitas .owl-nav .owl-prev.disabled,
html body .owl-receitas .owl-nav .owl-next.disabled {
  opacity: .3 !important;
  pointer-events: none !important;
  box-shadow: 0 4px 10px rgba(31, 27, 22, .08) !important;
}

html body .owl-receitas .owl-dots { display: none !important; }

/* MOBILE — nav vai pro fim do carrossel, centralizado */
@media (max-width: 720px) {
  html body .owl-receitas .owl-nav {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
    margin-top: 18px !important;
  }
  html body .owl-receitas .owl-nav .owl-prev,
  html body .owl-receitas .owl-nav .owl-next {
    position: static !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 42px !important;
    height: 42px !important;
    box-shadow: 0 6px 14px rgba(31, 27, 22, .12) !important;
  }
  html body .owl-receitas .owl-nav .owl-prev:hover,
  html body .owl-receitas .owl-nav .owl-next:hover { transform: scale(1.06) !important; }
  html body .owl-receitas .owl-nav .owl-prev:active,
  html body .owl-receitas .owl-nav .owl-next:active { transform: scale(.94) !important; }
}