/* =========================================================
   V26 — Home slide floating caption, no card / no blur panel
   ========================================================= */

/* Keep the full first-screen slide from V25, but remove the caption card.
   Readability now comes from adaptive text color, strong contour, and a
   full-slide directional shade instead of a box behind the text. */
.hero-slide{
  --floating-title:#ffffff;
  --floating-body:#ffffff;
  --floating-small:rgba(235,242,255,.96);
  --floating-accent:#ffffff;
  --floating-stroke:rgba(0,0,0,.66);
  --floating-soft-stroke:rgba(0,0,0,.56);
  --floating-title-shadow:
    0 1px 0 rgba(0,0,0,.92),
    0 2px 3px rgba(0,0,0,.72),
    0 8px 18px rgba(0,0,0,.55),
    0 18px 42px rgba(0,0,0,.34);
  --floating-body-shadow:
    0 1px 0 rgba(0,0,0,.9),
    0 2px 5px rgba(0,0,0,.72),
    0 10px 24px rgba(0,0,0,.40);
}

.hero-slide.caption-theme-light{
  --floating-title:#111735;
  --floating-body:#182044;
  --floating-small:#372367;
  --floating-accent:#7b2452;
  --floating-stroke:rgba(255,255,255,.94);
  --floating-soft-stroke:rgba(255,255,255,.88);
  --floating-title-shadow:
    0 1px 0 rgba(255,255,255,.98),
    0 2px 3px rgba(255,255,255,.90),
    0 8px 20px rgba(255,255,255,.76),
    0 16px 36px rgba(25,28,78,.18);
  --floating-body-shadow:
    0 1px 0 rgba(255,255,255,.98),
    0 2px 4px rgba(255,255,255,.88),
    0 8px 22px rgba(255,255,255,.58),
    0 10px 26px rgba(20,23,76,.14);
}

/* Remove visible card / frosted-glass panel. */
.hero-caption,
.hero-slide.caption-right .hero-caption{
  width:min(620px,calc(100% - 92px))!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  color:var(--floating-title)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  isolation:isolate!important;
}

.hero-caption::before,
.hero-caption::after{
  content:none!important;
  display:none!important;
}

/* Use a soft shade across the slide, not behind the caption only. */
.hero-slide.caption-left::after{
  background:
    radial-gradient(circle at 23% 48%,rgba(5,7,22,.38) 0%,rgba(5,7,22,.20) 28%,rgba(5,7,22,.06) 50%,transparent 72%),
    linear-gradient(90deg,rgba(5,8,24,.40) 0%,rgba(8,12,36,.18) 38%,transparent 72%),
    linear-gradient(0deg,rgba(5,7,20,.18) 0%,transparent 40%)!important;
}

.hero-slide.caption-right::after{
  background:
    radial-gradient(circle at 77% 48%,rgba(5,7,22,.38) 0%,rgba(5,7,22,.20) 28%,rgba(5,7,22,.06) 50%,transparent 72%),
    linear-gradient(270deg,rgba(5,8,24,.40) 0%,rgba(8,12,36,.18) 38%,transparent 72%),
    linear-gradient(0deg,rgba(5,7,20,.18) 0%,transparent 40%)!important;
}

.hero-slide.caption-theme-light.caption-left::after{
  background:
    radial-gradient(circle at 23% 48%,rgba(255,255,255,.58) 0%,rgba(255,255,255,.34) 26%,rgba(255,255,255,.10) 50%,transparent 72%),
    linear-gradient(90deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.16) 35%,transparent 70%),
    linear-gradient(0deg,rgba(255,255,255,.16) 0%,transparent 42%)!important;
}

.hero-slide.caption-theme-light.caption-right::after{
  background:
    radial-gradient(circle at 77% 48%,rgba(255,255,255,.58) 0%,rgba(255,255,255,.34) 26%,rgba(255,255,255,.10) 50%,transparent 72%),
    linear-gradient(270deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.16) 35%,transparent 70%),
    linear-gradient(0deg,rgba(255,255,255,.16) 0%,transparent 42%)!important;
}

.hero-location,
.hero-caption .eyebrow{
  color:var(--floating-small)!important;
  text-shadow:var(--floating-body-shadow)!important;
  letter-spacing:.18em!important;
  font-weight:900!important;
  opacity:1!important;
}

.hero-caption .eyebrow{
  margin-top:5px!important;
  margin-bottom:12px!important;
}

.hero-caption h1,
.hero-caption h2{
  color:var(--floating-title)!important;
  text-shadow:var(--floating-title-shadow)!important;
  -webkit-text-stroke:.55px var(--floating-stroke)!important;
  paint-order:stroke fill!important;
  font-weight:900!important;
}

html[lang="th"] .hero-caption h1,
html[lang="th"] .hero-caption h2{
  letter-spacing:-.018em!important;
}

.hero-title-line{
  display:block!important;
}

.hero-caption p{
  color:var(--floating-body)!important;
  text-shadow:var(--floating-body-shadow)!important;
  -webkit-text-stroke:.18px var(--floating-soft-stroke)!important;
  paint-order:stroke fill!important;
  font-weight:800!important;
  max-width:560px!important;
}

/* Buttons stay visible but are not connected to a caption card. */
.hero-actions{
  margin-top:22px!important;
}

.hero-caption .btn.primary{
  color:#fff!important;
  background:linear-gradient(135deg,#2ba8eb,#596fdf 58%,#9740b7)!important;
  border:1px solid rgba(255,255,255,.48)!important;
  box-shadow:0 12px 26px rgba(9,13,48,.30),0 2px 8px rgba(255,255,255,.18) inset!important;
}

.hero-caption .btn.outline{
  color:var(--floating-title)!important;
  background:rgba(10,13,32,.16)!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:0 10px 24px rgba(8,10,30,.22),0 1px 0 rgba(255,255,255,.26) inset!important;
  text-shadow:var(--floating-body-shadow)!important;
}

.hero-slide.caption-theme-light .hero-caption .btn.outline{
  color:#171a42!important;
  background:rgba(255,255,255,.58)!important;
  border-color:rgba(255,255,255,.88)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.8)!important;
}

@media(max-width:900px){
  .hero-caption,
  .hero-slide.caption-right .hero-caption{
    width:min(620px,calc(100% - 52px))!important;
  }
}

@media(max-width:640px){
  .hero-slide.caption-left::after,
  .hero-slide.caption-right::after,
  .hero-slide.caption-theme-light.caption-left::after,
  .hero-slide.caption-theme-light.caption-right::after{
    background:
      linear-gradient(0deg,rgba(6,8,24,.62) 0%,rgba(8,12,38,.38) 40%,rgba(8,12,38,.12) 72%,transparent 100%)!important;
  }

  .hero-caption,
  .hero-slide.caption-right .hero-caption{
    left:18px!important;
    right:18px!important;
    width:auto!important;
    bottom:104px!important;
  }

  .hero-caption .eyebrow{
    margin-bottom:9px!important;
  }

  .hero-caption p{
    max-width:100%!important;
  }
}