/*
Theme Name: Spartan Grounds Theme
Theme URI: https://spartan.effectiveonline.marketing
Author: Effective Online Marketing
Author URI: https://effectiveonline.marketing
Template: gilber
Version: 1.0
*/

/* Optional: you can import parent styles if needed, but Gilber likely already enqueues them properly */

nav {text-align:center;}

.vlt-slider-controls--style-1 .vlt-swiper-button-next:hover, .vlt-slider-controls--style-1 .vlt-swiper-button-prev:hover {
  background-color: #ff6100;
  box-shadow: inset 0 0 0 1px #ff6100 !important;
}
/* Chrome, Edge, Safari */
::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background: #111; /* optional: darker background for contrast */
}

::-webkit-scrollbar-thumb {
  background-color: #ff6100; /* Spartan orange */
  border-radius: 10px;
  border: 2px solid #111; /* optional border for better contrast */
}

/* Firefox (limited support) */
* {
  scrollbar-color: #ff6100 #111; /* thumb, track */
  scrollbar-width: thin;
}

/* Parent container: holds everything */
.grunge-hover-stack {
  position: relative;
  overflow: hidden;
}

/* Black semi-transparent overlay */
.grunge-hover-stack::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Adjust darkness here */
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
  pointer-events: none;
}

/* Grunge texture overlay */
.grunge-hover-stack::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url('https://spartan.effectiveonline.marketing/wp-content/uploads/2025/04/white-grungy-wall-textured-background-scaled.jpg') center center / cover no-repeat;
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
  z-index: 3;
  mix-blend-mode: overlay;
  filter: brightness(0.6);
}

/* Trigger both overlays on hover */
.grunge-hover-stack:hover::before,
.grunge-hover-stack:hover::after {
  opacity: 1;
}

.grunge-hover-stack img {
  transition: transform 0.4s ease;
}

.grunge-hover-stack:hover img {
  transform: scale(1.03);
}