/* V91 Fix Hero Text Too Dark + Mobile Check
   แก้หัวข้อ Hero ทึบ/โดน overlay ทับ/มีข้อความซ้อน และปรับให้อ่านชัดบนมือถือ
*/

/* ยกเลเยอร์ข้อความขึ้นเหนือ overlay */
.v71-home-hero .v71-home-hero-inner,
.v71-home-hero .v71-hero-copy,
.v71-home-hero .hero-content,
.v71-home-hero .hero-left,
.v71-home-hero .hero-text,
.v71-home-hero .hero-copy{
  position:relative!important;
  z-index:10!important;
}

/* แก้หัวข้อหลักที่ทึบ */
.v71-home-hero h1,
.v71-home-hero .hero-title,
.v71-hero-copy h1,
.hero-title{
  color:#ffffff!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  -webkit-text-fill-color:#ffffff!important;
  text-shadow:0 3px 14px rgba(0,0,0,.36)!important;
  position:relative!important;
  z-index:12!important;
}

/* ปิด pseudo ที่อาจสร้างเงา/ข้อความซ้อน */
.v71-home-hero h1:before,
.v71-home-hero h1:after,
.v71-hero-copy h1:before,
.v71-hero-copy h1:after,
.hero-title:before,
.hero-title:after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}

/* ซ่อน watermark / bg text ที่ทำให้หัวข้อดูทึบ */
.hero-bg-text,
.hero-watermark,
.bg-title,
.hero-outline-text,
.v71-home-hero .hero-bg-text,
.v71-home-hero .hero-watermark,
.v71-home-hero .bg-title,
.v71-home-hero .hero-outline-text,
.v71-home-hero [class*="watermark"],
.v71-home-hero [class*="bg-title"],
.v71-home-hero [class*="outline-text"]{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* ทำคำอธิบายและป้ายให้อ่านชัด */
.v71-home-hero p,
.v71-hero-copy p,
.v71-home-hero .v71-kicker,
.v71-kicker{
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  position:relative!important;
  z-index:12!important;
}
.v71-home-hero p,
.v71-hero-copy p{
  color:rgba(255,255,255,.94)!important;
  text-shadow:0 2px 10px rgba(0,0,0,.22)!important;
}
.v71-kicker{
  color:#eaf8ff!important;
  background:rgba(9,50,86,.86)!important;
  border:1px solid rgba(94,200,255,.46)!important;
}

/* ปรับกล่อง Hero ให้อ่านง่ายขึ้น */
.v71-hero-copy{
  background:linear-gradient(180deg,rgba(7,28,52,.92),rgba(4,17,33,.88))!important;
  border-left:7px solid #45beff!important;
  box-shadow:0 34px 90px rgba(0,10,30,.45)!important;
}

/* ลดความมืดของภาพพื้นหลัง แต่ไม่ให้ตัวหนังสือหาย */
.v71-home-hero:before{
  filter:none!important;
  opacity:1!important;
  background-image:
    linear-gradient(90deg,rgba(4,18,36,.82) 0%,rgba(4,18,36,.64) 36%,rgba(4,18,36,.22) 68%,rgba(4,18,36,.36) 100%),
    url('/assets/img/hero-clean-v87.jpg?v=91'),
    url('/assets/img/hero-crane.webp?v=91')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.v71-home-hero:after{
  opacity:.18!important;
  pointer-events:none!important;
}

/* ปุ่มให้ชัดกว่าเดิม */
.v71-actions,
.v71-home-hero .v71-actions{
  position:relative!important;
  z-index:13!important;
}
.v71-btn{
  color:#fff!important;
  opacity:1!important;
}
.v71-btn.secondary{
  color:#fff!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.28)!important;
}

/* กล่องขวาไม่ให้โปร่งจนซ้อนภาพ */
.v71-right-card{
  background:rgba(255,255,255,.97)!important;
  opacity:1!important;
  filter:none!important;
  z-index:11!important;
}
.v71-right-card h2,
.v71-right-card p,
.v71-mini-list div{
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}

/* เช็กหน้าฮีโร่อื่น ๆ */
.v71-page-hero h1,
.v81-area-hero h1,
.a85-hero h1,
.a88-hero h1,
.c89-hero h1{
  color:#fff!important;
  opacity:1!important;
  filter:none!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 3px 14px rgba(0,0,0,.34)!important;
  position:relative!important;
  z-index:10!important;
}
.v71-page-hero p,
.v81-area-hero p,
.a85-hero p,
.a88-hero p,
.c89-hero p{
  color:rgba(255,255,255,.92)!important;
  opacity:1!important;
}

/* Mobile */
@media(max-width:900px){
  .v71-home-hero:before{
    background-image:
      linear-gradient(180deg,rgba(4,18,36,.84) 0%,rgba(4,18,36,.66) 50%,rgba(4,18,36,.46) 100%),
      url('/assets/img/hero-clean-v87.jpg?v=91'),
      url('/assets/img/hero-crane.webp?v=91')!important;
    background-position:center center!important;
  }
  .v71-hero-copy{
    padding:24px 18px!important;
    border-radius:24px!important;
    border-left:5px solid #45beff!important;
  }
  .v71-home-hero h1,
  .v71-hero-copy h1,
  .hero-title{
    font-size:clamp(32px,10vw,46px)!important;
    line-height:1.08!important;
    letter-spacing:-.045em!important;
    text-shadow:0 2px 12px rgba(0,0,0,.42)!important;
  }
  .v71-home-hero p,
  .v71-hero-copy p{
    font-size:16px!important;
    line-height:1.75!important;
  }
  .v71-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .v71-btn{
    width:100%!important;
    justify-content:center!important;
  }
}