/*
Theme Name: Houzez Child - SuccessEstate
Theme URI: https://successestate.com/
Description: Child theme ของ Houzez ปรับโทนสีเป็น ขาว/ส้ม/น้ำเงิน/เทา/เทาเข้ม สำหรับ SuccessEstate
Author: SuccessEstate
Template: houzez
Version: 1.0.0
Text Domain: houzez-child
*/

/* ==========================================================================
   1) ตัวแปรสี (แก้ตรงนี้ที่เดียว สีจะเปลี่ยนทั้งเว็บ)
   ========================================================================== */
:root{
  --se-navy:        #14395E;   /* น้ำเงินเข้ม - แถบบน, หัวข้อหลัก */
  --se-navy-dark:   #0D2A46;   /* น้ำเงินเข้มกว่า - hover/active */
  --se-orange:      #ED6C1D;   /* ส้ม - ปุ่ม, badge, ราคา, ลิงก์เด่น */
  --se-orange-dark: #D65E13;   /* ส้มเข้ม - hover ปุ่ม */
  --se-white:       #FFFFFF;
  --se-gray:        #8A9099;   /* เทา - ข้อความรอง, เส้นขอบ */
  --se-gray-light:  #F4F5F6;   /* เทาอ่อนมาก - พื้นหลังสลับ section */
  --se-gray-dark:   #2B2F33;   /* เทาเข้ม - overlay, footer, ข้อความหัวข้อ */
}

/* ==========================================================================
   2) แถบบนสุด (เบอร์โทร/อีเมล) + แถบค้นหาบน hero
   เดิม: กรมท่าเกือบดำ -> ใหม่: น้ำเงิน
   ========================================================================== */
#top-bar,
.top-bar,
.header-top-bar,
.top-header-v1,
.advanced-search-tabs-v2,
.main-search-wrap-v2,
.search-tabs-wrap,
.houzez-search-form-js,
.advanced-search-tabs .nav-tabs{
  background-color: var(--se-navy) !important;
}

#top-bar a,
.top-bar a,
.header-top-bar a,
.header-top-bar span{
  color: var(--se-white) !important;
}

/* ==========================================================================
   3) ปุ่มค้นหา / ปุ่ม Submit ทั่วเว็บ
   เดิม: ฟ้า/cyan -> ใหม่: ส้ม
   ========================================================================== */
.houzez-search-button,
button.search-btn,
.btn-search,
input[type="submit"],
button[type="submit"],
.hz-btn-submit,
.wp-block-button__link,
.elementor-button,
.houzez-ele-button{
  background-color: var(--se-orange) !important;
  border-color: var(--se-orange) !important;
  color: var(--se-white) !important;
}

.houzez-search-button:hover,
button.search-btn:hover,
.btn-search:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
.elementor-button:hover{
  background-color: var(--se-orange-dark) !important;
  border-color: var(--se-orange-dark) !important;
}

/* ==========================================================================
   4) ป้ายราคา / Featured badge / Label (ขาย, เช่า, Hot Offer ฯลฯ)
   เดิม: แดง -> ใหม่: ส้ม
   ========================================================================== */
.item-price,
.listing-price,
.price,
.label-featured,
.item-listing-badges span,
.status-label,
span.for-sale,
span.for-rent,
.hz-label,
.badge{
  background-color: var(--se-orange) !important;
  color: var(--se-white) !important;
}

/* หัวข้อสำคัญ เช่น "GRAND PROPERTY" */
.title-underline,
.section-title,
h2.title,
.title-block h2,
.title-block h3{
  color: var(--se-navy) !important;
}

/* ==========================================================================
   5) โซน overlay เข้ม (Join Us / Explore Cities / footer-cta)
   เดิม: ดำสนิท -> ใหม่: เทาเข้ม
   ========================================================================== */
.parallax-section,
.dark-overlay,
.cities-overlay,
.membership-section,
.bg-dark,
.discover-cities .item-wrap:before,
.city-item .overlay,
.pricing-table-wrap.dark{
  background-color: var(--se-gray-dark) !important;
}

/* ปุ่ม "เลือก" ในแพ็กเกจสมาชิก */
.pricing-plan .btn,
.membership-plan .btn,
table.pricing-table .btn{
  background-color: var(--se-orange) !important;
  border-color: var(--se-orange) !important;
}

/* ==========================================================================
   6) ลิงก์เมนู / hover state
   ========================================================================== */
.houzez-nav-menu-main .nav-link:hover,
.houzez-nav-menu-main .nav-item.active > .nav-link,
a:hover,
.footer-widget a:hover{
  color: var(--se-orange) !important;
}

/* ==========================================================================
   7) พื้นหลังสลับ section (ให้เป็นเทาอ่อน แทนสีเดิม)
   ========================================================================== */
.bg-grey,
.grey-bg,
.section-bg-grey{
  background-color: var(--se-gray-light) !important;
}

/* ==========================================================================
   8) Footer
   ========================================================================== */
footer,
#footer,
.site-footer{
  background-color: var(--se-gray-dark) !important;
  color: var(--se-gray-light) !important;
}
footer a,
#footer a,
.site-footer a{
  color: #C9CDD1 !important;
}

/* ==========================================================================
   หมายเหตุ: ไฟล์นี้เป็นฉบับร่างรอบแรก ครอบคลุมด้วยชื่อคลาสมาตรฐานของ Houzez
   ถ้าอัปโหลดแล้วมีจุดที่สียังไม่เปลี่ยน (เพราะ Houzez บางจุดใช้ inline style
   จาก Theme Options) ให้ส่งภาพหน้าจอจุดนั้นกลับมา จะเพิ่ม selector เจาะจงให้ทันที
   ========================================================================== */