.elementor-470 .elementor-element.elementor-element-e98f22e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-470 .elementor-element.elementor-element-1a27319{--display:flex;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-470 .elementor-element.elementor-element-2e80589{--grid-columns:1;}.elementor-470 .elementor-element.elementor-element-1ff1043{--grid-columns:3;}.elementor-470 .elementor-element.elementor-element-1ff1043 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-470 .elementor-element.elementor-element-1ff1043 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-470 .elementor-element.elementor-element-1ff1043 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-470 .elementor-element.elementor-element-1ff1043 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-470 .elementor-element.elementor-element-1ff1043 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-470 .elementor-element.elementor-element-1a27319{--padding-top:0px;--padding-bottom:050px;--padding-left:20px;--padding-right:20px;}.elementor-470 .elementor-element.elementor-element-1ff1043{--grid-columns:2;}}@media(max-width:767px){.elementor-470 .elementor-element.elementor-element-1a27319{--padding-top:10px;--padding-bottom:50px;--padding-left:10px;--padding-right:5px;}.elementor-470 .elementor-element.elementor-element-2e80589{--grid-columns:1;}.elementor-470 .elementor-element.elementor-element-1ff1043{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-2e80589 *//* =========================================================================
   MEDIA · FEATURED — วางใน "Featured Loop Grid widget → Advanced → Custom CSS"
   ⚠️ LAYOUT (แถวนอน/ความกว้าง) ตั้งใน TEMPLATE เอง — ไฟล์นี้คุมแค่ "สไตล์" ไม่ฝืน layout
   วิธีตั้ง layout ใน Loop Item template "Featured":
     • Container ราก (we-mj-feat-card): Direction = Row · Wrap = No wrap · Align Items = Center · Gap = 40
     • Container รูป (ซ้าย): Layout → Width = 55%
     • Container ข้อความ (ขวา): Layout → Width = 45% · Direction = Column
   (สำคัญ: ต้องตั้ง "Width %" ที่ 2 container ลูก ไม่งั้นบนหน้าจริงมันจะ 100% แล้วตกลงมาเป็นแนวตั้ง)
   ========================================================================= */

.elementor-470 .elementor-element.elementor-element-2e80589{ margin-top:46px }

/* ── บังคับ layout บนหน้าจริง (Loop Grid ไม่ดึงความกว้างจาก template) ──
   ราก we-mj-feat-card = row · ลูกตัวแรก (Container รูป) 55% · ลูกตัวที่สอง (Container ข้อความ) 45%
   (สำคัญ: ความกว้างต้องอยู่ที่ "Container ลูก" ไม่ใช่ที่ Image widget) */
.elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-card{ display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important;
  align-items:center !important; gap:clamp(24px,4vw,48px) !important }
.elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-card > .e-con:first-child{ flex:0 0 55% !important; max-width:55% !important; min-width:0 !important }
.elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-card > .e-con:last-child{ flex:1 1 0 !important; max-width:none !important; min-width:0 !important;
  display:flex !important; flex-direction:column !important; align-items:flex-start !important }
/* tablet ลงมา: stack รูปบน/ข้อความล่าง (row เฉพาะ desktop > 1024)
   สำคัญ: override width 55/45 ที่ตกทอดจาก desktop → ให้เป็น 100% ทั้งคู่ ไม่งั้นข้อความบีบเป็นคำๆ */
@media(max-width:1024px){
  .elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-card{ flex-direction:column !important; align-items:stretch !important; gap:20px !important }
  .elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-card > .e-con:first-child,
  .elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-card > .e-con:last-child{
    flex:0 0 auto !important; width:100% !important; max-width:100% !important }
  .elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-ex, .elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-ex *{ max-width:none !important }
}

/* รูป — คุมสัดส่วน 4:3 คงที่ทุกโพสต์ + ซูมเบาๆ ตอน hover */
.elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-ph{ aspect-ratio:4/3 !important; overflow:hidden !important; background:#0d0b09 }
.elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-ph .elementor-widget-container, .elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-ph figure, .elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-ph a{ height:100% !important; margin:0; display:block; line-height:0 }
.elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-ph img{ width:100% !important; height:100% !important; object-fit:cover !important; aspect-ratio:auto !important;
  transition:transform 1.6s cubic-bezier(.16,1,.3,1) }
.elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-card:hover .we-mj-feat-ph img{ transform:scale(1.04) }

/* meta (Post Info: Author + Date) — บรรทัดเดียวแนวนอน + ซ่อน avatar/ไอคอน (กัน ADMIN เรียงลง) */
.elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-meta ul, .elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-meta .elementor-post-info, .elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-meta .elementor-icon-list-items{
  display:flex !important; flex-wrap:wrap !important; align-items:center !important; justify-content:flex-start !important;
  gap:5px 14px !important; margin:0 !important; padding:0 !important; list-style:none !important }
.elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-meta li, .elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-meta .elementor-post-info__item, .elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-meta .elementor-icon-list-item{
  display:inline-flex !important; align-items:center !important; margin:0 !important; padding:0 !important; white-space:nowrap !important; border:0 !important }
.elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-meta .elementor-icon-list-icon, .elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-meta img, .elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-meta .elementor-avatar{ display:none !important }
.elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-meta, .elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-meta a, .elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-meta span{ color:#cda349 !important; font-size:10.5px !important;
  letter-spacing:.22em !important; text-transform:uppercase !important; font-weight:500 !important }

/* title (Post Title) */
.elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-title, .elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-title *{ font-family:'Raleway',sans-serif !important; font-weight:200 !important;
  font-size:clamp(25px,2.8vw,36px) !important; line-height:1.18 !important; color:#efe2c4 !important; letter-spacing:.005em !important; margin:16px 0 0 !important }

/* excerpt (Post Excerpt) */
.elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-ex, .elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-feat-ex *{ color:#b9b2a4 !important; font-size:15px !important; line-height:1.85 !important;
  font-weight:300 !important; margin:18px 0 0 !important; max-width:440px }

/* ปุ่ม Read the Essay (Button widget · class we-mj-read) */
.elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-read .elementor-button{ background:transparent !important; color:#cda349 !important; border:0 !important;
  border-bottom:1px solid rgba(205,163,73,.26) !important; border-radius:0 !important; padding:0 0 6px !important; margin-top:22px !important;
  font-family:'Raleway',sans-serif !important; font-size:11px !important; letter-spacing:.24em !important; text-transform:uppercase !important; font-weight:500 !important }
.elementor-470 .elementor-element.elementor-element-2e80589 .we-mj-read .elementor-button:hover{ color:#d8b977 !important; border-color:#d8b977 !important }/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1ff1043 *//* =========================================================================
   MEDIA · GRID (6 โพสต์ + เลขหน้า) — วางใน "Grid Loop Grid widget → Advanced → Custom CSS"
   Loop Grid: Query=Posts · Posts Per Page=6 · Offset=1 (ข้ามอันที่เป็น Featured) ·
              Columns Desktop 3 / Tablet 2 / Mobile 1 · เปิด Pagination
   Loop Item: ใช้การ์ดโพสต์ตัวเดียวกับหน้า Home (we-jr-card) ได้เลย (style มีอยู่แล้ว)
   ========================================================================= */

.elementor-470 .elementor-element.elementor-element-1ff1043{ margin-top:30px }
.elementor-470 .elementor-element.elementor-element-1ff1043 .elementor-loop-container{ gap:30px 24px !important }

/* เลขหน้า (pagination) — สไตล์ทองมินิมอล */
.elementor-470 .elementor-element.elementor-element-1ff1043 .elementor-pagination{ display:flex !important; justify-content:center; align-items:center; gap:10px; margin-top:54px }
.elementor-470 .elementor-element.elementor-element-1ff1043 .elementor-pagination .page-numbers{
  min-width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center;
  border:1px solid rgba(255,255,255,.09); color:#cbc4b6; font-family:'Raleway',sans-serif; font-size:13px;
  letter-spacing:.04em; text-decoration:none; transition:.3s }
.elementor-470 .elementor-element.elementor-element-1ff1043 .elementor-pagination .page-numbers.current,
.elementor-470 .elementor-element.elementor-element-1ff1043 .elementor-pagination .page-numbers:hover{ border-color:#cda349; color:#cda349; background:transparent }
.elementor-470 .elementor-element.elementor-element-1ff1043 .elementor-pagination .page-numbers.dots{ border-color:transparent }

@media(max-width:860px){ .elementor-470 .elementor-element.elementor-element-1ff1043 .elementor-loop-container{ gap:24px 16px !important } }/* End custom CSS */