/**
 * UI cohesion — final layer (light theme, minimal controls, no stray geometry)
 * Load last on public pages.
 */

/* --- Carousel: hide legacy side arrows (cream squares on photos) --- */
.carousel__nav:not(.carousel__nav--ctrl) {
  display: none !important;
}

/* Prev/next: chevron only, no circles or shadows */
.carousel__controls .carousel__nav.carousel__nav--ctrl {
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  min-height: 2rem;
  padding: 0;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.carousel__controls .carousel__nav--ctrl .carousel__chev {
  opacity: 0.55;
}

@media (hover: hover) {
  .carousel__controls .carousel__nav--ctrl:hover,
  .carousel__controls .carousel__nav--ctrl:focus-visible {
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .carousel__controls .carousel__nav--ctrl:hover .carousel__chev,
  .carousel__controls .carousel__nav--ctrl:focus-visible .carousel__chev {
    opacity: 1;
  }
}

.carousel__controls .carousel__nav--ctrl:active {
  background: transparent !important;
  transform: none !important;
}

/* Slider / testimonial: controls in strip below content, not on image */
.slider-band:has(.carousel__controls),
.testimonial-band:has(.carousel__controls) {
  display: flex;
  flex-direction: column;
  background: var(--linen, #faf7f2);
}

.slider-band:has(.carousel__controls) .carousel__controls,
.testimonial-band:has(.carousel__controls) .carousel__controls {
  position: static;
  transform: none;
  left: auto;
  right: auto;
  bottom: auto;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0.65rem clamp(1.25rem, 4vw, 2.5rem);
  border-top: 1px solid var(--line-soft, rgba(26, 26, 26, 0.1));
  background: var(--linen, #faf7f2);
  z-index: 6;
}

.slider-band:has(.carousel__controls) .slider-band__caption {
  padding-bottom: 0.75rem;
}

.section--showcase .slider-band:has(.carousel__controls),
.section--shop-preview .slider-band--shop:has(.carousel__controls) {
  border-top: 1px solid var(--line-soft, rgba(26, 26, 26, 0.1));
}

/* Testimonials: no floating side controls on desktop */
.section--testimonials-compact .testimonial-band:has(.carousel__controls) {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.section--testimonials-compact .carousel__controls {
  position: static !important;
  transform: none !important;
  inset: auto !important;
  margin: 0.65rem auto 0;
  width: 100%;
  max-width: 14rem;
  padding: 0.65rem 0 0;
  border-top: 1px solid var(--line-soft, rgba(26, 26, 26, 0.1));
  background: transparent;
}

.section--testimonials-compact .testimonial-slide-inner {
  padding-right: clamp(1.25rem, 4vw, 2rem) !important;
}

/* Hero: controls sit in CTA row, not on photo */
.hero-kinetic__actions-row .carousel__controls {
  position: static;
  transform: none;
}

/* --- Softer section dividers (was 3px black brutalist) --- */
.page-home .section--showcase + .section--cream,
.page-home .section--work-full + .section {
  border-top: 1px solid var(--line-soft, rgba(26, 26, 26, 0.12)) !important;
}

.page-home .section--stats {
  border-top-width: 1px !important;
  border-bottom-width: 1px !important;
}

.page-home .stats-band {
  border-width: 1px !important;
}

.page-home .stats-band__cell {
  border-right-width: 1px !important;
}

.page-home .marquee {
  border-top-width: 1px !important;
  border-bottom-width: 1px !important;
}

/* --- Buttons: flat on light pages (no brutal drop shadow) --- */
.page-home .btn,
.catalog-page .btn,
.product-page .btn,
.page-home .btn:hover,
.catalog-page .btn:hover,
.product-page .btn:hover {
  box-shadow: none !important;
  transform: none !important;
}

/* --- Cards & chips: no geometry --- */
.shop-card__featured,
.catalog-page .work-filter,
.catalog-page .catalog-mobile-nav__pill {
  border-radius: 0;
  clip-path: none !important;
}

/* --- FAQ / service: calm hover --- */
.page-home .service-item:hover {
  box-shadow: none;
}

.faq-new__item {
  box-shadow: none;
}