/*
 Theme Name:   Qii Child
 Theme URI:    https://qii.support/
 Description:  Qii Custom Child Theme
 Author:       Qii Team
 Author URI:   https://qii.support/
 Template:     meni-el
 Version:      1.0.0
 Text Domain:  qii-child
*/

/* Typography */

/*
 Theme Name:   Qii Child
 Theme URI:    https://qii.support/
 Description:  Qii Custom Child Theme
 Author:       Qii Team
 Author URI:   https://qii.support/
 Template:     meni-el
 Version:      1.0.0
 Text Domain:  qii-child
*/

/* ===== ฟอนต์สำหรับ Qii ===== */

/* ฟอนต์หลักของเนื้อหา */
body, p, li, span, input, textarea, select, button {
  font-family: 'Noto Sans Thai Looped', sans-serif;
  color: #2a2a2a;
  font-size: 16px;
  line-height: 1.7;
}

/* Heading ใหญ่ */
h1, h2, h3 {
  font-family: 'Bai Jamjuree', sans-serif;
  font-weight: 700;
  color: #1a1a1a;
}

/* Heading ย่อย */
h4, h5, h6 {
  font-family: 'Noto Sans Thai Looped', sans-serif;
  font-weight: 600;
  color: #1a1a1a;
}

/* ===== Elementor: บังคับใช้ฟอนต์ที่เรากำหนด ===== */
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3 {
  font-family: 'Bai Jamjuree', sans-serif !important;
  font-weight: 700 !important;
}

.elementor-widget-heading h4,
.elementor-widget-heading h5,
.elementor-widget-heading h6 {
  font-family: 'Noto Sans Thai Looped', sans-serif !important;
  font-weight: 600 !important;
}

.elementor-widget-text-editor,
.elementor-widget-text-editor p {
  font-family: 'Noto Sans Thai Looped', sans-serif !important;
  font-weight: 400 !important;
}

/* ===== โซนพื้นหลังเข้ม ===== */
.bg-dark,
.bg-dark .elementor-widget-text-editor,
.bg-dark .elementor-widget-heading {
  color: #d1c7df !important;
}

.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6 {
  color: #d1c7df !important;
}

/* เฉพาะ elementor text */
.bg-dark .elementor-widget-text-editor p,
.bg-dark .elementor-widget-text-editor span {
  color: #d1c7df !important;
}

/* เผื่อมีลิงก์ */
.bg-dark a {
  color: #ffffff !important;
}

/* ====== พื้นหลังอ่อน: ใช้ข้อความสีเข้ม ====== */
.bg-light,
.bg-light .elementor-widget-text-editor,
.bg-light .elementor-widget-heading {
  color: #1a1a1a !important;
}

.bg-light h1,
.bg-light h2,
.bg-light h3,
.bg-light h4,
.bg-light h5,
.bg-light h6 {
  color: #1a1a1a !important;
}

.bg-light .elementor-widget-text-editor p,
.bg-light .elementor-widget-text-editor span {
  color: #1a1a1a !important;
}

.bg-light a {
  color: #e6e4e3 !important;
}

/* กล่องสีอ่อน บนพื้นหลังเข้ม */
/* กล่องป้ายชื่อใน bg-dark */
.light-box {
  background-color: #ffffff; /* กล่องพื้นขาว */
  color: #1a1a1a; /* ตัวอักษรเข้ม */
  padding: 1rem;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.08);
  max-width: 100%;
  display: inline-block;
}

/* ป้องกันไม่ให้ bg-dark ไปครอบสีข้างใน */
.bg-dark .light-box * {
  color: #1a1a1a !important;
}

/* ===== Qii Footer: บังคับเฉพาะใน Section นี้ ===== */
.qii-footer {
  background-color: #410a61 !important;
  color: #d1c7df !important;
  padding: 2rem 1rem;
  font-family: 'Noto Sans Thai Looped', sans-serif !important;
}

.qii-footer h1,
.qii-footer h2,
.qii-footer h3,
.qii-footer h4,
.qii-footer h5,
.qii-footer h6 {
  font-family: 'Bai Jamjuree', sans-serif !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

.qii-footer a {
  color: #d1c7df !important;
  text-decoration: none !important;
  background-color: #410a61;
}

.qii-footer a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* กล่องสีอ่อนใน footer */
.qii-footer .white-box {
  background-color: #ffffff !important;
  color: #1a1a1a !important;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
  display: inline-block;
  isolation: isolate;
  z-index: 1;
}

.qii-footer .white-box * {
  color: #1a1a1a !important;
  opacity: 1 !important;
  filter: none !important;
}