/* Badami slider (scoped) — based on slider.html but without Tailwind dependency */
.phx-badami-slider{
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background:#000;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.phx-badami-slider[data-mode="inline"]{
  height: 340px;
  border-radius: 18px;
}
.phx-badami-slider .phx-slide{
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  z-index:1;
  transition: opacity 1.5s cubic-bezier(0.4,0,0.2,1);
}
.phx-badami-slider .phx-slide.is-active{
  opacity:1;
  z-index:10;
  pointer-events:auto;
}
.phx-badami-slider .phx-slide-bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  transform: scale(1.15);
  transition: transform 12s linear;
}
.phx-badami-slider .phx-slide.is-active .phx-slide-bg{ transform:scale(1); }

.phx-badami-slider .phx-overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(to right, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) 100%);
}

.phx-badami-slider .phx-slide-content{
  position:relative;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding: 0 24px;
  max-width: 980px;
}
@media (min-width: 768px){
  .phx-badami-slider .phx-slide-content{ padding:0 96px; }
}
.phx-badami-slider h1{
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-weight:700;
  color:#fff;
  margin:0 0 16px 0;
  line-height:1.05;
  font-size: clamp(34px, 5vw, 86px);
}
.phx-badami-slider p{
  color: rgba(255,255,255,0.72);
  margin:0;
  font-weight:300;
  line-height:1.65;
  letter-spacing: 0.02em;
  font-size: clamp(14px, 1.35vw, 20px);
  max-width: 640px;
}

.phx-badami-slider .phx-anim-h,
.phx-badami-slider .phx-anim-p{
  opacity:0;
  transform: translateY(40px);
  transition: all 1.2s cubic-bezier(0.215,0.61,0.355,1);
}
.phx-badami-slider .phx-slide.is-active .phx-anim-h{ opacity:1; transform:translateY(0); transition-delay:0.5s; }
.phx-badami-slider .phx-slide.is-active .phx-anim-p{ opacity:1; transform:translateY(0); transition-delay:0.8s; }

/* Bullets */
.phx-badami-slider .phx-nav-bullets{
  position:absolute;
  right: 26px;
  top:50%;
  transform: translateY(-50%);
  z-index:100;
  display:flex;
  flex-direction:column;
  gap:18px;
  align-items:center;
}
.scroll-down-btn {
	border: 1px solid #fff;
    display: inline-block;
    color: #fff !important;
    padding: 5px 20px;
    border-radius: 5px;
}
.inner-slider-main .phx-scroll-line{
	margin:auto;
}
.phx-badami-slider[data-mode="inline"] .phx-nav-bullets{
  right: 14px;
  gap:14px;
}
.phx-badami-slider .phx-bullet{
  position:relative;
  width: 10px;
  height: 10px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}
.phx-badami-slider .phx-bullet-circle{
  position:absolute;
  width:24px;
  height:24px;
  border:1px solid rgba(255,255,255,0.3);
  border-radius:50%;
  opacity:0;
  transition: opacity .3s ease;
}
.phx-badami-slider .phx-bullet-dot{
  width:6px; height:6px;
  background:#fff;
  border-radius:50%;
  transition: transform .3s ease;
}
.phx-badami-slider .phx-bullet.is-active .phx-bullet-circle{ opacity:1; }
.phx-badami-slider .phx-bullet-progress{
  position:absolute;
  width:24px;
  height:24px;
  transform: rotate(-90deg);
}
.phx-badami-slider .phx-bullet-progress circle{
  fill:none;
  stroke:#fff;
  stroke-width:1.5;
  stroke-dasharray: 75.4;
  stroke-dashoffset: 75.4;
  transition: stroke-dashoffset .1s linear;
}
.sub-title-year {
	color:#fff; font-weight:bold;
}
/* optional scroll hint */
.phx-badami-slider .phx-scroll-indicator{
  position:absolute;
  bottom: 30px;
  left:50%;
  transform: translateX(-50%);
  z-index:50;
  display:flex;
  flex-direction:column;
  align-items:center;
  color:#fff;
  font-size:10px;
  font-weight:700;
  letter-spacing:0.4em;
  text-transform:uppercase;
  opacity:0.5;
  user-select:none;
}
.phx-badami-slider[data-mode="inline"] .phx-scroll-indicator{ display:block; }
.phx-badami-slider .phx-scroll-line{
  width:1px;
  height:40px;
  background: linear-gradient(to bottom, #fff, transparent);
  margin-top:10px;
}
.inner-slider-main{
	width: 90%;
    margin: auto; padding-bottom: 40px;
}
.inner-slider-main .phx-badami-slider[data-mode="inline"]{
	height: 628px;
}

/* Slider text positioning controls */
.phx-badami-slider .phx-slide-content.phx-align-left { align-items:flex-start; text-align:left; margin-right:auto; }
.phx-badami-slider .phx-slide-content.phx-align-center { align-items:center; text-align:center; margin-inline:auto; }
.phx-badami-slider .phx-slide-content.phx-align-right { align-items:flex-end; text-align:right; margin-left:auto; }
.phx-badami-slider .phx-slide-content.phx-align-center p { margin-inline:auto; }
.phx-badami-slider .phx-slide-content.phx-align-right p { margin-left:auto; }




/* Taller hero banner — Hoysaleswara page only */
body.postid-5147 .phx-badami-slider[data-mode="inline"],
body.postid-5147 .inner-slider-main .phx-badami-slider[data-mode="inline"]{
  height:800px;      /* raise/lower this number to taste */
}
/* body.postid-5147 .phx-badami-slider .phx-slide-content{
    max-width: 800px;
    transform: translateY(70px);
}

body.postid-5147 .phx-badami-slider h1{
    font-size: clamp(28px, 3.4vw, 52px);
    line-height: 1.15;
    max-width: 850px;
    white-space: normal;
} */