/* ===== Header / เมนูหลัก (_nav_top.php) — ทับสไตล์เดิมใน custom.css ===== */
#header.hdr .header-body{border-top:0; border-bottom:0; box-shadow:0 1px 0 rgba(31,29,43,.06); background:rgba(255,255,255,.96); transition:box-shadow .25s ease, background .25s ease;}
html.sticky-header-active #header.hdr .header-body{background:rgba(255,255,255,.88); -webkit-backdrop-filter:saturate(1.4) blur(12px); backdrop-filter:saturate(1.4) blur(12px); box-shadow:0 8px 28px rgba(31,29,43,.10);}

/* แถบบน */
#header.hdr .header-top{min-height:40px; box-shadow:none; background-image:linear-gradient(100deg,#4b1fc4 0%,#6428EA 45%,#b3002d 100%); border-bottom:0;}
#header.hdr .header-top .header-row{min-height:40px;}
.hdr-top-left{gap:6px 18px;}
.hdr-top-link{display:inline-flex; align-items:center; gap:7px; color:#fff !important; font-size:14px; line-height:1; text-decoration:none !important; opacity:.92; transition:opacity .15s ease; white-space:nowrap;}
.hdr-top-link:hover{opacity:1;}
.hdr-top-link i{font-size:12px; width:24px; height:24px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:rgba(255,255,255,.16);}
.hdr-social{gap:6px;}
.hdr-social a{width:28px; height:28px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; color:#fff !important; font-size:13px; background:rgba(255,255,255,.14); text-decoration:none !important; transition:background .2s ease, transform .2s ease;}
.hdr-social a:hover{background:#fff; color:#6428EA !important; transform:translateY(-2px);}

/* โลโก้ */
#header.hdr .header-logo img{margin:6px 0; transition:height .25s ease;}

/* เมนูคอม */
@media (min-width:992px){
	#header.hdr .header-nav{align-items:center;}
	#header.hdr .header-nav-main nav > ul{gap:4px; align-items:center; flex-wrap:nowrap;}
	#header.hdr .header-nav-main nav > ul > li{align-items:center;}
	#header.hdr .header-nav-main nav > ul > li > a{align-self:center;}
	#header.hdr .header-nav-main nav > ul > li > a,
	#header.hdr .header-nav.header-nav-stripe nav > ul > li > a{
		position:relative; height:auto !important; padding:10px 14px !important; margin:0; border-radius:999px !important;
		color:#2b2740 !important; background:transparent !important; font-size:16px; font-weight:500; letter-spacing:0;
		display:inline-flex; align-items:center; gap:7px; transition:background .2s ease, color .2s ease;
	}
	#header.hdr .header-nav-main nav > ul > li > a i{color:#6428EA; font-size:14px; transition:color .2s ease, transform .25s ease;}
	#header.hdr .header-nav.header-nav-stripe nav > ul > li:hover > a,
	#header.hdr .header-nav.header-nav-stripe nav > ul > li.open > a{background:#f3effd !important; color:#6428EA !important;}
	#header.hdr .header-nav-main nav > ul > li:hover > a i{transform:translateY(-1px) scale(1.08);}
	#header.hdr .header-nav.header-nav-stripe nav > ul > li > a.active,
	#header.hdr .header-nav.header-nav-stripe nav > ul:not(:hover) > li > a.active{
		background:linear-gradient(120deg,#6428EA,#D00) !important; color:#fff !important; z-index:auto; box-shadow:0 6px 16px rgba(100,40,234,.28);
	}
	#header.hdr .header-nav-main nav > ul > li > a.active i{color:#fff;}
	#header.hdr .header-nav-main nav > ul > li > a.dropdown-toggle::after{margin-left:2px;}
	/* เมนูย่อยแอดมิน */
	#header.hdr .header-nav-main nav > ul > li.dropdown .dropdown-menu{border:1px solid #ece9f5; border-radius:14px; padding:8px; box-shadow:0 16px 36px rgba(31,29,43,.14); border-top:1px solid #ece9f5;}
	#header.hdr .header-nav-main nav > ul > li.dropdown .dropdown-menu li a{border-radius:10px; padding:9px 12px; font-size:14.5px; color:#2b2740; border-bottom:0; display:flex; gap:8px; align-items:center;}
	#header.hdr .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover{background:#f3effd; color:#6428EA;}
	#header.hdr .header-nav-main nav > ul > li.dropdown .dropdown-menu li a i{width:16px; color:#6428EA;}
}

/* จอ 992–1199: ย่อเมนูให้อยู่บรรทัดเดียว */
@media (min-width:992px) and (max-width:1199px){
	#header.hdr .header-nav-main nav > ul{gap:2px;}
	#header.hdr .header-nav-main nav > ul > li > a,
	#header.hdr .header-nav.header-nav-stripe nav > ul > li > a{padding:9px 10px !important; font-size:15px; gap:6px;}
	.hdr-cta{padding:10px 12px; margin-left:8px;}
	.hdr-cta span{display:none;}
}

/* ปุ่มสอบถามราคา */
.hdr-cta{display:inline-flex; align-items:center; gap:8px; margin-left:12px; padding:10px 18px; border-radius:999px; background:#06c755; color:#fff !important; font-size:15px; font-weight:500; text-decoration:none !important; white-space:nowrap; box-shadow:0 6px 16px rgba(6,199,85,.28); transition:transform .2s ease, box-shadow .2s ease;}
.hdr-cta:hover{transform:translateY(-2px); box-shadow:0 10px 22px rgba(6,199,85,.35);}
.hdr-cta i{font-size:18px;}

/* ปุ่มเปิดเมนูมือถือ */
#header.hdr .header-btn-collapse-nav{
	width:46px; height:46px; padding:0; border:0; border-radius:14px; font-size:19px; margin-left:8px;
	background:linear-gradient(135deg,#6428EA,#D00) !important; color:#fff !important; box-shadow:0 6px 16px rgba(100,40,234,.3);
	display:none; align-items:center; justify-content:center;
}

/* เมนูมือถือ */
@media (max-width:991px){
	#header.hdr .header-btn-collapse-nav{display:inline-flex;}
	#header.hdr .header-top .header-row{min-height:36px;}
	#header.hdr .header-nav-main nav{background:#fff; border-radius:0 0 18px 18px; box-shadow:0 18px 30px rgba(31,29,43,.12);}
	#header.hdr .header-nav-main nav > ul{padding:10px 12px 14px;}
	#header.hdr .header-nav-main nav > ul > li{border-bottom:0 !important;}
	#header.hdr .header-nav-main nav > ul > li > a,
	#header.hdr .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a{
		display:flex; align-items:center; gap:12px; padding:13px 14px !important; margin:2px 0; border-radius:14px !important;
		color:#2b2740 !important; background:transparent !important; font-size:16px; font-weight:500;
	}
	#header.hdr .header-nav-main nav > ul > li > a i{width:20px; text-align:center; color:#6428EA;}
	#header.hdr .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active{background:linear-gradient(120deg,#6428EA,#D00) !important; color:#fff !important;}
	#header.hdr .header-nav-main nav > ul > li > a.active i{color:#fff;}
	#header.hdr .header-nav-main nav > ul li .dropdown-menu li a{padding:10px 14px 10px 46px; font-size:15px; color:#4b5563; border-bottom:0;}
	.hdr-cta-li{padding-top:6px;}
	.hdr-cta.is-mobile{display:flex; justify-content:center; margin:0; padding:13px 18px;}
}
@media (max-width:575px){
	.hdr-top-link{font-size:13.5px;}
	#header.hdr .header-logo img{height:46px !important; width:auto;}
}
@media (prefers-reduced-motion:reduce){
	.hdr-cta,.hdr-social a,#header.hdr .header-nav-main nav > ul > li > a i{transition:none;}
}
@media (max-width:991px){
	#header.hdr .header-nav-main nav > ul > li.hdr-cta-li > a.hdr-cta{background:#06c755 !important; color:#fff !important; justify-content:center; border-radius:999px !important; box-shadow:0 6px 16px rgba(6,199,85,.28);}
	#header.hdr .header-nav-main nav > ul > li.hdr-cta-li > a.hdr-cta i{color:#fff;}
}