/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */
/* Custom application styles beyond Tailwind */
:root {
    --accent: #166534;
}

html {
    scroll-behavior: smooth;
    /*font-size: clamp(0.95rem,2.5vw,1.12rem);*/
}

/* Additional polish */
button, a {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

/* Mowing page Swiper */
.mowing-swiper {
  --swiper-theme-color: #047857;
  --swiper-navigation-size: 22px;
  --swiper-navigation-color: #047857;
  --swiper-pagination-color: #047857;
  --swiper-pagination-bullet-inactive-color: #a8a29e;
  --swiper-pagination-bullet-inactive-opacity: 0.5;
}

.mowing-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.mowing-swiper .swiper-button-prev,
.mowing-swiper .swiper-button-next {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

.mowing-swiper .swiper-button-prev::after,
.mowing-swiper .swiper-button-next::after {
  font-size: 0.85rem;
  font-weight: 700;
}

.mowing-swiper .swiper-pagination-bullets {
  position: static;
  margin-top: 1.25rem;
}