/* V119 Professional Header Menu
   เป้าหมาย:
   - ทำเมนูให้ดูเป็นเว็บความรู้มืออาชีพ
   - เอาปุ่ม "สอบถามข้อมูล" ออกจาก Header
   - รวมเมนูคีย์หลัก ชลบุรี/ระยอง ให้ไม่ล้น
   - ลดอาการชื่อเว็บชนเมนู
   - ไม่มี JS / ไม่แตะฐานข้อมูล
*/

/* ===== V117 Header ===== */
.v117-header{
  background:linear-gradient(180deg,#0f2a47,#061a32)!important;
}
.v117-head-inner{
  width:min(1180px,calc(100% - 32px))!important;
  min-height:92px!important;
  padding:12px 0!important;
  display:grid!important;
  grid-template-columns:minmax(320px,auto) 1fr!important;
  align-items:center!important;
  gap:26px!important;
}
.v117-brand{
  min-width:0!important;
  max-width:520px!important;
}
.v117-logo{
  width:56px!important;
  height:56px!important;
  border-radius:16px!important;
}
.v117-brand-text{
  min-width:0!important;
}
.v117-brand-text strong{
  display:block!important;
  max-width:100%!important;
  font-size:clamp(32px,3vw,43px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.v117-brand-text small{
  font-size:12px!important;
  line-height:1.3!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* เมนูหลักให้เป็น 1 แถว เนียนขึ้น */
.v117-nav{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
.v117-nav a{
  min-height:40px!important;
  padding:0 14px!important;
  border-radius:13px!important;
  font-size:13.5px!important;
  font-weight:950!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:none!important;
  white-space:nowrap!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.v117-nav a:hover{
  background:rgba(255,255,255,.13)!important;
  transform:translateY(-1px);
}
.v117-nav a.active{
  background:rgba(255,255,255,.17)!important;
  border-color:rgba(255,255,255,.25)!important;
}

/* เอาปุ่มสอบถามข้อมูลออกจาก Header เพื่อให้ดูเป็นเว็บความรู้ ไม่ใช่เว็บขายบริการ */
.v117-nav a[href*="contact"],
.v117-nav a.cta{
  display:none!important;
}

/* ปุ่มคีย์หลักให้ดูเป็นเมนูรอง ไม่แย่งสายตา */
.v117-nav a[href*="rot-hiab-chonburi"],
.v117-nav a[href*="rot-hiab-rayong"]{
  min-height:36px!important;
  padding:0 12px!important;
  font-size:12.8px!important;
  opacity:.92!important;
  background:rgba(255,255,255,.055)!important;
  border-style:dashed!important;
}

/* ===== Header เดิมของหน้าอื่น ถ้าใช้ class V71/site-nav ===== */
.v71-header-inner,
.header-inner,
.site-header-inner{
  width:min(1180px,calc(100% - 32px))!important;
  min-height:92px!important;
  padding:12px 0!important;
  display:grid!important;
  grid-template-columns:minmax(320px,auto) 1fr!important;
  align-items:center!important;
  gap:26px!important;
}
.v71-brand,
.site-brand,
.logo-wrap{
  min-width:0!important;
  max-width:520px!important;
}
.v71-brand-title,
.site-title,
.logo-title{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:clamp(32px,3vw,43px)!important;
  line-height:.98!important;
}
.v71-nav,
.site-nav,
.main-nav{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:8px!important;
}
.v71-nav a,
.site-nav a,
.main-nav a{
  min-height:40px!important;
  padding:0 14px!important;
  border-radius:13px!important;
  font-size:13.5px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

/* ซ่อนปุ่มสอบถาม/ติดต่อเฉพาะ Header */
.v71-nav a[href*="contact"],
.site-nav a[href*="contact"],
.main-nav a[href*="contact"],
.v71-nav a[href*="ติดต่อ"],
.site-nav a[href*="ติดต่อ"],
.main-nav a[href*="ติดต่อ"]{
  display:none!important;
}

/* ===== Desktop จอไม่กว้างมาก ===== */
@media(max-width:1180px){
  .v117-head-inner,
  .v71-header-inner,
  .header-inner,
  .site-header-inner{
    grid-template-columns:1fr!important;
    justify-items:center!important;
    text-align:center!important;
    gap:12px!important;
  }
  .v117-brand,
  .v71-brand,
  .site-brand,
  .logo-wrap{
    justify-content:center!important;
    max-width:100%!important;
  }
  .v117-nav,
  .v71-nav,
  .site-nav,
  .main-nav{
    justify-content:center!important;
  }
}

/* ===== Mobile ===== */
@media(max-width:760px){
  .v117-head-inner,
  .v71-header-inner,
  .header-inner,
  .site-header-inner{
    width:calc(100% - 20px)!important;
    min-height:auto!important;
    padding:12px 0 13px!important;
    display:block!important;
    text-align:left!important;
  }

  .v117-brand,
  .v71-brand,
  .site-brand,
  .logo-wrap{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    margin-bottom:10px!important;
    text-align:left!important;
  }

  .v117-logo{
    width:48px!important;
    height:48px!important;
    flex:0 0 48px!important;
  }

  .v117-brand-text strong,
  .v71-brand-title,
  .site-title,
  .logo-title{
    font-size:25px!important;
    line-height:1!important;
    max-width:calc(100vw - 96px)!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .v117-brand-text small{
    font-size:11.5px!important;
    max-width:calc(100vw - 96px)!important;
  }

  /* มือถือ: เมนูเลื่อนแนวนอน ดูสะอาด ไม่ตกหลายบรรทัด */
  .v117-nav,
  .v71-nav,
  .site-nav,
  .main-nav{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    justify-content:flex-start!important;
    gap:8px!important;
    width:100%!important;
    padding:2px 0 8px!important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .v117-nav::-webkit-scrollbar,
  .v71-nav::-webkit-scrollbar,
  .site-nav::-webkit-scrollbar,
  .main-nav::-webkit-scrollbar{
    display:none;
  }

  .v117-nav a,
  .v71-nav a,
  .site-nav a,
  .main-nav a{
    flex:0 0 auto!important;
    min-height:38px!important;
    padding:0 12px!important;
    border-radius:12px!important;
    font-size:12.8px!important;
  }

  /* บนมือถือซ่อนคีย์หลักจาก header เพื่อให้เมนูสั้นลง */
  .v117-nav a[href*="rot-hiab-chonburi"],
  .v117-nav a[href*="rot-hiab-rayong"],
  .v71-nav a[href*="rot-hiab-chonburi"],
  .v71-nav a[href*="rot-hiab-rayong"],
  .site-nav a[href*="rot-hiab-chonburi"],
  .site-nav a[href*="rot-hiab-rayong"],
  .main-nav a[href*="rot-hiab-chonburi"],
  .main-nav a[href*="rot-hiab-rayong"]{
    display:none!important;
  }
}

/* ===== Small mobile ===== */
@media(max-width:430px){
  .v117-brand-text strong,
  .v71-brand-title,
  .site-title,
  .logo-title{
    font-size:23px!important;
  }
  .v117-nav a,
  .v71-nav a,
  .site-nav a,
  .main-nav a{
    font-size:12.4px!important;
    padding:0 11px!important;
  }
}