/* ==========================================================================
   SLIDER (Standalone, conflict-safe)
   - Uses renamed classes to avoid theme collisions (.nav, .track, etc.)
   - Hover-reveal slim edge tabs
   - No shadows on buttons
   ========================================================================== */

:root{
  --slider-gold: rgba(253,162,34,0.95);
  --slider-dark: rgba(0,0,0,0.55);
}

/* Root wrapper */
.slider{
  width:940px;
  margin:0 auto 10px;
  position:relative;
}

/* Viewport */
.slider .slider-viewport{
  position:relative;
  overflow:hidden;
  border-radius:15px;              /* main slider radius (adjust if needed) */
  isolation:isolate;
}

/* Track */
.slider .slider-track{
  display:flex !important;         /* force horizontal row */
  flex-wrap:nowrap !important;
  width:100% !important;
  transition:transform 0.55s ease;
  will-change:transform;
}

/* Each slide */
.slider .slide{
  flex:0 0 100% !important;
  width:100% !important;
  max-width:100% !important;
  float:none !important;           /* kill theme floats */
  display:block;
  height:430px;
  position:relative;
  background-size:cover;
  background-position:center;
}

/* Overlay */
.slider .slide::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    to bottom,
    rgba(0,0,0,0.2),
    rgba(0,0,0,0.7)
  );
  pointer-events:none;
}

/* ==========================================================================
   Slim Edge Tabs (Prev/Next)
   ========================================================================== */

.slider .slider-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:36px;
  height:54px;
  background:var(--slider-dark);
  color:#fff;

  /* remove all shadows */
  box-shadow:none !important;
  text-shadow:none !important;
  filter:none !important;

  border:1px solid rgba(255,255,255,0.18);
  backdrop-filter: blur(8px);

  display:flex;
  align-items:center;
  justify-content:center;

  cursor:pointer;
  z-index:10;
  transition: background .25s ease, color .25s ease, opacity .25s ease;
  padding:0;
  appearance:none;
  -webkit-appearance:none;

  /* hover reveal */
  opacity:0;
  pointer-events:none;
}

/* reveal buttons when hovering over slider area */
.slider .slider-viewport:hover .slider-nav{
  opacity:1;
  pointer-events:auto;
}

/* Left / Right positioning (your requested style) */
.slider .slider-prev{
  left:0;
  border-radius:0 15px 15px 0;
  border-left:none;
}

.slider .slider-next{
  right:0;
  border-radius:15px 0 0 15px;
  border-right:none;
}

/* Icons */
.slider .slider-nav i{
  font-size:13px;
  line-height:1;
  pointer-events:none;
}

/* Hover state */
.slider .slider-nav:hover{
  background:var(--slider-gold);
  color:#111;
  border-color:rgba(253,162,34,0.55);
}

/* Remove focus ring ugliness but keep accessibility */
.slider .slider-nav:focus-visible{
  outline:2px solid rgba(253,162,34,0.85);
  outline-offset:2px;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width:980px){
  .slider{ width:100%; }
  .slider .slide{ height:360px; }
}

/* ==========================================================================
   Hardening: If theme applies generic styles to buttons/anchors
   ========================================================================== */
.slider button.slider-nav{
  background-clip: padding-box;
}