.elementor-558 .elementor-element.elementor-element-138607b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for text-editor, class: .elementor-element-e0f83a5 *//* ✅ ARTICLE HEADINGS – ใช้กับบทความที่มี class="cb-article" เท่านั้น */
.cb-article h1,
.cb-article h2,
.cb-article h3,
.cb-article h4,
.cb-article h5,
.cb-article h6 {
  font-family: "Kanit", sans-serif !important;
  line-height: 1.35 !important;
  word-break: break-word;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ====================== DESKTOP (>=768px) ====================== */
@media (min-width: 768px) {

  /* 🔴 H1 – แดงหลักแบรนด์ + เส้นใต้กลางหน้าแบบบทความใหญ่ */
  .cb-article h1 {
    font-size: 44px !important;
    font-weight: 700 !important;
    color: #b51212 !important; /* แดง Premium */
    margin-bottom: 26px !important;
    text-align: center;
    position: relative;
    padding-bottom: 12px;
  }

  .cb-article h1::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 120px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #b51212, #f97316);
    transform: translateX(-50%);
    opacity: 0.9;
  }

  /* 🩶 H2 – สีเทาเข้ม + แถบแดงด้านซ้าย (หัวข้อหลักในบทความ) */
  .cb-article h2 {
    font-size: 32px !important;
    font-weight: 600 !important;
    color: #111827 !important; /* เทาเข้ม อ่านง่าย */
    margin-top: 54px !important;
    margin-bottom: 18px !important;
    padding-left: 16px;
    position: relative;
  }

  .cb-article h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 6px;
    width: 4px;
    border-radius: 999px;
    background: linear-gradient(to bottom, #b51212, #f97316);
    opacity: 0.95;
  }

  /* 🔹 H3 – ชั้นรอง สีเทานุ่ม + เส้นบางใต้หัวข้อ */
  .cb-article h3 {
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #4b5563 !important; /* เทาโทนอุ่น */
    margin-top: 28px !important;
    margin-bottom: 10px !important;
    position: relative;
    padding-bottom: 6px;
  }

  .cb-article h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 56px;
    height: 2px;
    border-radius: 999px;
    background: rgba(181, 18, 18, 0.35);
  }
}

/* ====================== MOBILE (<=767px) ====================== */
@media (max-width: 767px) {

  /* 🔴 H1 – เล็กลง + แดง เหมือนเดิม แต่ให้ไม่กินจอ */
  .cb-article h1 {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #b51212 !important;
    margin-bottom: 18px !important;
    text-align: center;
    position: relative;
    padding-bottom: 10px;
  }

  .cb-article h1::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 90px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #b51212, #f97316);
    transform: translateX(-50%);
  }

  /* 🩶 H2 – เทาเข้ม + แถบแดงด้านซ้าย (ย่อลงสำหรับมือถือ) */
  .cb-article h2 {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #111827 !important;
    margin-top: 30px !important;
    margin-bottom: 12px !important;
    padding-left: 14px;
    position: relative;
  }

  .cb-article h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 4px;
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(to bottom, #b51212, #f97316);
  }

  /* 🔹 H3 – ชั้นรอง สีเทานุ่ม + เส้นเล็กใต้หัวข้อ */
  .cb-article h3 {
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #4b5563 !important;
    margin-top: 20px !important;
    margin-bottom: 6px !important;
    position: relative;
    padding-bottom: 4px;
  }

  .cb-article h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 42px;
    height: 2px;
    border-radius: 999px;
    background: rgba(181, 18, 18, 0.3);
  }

  /* ✅ ถ้าใช้ H2 สรุปท้ายบทความ ใส่ class="conclusion-heading" */
  .cb-article h2.conclusion-heading,
  .cb-article .conclusion-heading.elementor-heading-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #111827 !important;
    margin-top: 22px !important;
    margin-bottom: 10px !important;
    padding-left: 12px;
  }

  .cb-article .conclusion-heading * {
    font-size: inherit !important;
  }
}/* End custom CSS */