/* Header ซ้อนภาพ hero แบบโปร่งใส (ตรงตัวอย่าง) */
.elementor-5633 { position: relative; }
.elementor-5633 .elementor-element.elementor-element-2a0718d00 {
	position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important;
	z-index: 100; margin-top: 0 !important; margin-bottom: 0 !important;
	background-color: transparent !important; background: transparent !important;
	box-shadow: none !important;
}
.elementor-5633 .elementor-element.elementor-element-2a0718d00 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-5633 .elementor-element.elementor-element-2a0718d00:not(.elementor-motion-effects-element-type-background) { background: transparent !important; background-color: transparent !important; }
/* เมนูและโลโก้สีขาวเมื่อ header ซ้อนภาพ */
.elementor-5633 .elementor-element.elementor-element-2a0718d00 .wpr-nav-menu .wpr-menu-item,
.elementor-5633 .elementor-element.elementor-element-2a0718d00 .wpr-nav-menu .wpr-menu-item:hover,
.elementor-5633 .elementor-element.elementor-element-2a0718d00 .wpr-nav-menu .wpr-menu-item.wpr-active-menu-item { color: #fff !important; }
.elementor-5633 .elementor-element.elementor-element-2a0718d00 .wpr-nav-menu .wpr-menu-item:hover .wpr-mega-menu-icon,
.elementor-5633 .elementor-element.elementor-element-2a0718d00 .wpr-nav-menu .wpr-menu-item.wpr-active-menu-item .wpr-mega-menu-icon { color: #fff !important; }
.elementor-5633 .elementor-element.elementor-element-2a0718d00 .wpr-pointer-underline .wpr-menu-item:after,
.elementor-5633 .elementor-element.elementor-element-2a0718d00 .wpr-pointer-line-fx .wpr-menu-item:before { background-color: rgba(255,255,255,0.9) !important; }
/* โลโก้ header: ขนาด 139.5px × 60px, ขยับขวา 60px */
.elementor-5633 .elementor-element.elementor-element-2a0718d00 .elementor-element-0df9034 .elementor-widget-wrap { margin-left: 60px; }
.elementor-5633 .elementor-element.elementor-element-2a0718d00 .elementor-widget-image img { filter: brightness(0) invert(1); opacity: 0.95; width: 139.5px !important; height: 60px !important; max-width: none; object-fit: contain; }
/* เมนูชิดโลโก้: คอลัมน์เมนู margin-left -114px (ขยับขวา 50px จากเดิม) */
.elementor-5633 .elementor-element.elementor-element-2a0718d00 .elementor-element-c864b24 { margin-left: -114px !important; padding-left: 0 !important; }
.elementor-5633 .elementor-element.elementor-element-2a0718d00 .elementor-element-c864b24 .wpr-nav-menu-container { justify-content: flex-start; }

/* เมื่อเลื่อนลง (sticky): โลโก้สีเขียว/ต้นฉบับ + พื้นหลังขาว + เมนูสีเข้ม/เขียว */
.elementor-5633 .elementor-element.elementor-element-2a0718d00.header-scrolled {
	background-color: #fff !important;
	box-shadow: 0 1px 12px rgba(0,0,0,0.08);
}
.elementor-5633 .elementor-element.elementor-element-2a0718d00.header-scrolled .elementor-widget-image img {
	filter: none !important;
	opacity: 1;
}
.elementor-5633 .elementor-element.elementor-element-2a0718d00.header-scrolled .wpr-nav-menu .wpr-menu-item,
.elementor-5633 .elementor-element.elementor-element-2a0718d00.header-scrolled .wpr-nav-menu .wpr-menu-item.wpr-active-menu-item { color: #333 !important; }
.elementor-5633 .elementor-element.elementor-element-2a0718d00.header-scrolled .wpr-nav-menu .wpr-menu-item:hover,
.elementor-5633 .elementor-element.elementor-element-2a0718d00.header-scrolled .wpr-nav-menu .wpr-menu-item.wpr-active-menu-item,
.elementor-5633 .elementor-element.elementor-element-2a0718d00.header-scrolled .wpr-nav-menu .wpr-menu-item:hover .wpr-mega-menu-icon,
.elementor-5633 .elementor-element.elementor-element-2a0718d00.header-scrolled .wpr-nav-menu .wpr-menu-item.wpr-active-menu-item .wpr-mega-menu-icon { color: #4CBB17 !important; }
.elementor-5633 .elementor-element.elementor-element-2a0718d00.header-scrolled .wpr-pointer-underline .wpr-menu-item:after,
.elementor-5633 .elementor-element.elementor-element-2a0718d00.header-scrolled .wpr-pointer-line-fx .wpr-menu-item:before { background-color: #4CBB17 !important; }
/* ดึง hero ขึ้นให้อยู่ใต้ header */
#post-4923 { margin-top: -142px !important; }
.day-hero-overlay { padding-top: 100px; box-sizing: border-box; }

/* Hero overlay: ภาพพื้นหลังเต็มจอ (ซ้าย-ขวา-บน-ล่าง) + ฟอร์มซ้อนด้านหน้า */
#post-4923 .elementor-element-0f43dd6.day-hero-overlay { width: 100vw !important; max-width: none !important; min-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; left: 0; right: 0; }
.day-hero-overlay { position: relative; min-height: 100vh; overflow: hidden; box-sizing: border-box; }
body:has(.day-hero-overlay) { overflow-x: hidden; }
.day-hero-overlay .day-hero-overlay-inner { position: relative; min-height: 100vh; width: 100%; max-width: 100%; }
/* ชั้นภาพ: เต็มความกว้าง container (ที่ถูกบังคับเป็น 100vw แล้ว) */
.day-hero-overlay .day-hero-bg { position: absolute !important; top: 0; left: 0 !important; right: 0 !important; bottom: 0; z-index: 0; width: 100% !important; height: 100% !important; min-height: 100vh; pointer-events: none; background-image: url("wp-content/uploads/2026/01/dayasset_eb16f93abc3bfa96aa05839036a8fee4-1-e1770975752198.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; }
.day-hero-overlay .day-hero-bg .elementor-element-a62775f { width: 100% !important; height: 100% !important; min-height: 100%; }
.day-hero-overlay .day-hero-bg .elementor-widget-image-carousel { width: 100% !important; height: 100% !important; }
.day-hero-overlay .day-hero-bg .elementor-image-carousel-wrapper { width: 100% !important; height: 100% !important; min-height: 100vh; }
.day-hero-overlay .day-hero-bg .elementor-image-carousel { height: 100% !important; min-height: 100vh; }
.day-hero-overlay .day-hero-bg .swiper-slide { height: 100% !important; min-height: 100vh; }
.day-hero-overlay .day-hero-bg .swiper-slide-inner { height: 100% !important; min-height: 100vh; display: block; margin: 0; }
.day-hero-overlay .day-hero-bg .swiper-slide-image { width: 100% !important; height: 100% !important; min-height: 100vh; object-fit: cover; display: block; }
.day-hero-overlay .day-hero-form { position: relative; z-index: 1; pointer-events: auto; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding-top: 0; box-sizing: border-box; }
.day-hero-overlay .day-filter-wrapper { width: 100%; max-width: 1170px; min-width: 0; margin: 0 auto; margin-top: calc(-10vh + 210px); padding: 1.5rem 24px 1.5rem; background: rgba(255, 255, 255, 0.98); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-radius: 8px; box-shadow: 0 4px 24px rgba(0,0,0,0.12); box-sizing: border-box; }

/* Property filter - ตรงตัวอย่าง 100%: พื้นขาว, หัวข้อ+เส้นเขียวสั้น, ระยะห่างสม่ำเสมอ */
.day-filter-wrapper { max-width: 1200px; margin: 0 auto; padding: 0 1rem 2rem; background: #fff; font-family: 'Kanit', -apple-system, sans-serif; }
.day-filter-headerRow { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; flex-wrap: wrap; margin-bottom: 1.5rem; }
.day-filter-header { margin-bottom: 0; padding: 1.5rem 0 0.75rem; background: transparent; flex-shrink: 0; }
.day-filter-title { font-size: 15px; font-weight: 700; color: #1a1a1a; margin: 0 0 0.25rem 0; display: inline-block; padding-bottom: 6px; position: relative; }
.day-filter-title::after { content: ''; position: absolute; left: 0; bottom: 0; width: 38%; height: 3px; background: #4CBB17; border-radius: 2px; }
.day-filter-subtitle { font-size: 15px; color: #666; margin: 0.5rem 0 0 0; font-weight: 400; }
.day-filter-headerRow .day-filter-iconRow { margin-top: 0; margin-bottom: 0; padding: 0.5rem 0; flex: 1; min-width: 0; justify-content: flex-end; }
.day-filter-iconRow { display: flex; justify-content: center; align-items: center; gap: 1.5rem; flex-wrap: wrap; margin-top: 1rem; margin-bottom: 1.5rem; padding: 0.5rem 0; }
.day-filter-iconTab { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; padding: 0.75rem 1rem; border: none; background: none; cursor: pointer; color: #444; border-radius: 8px; transition: color 0.2s, background 0.2s; font-family: inherit; font-size: 15px; }
.day-filter-iconTab:hover { color: #4CBB17; background: #f8fff6; }
.day-filter-iconTab.active { color: #4CBB17; }
.day-filter-iconWrap { position: relative; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border: 2px solid #e0e0e0; border-radius: 50%; transition: border-color 0.2s, background 0.2s; }
.day-filter-iconTab.active .day-filter-iconWrap { border-color: #4CBB17; background: #f8fff6; }
.day-filter-iconTab.active .day-filter-iconWrap::after { content: ''; position: absolute; top: -2px; right: -2px; width: 10px; height: 10px; background: #4CBB17; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 0 1px #4CBB17; }
.day-filter-iconLabel { font-size: 15px; font-weight: 500; }
/* ระยะห่าง grid ตรงภาพ: ช่องระหว่างคอลัมน์เท่ากัน, ช่องจากแถวไอคอนถึงแถวแรกชัด, แถว 2–3 ห่างกว่าเล็กน้อย */
.day-filter-grid { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 24px; row-gap: 22px; align-items: end; margin-top: 0; }
.day-filter-grid .day-filter-sliderGroup { margin-top: 4px; }
.day-filter-wrapper form .day-filter-grid { margin-top: 24px; }
/* Responsive: Tablet */
@media (max-width: 1024px) {
  .day-hero-overlay .day-filter-wrapper { margin-top: 1.5rem; padding: 1.25rem 20px; }
  .day-hero-overlay { padding-top: 80px; }
  #post-4923 { margin-top: -120px !important; }
  .elementor-5633 .elementor-element.elementor-element-2a0718d00 .elementor-element-0df9034 .elementor-widget-wrap { margin-left: 24px; }
  .elementor-5633 .elementor-element.elementor-element-2a0718d00 .elementor-widget-image img { width: 110px !important; height: 48px !important; }
}
@media (max-width: 900px) {
  .day-filter-grid { grid-template-columns: repeat(2, 1fr); column-gap: 20px; row-gap: 20px; }
  .day-filter-headerRow { flex-direction: column; align-items: stretch; gap: 1rem; }
  .day-filter-headerRow .day-filter-iconRow { justify-content: center; }
  .day-filter-title { font-size: 14px; }
  .day-filter-subtitle { font-size: 14px; }
  .day-filter-iconTab { padding: 0.6rem 0.75rem; font-size: 14px; }
  .day-filter-iconWrap { width: 42px; height: 42px; }
}
/* Responsive: Mobile - 2 คอลัมน์ให้สั้นลง + สลับซ้ายขวา */
@media (max-width: 600px) {
  .day-hero-overlay .day-filter-wrapper { margin-top: 1rem; padding: 0.85rem 12px 1rem; border-radius: 6px; }
  .day-hero-overlay { min-height: 100vh; padding-top: 70px; }
  .day-hero-overlay .day-hero-overlay-inner { min-height: auto; padding-bottom: 1.5rem; }
  .day-filter-title { font-size: 1rem; }
  .day-filter-subtitle { font-size: 13px; }
  .day-filter-label, .day-filter-input, .day-filter-sliderRange { font-size: 13px; }
  .day-filter-searchBtn { padding: 0.7rem 1rem; font-size: 14px; }
  .day-filter-grid { grid-template-columns: 1fr 1fr; column-gap: 10px; row-gap: 12px; }
  .day-filter-grid .day-filter-fieldGroup:nth-child(odd) { grid-column: 2; }
  .day-filter-grid .day-filter-fieldGroup:nth-child(even) { grid-column: 1; }
  .day-filter-grid .day-filter-sliderGroup,
  .day-filter-grid .day-filter-fieldGroup:has(.day-filter-searchBtn) { grid-column: 1 / -1 !important; }
  .day-filter-grid .day-filter-fieldGroup { direction: ltr; min-width: 0; }
  .day-filter-wrapper form .day-filter-grid { margin-top: 14px; }
  .day-filter-headerRow { margin-bottom: 0.75rem; }
  .day-filter-iconRow { margin-top: 0.5rem; margin-bottom: 0.75rem; gap: 0.5rem; }
  .elementor-5633 .elementor-element.elementor-element-2a0718d00 .elementor-element-0df9034 .elementor-widget-wrap { margin-left: 16px; }
  .elementor-5633 .elementor-element.elementor-element-2a0718d00 .elementor-widget-image img { width: 95px !important; height: 41px !important; }
}
@media (max-width: 500px) {
  .day-filter-grid { grid-template-columns: 1fr 1fr; column-gap: 8px; row-gap: 10px; }
  .day-filter-grid .day-filter-fieldGroup:nth-child(odd) { grid-column: 2; }
  .day-filter-grid .day-filter-fieldGroup:nth-child(even) { grid-column: 1; }
  .day-filter-grid .day-filter-sliderGroup,
  .day-filter-grid .day-filter-fieldGroup:has(.day-filter-searchBtn) { grid-column: 1 / -1 !important; }
  .day-filter-grid .day-filter-fieldGroup { direction: ltr; min-width: 0; }
  .day-filter-wrapper form .day-filter-grid { margin-top: 12px; }
  .day-filter-iconRow { gap: 0.75rem; }
  .day-filter-iconTab { padding: 0.5rem 0.6rem; font-size: 13px; }
  .day-filter-iconWrap { width: 38px; height: 38px; }
  .day-filter-iconLabel { font-size: 13px; }
}
/* Responsive: Small phones */
@media (max-width: 380px) {
  .day-hero-overlay .day-filter-wrapper { padding: 0.75rem 12px; }
  .day-filter-title { font-size: 0.95rem; }
  .day-filter-subtitle { font-size: 12px; }
  .day-filter-iconRow { gap: 0.5rem; }
  .day-filter-iconWrap { width: 36px; height: 36px; }
  .day-filter-input { padding: 0.45rem 0.6rem; font-size: 14px; min-height: 36px; }
}
/* ระยะระหว่าง label กับ input/select: เล็กและเท่ากันทุกช่อง */
.day-filter-fieldGroup { display: flex; flex-direction: column; gap: 6px; }
.day-filter-label { font-size: 15px; font-weight: 500; color: #444; margin: 0; }
.day-filter-input { width: 100%; padding: 0.5rem 0.75rem; border: 1px solid #ddd; border-radius: 6px; font-size: 15px; color: #1a1a1a; background: #fff; box-sizing: border-box; font-family: inherit; min-height: 38px; }
.day-filter-input:focus { outline: none; border-color: #4CBB17; }
.day-filter-select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23444' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 0.75rem center; padding-right: 2rem; }
.day-filter-sliderGroup { display: flex; flex-direction: column; gap: 8px; }
.day-filter-sliderGroup .day-filter-label { text-align: center; }
.day-filter-sliderRange { font-size: 15px; color: #444; margin: 0; font-weight: 500; text-align: center; }
.day-filter-sliderWrap { position: relative; height: 28px; display: flex; align-items: center; width: 100%; }
/* แทร็กเดียว: พื้นเทา, ช่วงที่เลือกสีน้ำเงิน-ม่วง ตรงภาพ 100% */
.day-filter-sliderTrack { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); height: 8px; background: #E0E0E0; border-radius: 4px; pointer-events: none; }
.day-filter-sliderFill { position: absolute; top: 50%; transform: translateY(-50%); height: 8px; background: #FF9800; border-radius: 4px; pointer-events: none; transition: left 0.05s, width 0.05s; }
.day-filter-sliderInput { width: 100%; height: 8px; -webkit-appearance: none; appearance: none; background: transparent; position: absolute; top: 50%; transform: translateY(-50%); margin: 0; left: 0; right: 0; z-index: 1; }
.day-filter-sliderInput-max { z-index: 2; }
.day-filter-sliderInput::-webkit-slider-runnable-track { height: 8px; background: transparent; border-radius: 4px; }
.day-filter-sliderInput::-moz-range-track { height: 8px; background: transparent; border-radius: 4px; }
.day-filter-sliderInput::-webkit-slider-thumb { -webkit-appearance: none; width: 18px; height: 18px; border-radius: 50%; background: #fff; cursor: pointer; border: none; box-shadow: 0 1px 4px rgba(0,0,0,0.2); }
.day-filter-sliderInput::-moz-range-thumb { width: 18px; height: 18px; border-radius: 50%; background: #fff; cursor: pointer; border: none; box-shadow: 0 1px 4px rgba(0,0,0,0.2); }
.day-filter-sliderInput::-webkit-slider-thumb:hover { box-shadow: 0 2px 6px rgba(0,0,0,0.25); }
.day-filter-sliderInput::-moz-range-thumb:hover { box-shadow: 0 2px 6px rgba(0,0,0,0.25); }
.day-filter-searchBtn { width: 100%; padding: 0.9rem 1.5rem; font-size: 15px; font-weight: 600; color: #fff; background: #4CBB17; border: none; border-radius: 8px; cursor: pointer; transition: background 0.2s; font-family: inherit; }
.day-filter-searchBtn:hover { background: #3B9212; }

/* ป้องกัน horizontal scroll ทุก viewport */
body:has(.day-hero-overlay) .elementor-5633 .elementor-container { max-width: 100%; }
@media (max-width: 1024px) {
  .elementor-5633 .elementor-element.elementor-element-2a0718d00 .elementor-element-c864b24 { margin-left: 0 !important; }
}
@media (max-width: 767px) {
  .elementor-5633 .elementor-element.elementor-element-2a0718d00 { padding-left: 12px !important; padding-right: 12px !important; }
  .elementor-5633 .elementor-element.elementor-element-2a0718d00 .elementor-element-0df9034 .elementor-widget-wrap { margin-left: 0; }
  .elementor-5633 .elementor-element.elementor-element-2a0718d00 .elementor-widget-image img { width: 90px !important; height: 39px !important; max-width: 40vw; }
}