.wdt-act-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0 28px;font-family:inherit}
.wdt-act-card{background:#fff;border:1px solid #e8ded1;border-radius:14px;overflow:hidden;box-shadow:0 5px 18px rgba(55,40,27,.06);transition:transform .18s ease,box-shadow .18s ease}
.wdt-act-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(55,40,27,.09)}
.wdt-act-image{display:block;height:170px;background:#f4eee6;overflow:hidden}
.wdt-act-image img{width:100%;height:100%;object-fit:cover;display:block}
.wdt-empty{display:flex;align-items:center;justify-content:center;color:#8a7968;font-size:14px}
.wdt-act-body{padding:17px 18px 18px}.wdt-act-meta{display:flex;justify-content:space-between;gap:10px;color:#8a7968;font-size:12px;margin-bottom:7px}.wdt-act-meta span{color:#765632}
.wdt-act-body h3{font-size:18px;line-height:1.5;margin:0 0 7px;font-weight:600}.wdt-act-body h3 a{color:#3f3328;text-decoration:none}.wdt-act-body p{color:#71675e;line-height:1.7;font-size:14px;margin:0 0 13px}.wdt-read,.wdt-btn{display:inline-flex;align-items:center;justify-content:center;background:#765532;color:#fff!important;border:0;border-radius:8px;padding:8px 14px;text-decoration:none!important;cursor:pointer;font-size:14px}.wdt-read:hover,.wdt-btn:hover{background:#624528}
.wdt-detail{max-width:820px;margin:18px auto;background:#fff;border:1px solid #e8ded1;border-radius:16px;padding:26px;box-shadow:0 7px 24px rgba(55,40,27,.06)}.wdt-detail h1{font-size:28px;line-height:1.45;color:#3f3328;margin:9px 0 18px;font-weight:600}.wdt-detail>img{width:100%;max-height:470px;object-fit:cover;border-radius:11px;margin-bottom:20px}.wdt-detail-content{font-size:16px;line-height:1.95;color:#494139}.wdt-back{display:inline-block;margin-top:20px;color:#765532;text-decoration:none}
.wdt-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:900px;margin:0 auto}.wdt-auth-card{max-width:none;margin:0;padding:24px;background:#fff;border:1px solid #e8ded1;border-radius:15px;box-shadow:0 6px 20px rgba(55,40,27,.05)}.wdt-auth-title{text-align:left;margin-bottom:18px}.wdt-auth-title span{display:none}.wdt-auth-title h2{margin:0 0 4px;font-size:21px;font-weight:600;color:#40342a}.wdt-auth-title p{font-size:13px;color:#897a6a;margin:0}.wdt-auth-card label,.wdt-panel label{display:block;margin:11px 0 6px;font-size:14px;font-weight:600;color:#4b3c30}.wdt-auth-card input,.wdt-panel input,.wdt-panel textarea,.wdt-panel select{width:100%;border:1px solid #ddd1c2;border-radius:8px;padding:9px 11px;background:#fff;box-sizing:border-box;font-size:14px}.wdt-auth-card input:focus,.wdt-panel input:focus,.wdt-panel textarea:focus{outline:2px solid rgba(118,85,50,.12);border-color:#a48768}.wdt-auth-card .wdt-btn{width:100%;margin-top:15px}.wdt-auth-link{text-align:center;color:#7b6f63;font-size:13px}.wdt-auth-link a{color:#765532}.wdt-error{background:#fff6f4;color:#88453d;border:1px solid #ecd0ca;padding:10px 13px;border-radius:8px;margin-bottom:12px;font-size:13px}.wdt-success{background:#f5f8f3;color:#456146;border:1px solid #d7e2d3;padding:13px 16px;border-radius:9px;margin:12px 0}.wdt-member-box{padding:22px;border:1px solid #e8ded1;border-radius:14px;background:#fff;text-align:center}.wdt-dashboard{background:#f8f5f0;border:1px solid #ebe2d7;border-radius:18px;padding:18px}.wdt-dashboard-head{display:flex;justify-content:space-between;gap:15px;align-items:center;background:#fff;border:1px solid #e8ded1;border-radius:13px;padding:18px;margin-bottom:15px}.wdt-dashboard-head h2{font-size:22px;margin:3px 0;color:#40342a}.wdt-dashboard-head p{font-size:13px;margin:0;color:#806f61}.wdt-kicker{font-size:10px;letter-spacing:1.2px;color:#927354;font-weight:700}.wdt-btn-light{background:#f1ebe4!important;color:#624a34!important}.wdt-dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:15px}.wdt-panel{background:#fff;border:1px solid #e8ded1;border-radius:13px;padding:18px}.wdt-panel h3{font-size:17px;margin:0 0 13px;color:#493a2d}.wdt-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wdt-mynews-item{padding:12px 0;border-bottom:1px solid #eee7df;display:flex;justify-content:space-between;gap:10px}.wdt-mynews-item strong{font-size:14px;display:block;color:#45382e}.wdt-mynews-item span{display:block;color:#8b7d6e;font-size:12px;margin-top:3px}.wdt-mynews-item a{font-size:13px;color:#765532;text-decoration:none;margin-left:7px}.wdt-mynews-item .danger{color:#a34c42}.wdt-empty-message{padding:25px;text-align:center;color:#897b6c;background:#faf7f3;border:1px solid #eee4d8;border-radius:12px}
@media(max-width:850px){.wdt-act-grid{grid-template-columns:1fr 1fr}.wdt-auth-grid,.wdt-dashboard-grid{grid-template-columns:1fr}}
@media(max-width:560px){.wdt-act-grid{grid-template-columns:1fr}.wdt-act-image{height:155px}.wdt-auth-grid{gap:12px}.wdt-dashboard{padding:10px}.wdt-dashboard-head{align-items:flex-start;flex-direction:column}.wdt-two{grid-template-columns:1fr}.wdt-detail{padding:18px}.wdt-detail h1{font-size:23px}}

/* วัดแปลงยาว: แถบปุ่มและป๊อปอัพ */
.wdt-portal-actions{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:22px 0 28px;padding:14px;background:linear-gradient(180deg,#fffdf9,#f8f1e7);border:1px solid #ddcdbb;border-radius:16px;box-shadow:0 6px 18px rgba(80,55,30,.07)}
.wdt-portal-btn{appearance:none;border:1px solid #8b6a45;background:linear-gradient(135deg,#8a683f,#6f4f2f);color:#fff!important;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none!important;cursor:pointer;box-shadow:0 3px 8px rgba(85,58,32,.14);transition:.18s ease}
.wdt-portal-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}
.wdt-portal-btn-light{background:#fffaf3!important;color:#6f5235!important;border-color:#cdbb9f}
.wdt-modal{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:20px}
.wdt-modal.is-open{display:flex}
.wdt-modal-backdrop{position:absolute;inset:0;background:rgba(42,30,19,.62);backdrop-filter:blur(3px)}
.wdt-modal-dialog{position:relative;z-index:2;width:min(640px,100%);max-height:90vh;overflow:auto;background:#fffdf9;border:1px solid #d9c4a9;border-radius:20px;box-shadow:0 22px 70px rgba(35,24,15,.28);padding:26px}
.wdt-modal-dialog .wdt-auth-card,.wdt-modal-dialog .wdt-request-form{max-width:none;margin:0;padding:0;background:transparent;border:0;box-shadow:none}
.wdt-modal-dialog .wdt-auth-title{text-align:center;padding:0 30px 8px}
.wdt-modal-dialog .wdt-auth-title span{display:block;font-size:10px;letter-spacing:2px;color:#a27c4e;font-weight:700;margin-bottom:5px}
.wdt-modal-dialog .wdt-auth-title h2{color:#5a4028}
.wdt-modal-dialog .wdt-btn{border:0}
.wdt-modal-close{position:absolute;right:12px;top:10px;width:38px;height:38px;border:0;border-radius:50%;background:#f2e9dc;color:#63482f;font-size:26px;line-height:1;cursor:pointer;z-index:3}
.wdt-modal-close:hover{background:#e7dac8}
.wdt-modal-open{overflow:hidden}
.wdt-request-form .wdt-btn{width:100%;margin-top:15px}
.wdt-request-form .wdt-two{margin-top:0}
.wdt-request-fields label{margin-top:11px}
.wdt-request-fields textarea{resize:vertical}
@media(max-width:560px){
 .wdt-portal-actions{margin:15px 0;padding:12px}
 .wdt-portal-btn{flex:1 1 100%;text-align:center}
 .wdt-modal{padding:10px}
 .wdt-modal-dialog{padding:21px 16px;border-radius:16px;max-height:94vh}
 .wdt-modal-dialog .wdt-auth-title{padding:0 20px 5px}
}


/* ปรับปรุงป๊อปอัพสมัครสมาชิก/เข้าสู่ระบบ */
.wdt-modal-dialog{position:relative;box-sizing:border-box;width:min(680px,calc(100% - 24px));padding:34px 34px 28px;border:1px solid #d8c2a5;border-radius:22px;background:#fffdf9}
.wdt-modal-close{position:absolute!important;top:12px!important;right:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border:1px solid #d7c1a5!important;border-radius:50%!important;background:#fff8ee!important;color:#765532!important;font-size:22px!important;font-weight:400!important;line-height:1!important;box-shadow:none!important}
.wdt-modal-close:hover{background:#eadbc7!important;color:#4f3825!important}
.wdt-modal-dialog .wdt-auth-card form,.wdt-modal-dialog .wdt-request-form form{display:flex;flex-direction:column;gap:0}
.wdt-modal-dialog .wdt-auth-card label,.wdt-modal-dialog .wdt-request-form label{display:block!important;width:100%!important;margin:12px 0 6px!important;line-height:1.5!important}
.wdt-modal-dialog .wdt-auth-card input,.wdt-modal-dialog .wdt-request-form input,.wdt-modal-dialog .wdt-request-form textarea,.wdt-modal-dialog .wdt-request-form select{display:block!important;width:100%!important;max-width:100%!important;min-height:42px!important;box-sizing:border-box!important;margin:0!important}
.wdt-modal-dialog .wdt-auth-card .wdt-btn,.wdt-modal-dialog .wdt-request-form .wdt-btn{display:flex!important;width:100%!important;min-height:44px!important;margin:20px 0 0!important;align-items:center!important;justify-content:center!important;border-radius:10px!important}
.wdt-modal-dialog .wdt-auth-link{margin:12px 0 0!important}
.wdt-modal-dialog .wdt-auth-title{padding:0 44px 10px!important}
.wdt-modal-dialog .wdt-auth-title h2{margin-top:0!important}
@media(max-width:560px){.wdt-modal-dialog{width:calc(100% - 16px);padding:30px 18px 22px}.wdt-modal-close{top:9px!important;right:9px!important}.wdt-modal-dialog .wdt-auth-title{padding:0 30px 8px!important}}

/* v2.6 - จัดฟอร์มป๊อปอัพให้เป็นระเบียบ ป้องกันธีมภายนอกทำให้ช่องและปุ่มซ้อนกัน */
.wdt-modal-dialog .wdt-auth-form,
.wdt-modal-dialog .wdt-request-fields{display:block!important;width:100%!important;margin:0!important;padding:0!important;}
.wdt-modal-dialog .wdt-auth-form .wdt-field{display:block!important;width:100%!important;margin:0 0 15px!important;padding:0!important;clear:both!important;position:static!important;float:none!important;}
.wdt-modal-dialog .wdt-auth-form .wdt-field label,
.wdt-modal-dialog .wdt-request-fields>label,
.wdt-modal-dialog .wdt-request-fields .wdt-two label{display:block!important;width:100%!important;margin:0 0 7px!important;padding:0!important;clear:both!important;float:none!important;position:static!important;box-sizing:border-box!important;line-height:1.5!important;}
.wdt-modal-dialog .wdt-auth-form .wdt-field input,
.wdt-modal-dialog .wdt-request-fields>input,
.wdt-modal-dialog .wdt-request-fields>textarea,
.wdt-modal-dialog .wdt-request-fields>select,
.wdt-modal-dialog .wdt-request-fields .wdt-two input{display:block!important;width:100%!important;max-width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;padding:10px 12px!important;box-sizing:border-box!important;float:none!important;position:static!important;}
.wdt-modal-dialog .wdt-request-fields>textarea{height:auto!important;min-height:120px!important;}
.wdt-modal-dialog .wdt-auth-form .wdt-submit-btn,
.wdt-modal-dialog .wdt-request-fields .wdt-submit-btn,
.wdt-modal-dialog .wdt-request-fields button.wdt-btn{display:flex!important;position:static!important;float:none!important;clear:both!important;width:100%!important;max-width:100%!important;height:46px!important;min-height:46px!important;margin:22px 0 0!important;padding:10px 18px!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;line-height:1.2!important;}
.wdt-modal-dialog .wdt-auth-link{display:block!important;clear:both!important;margin:14px 0 0!important;text-align:center!important;}
.wdt-modal-dialog .wdt-two{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;margin:0 0 15px!important;}
.wdt-modal-dialog .wdt-two>div{min-width:0!important;display:block!important;}
.wdt-modal-dialog .wdt-auth-title span{display:block!important;}
@media(max-width:560px){.wdt-modal-dialog .wdt-two{grid-template-columns:1fr!important;gap:0!important}.wdt-modal-dialog .wdt-auth-form .wdt-field{margin-bottom:13px!important}}


/* v3.5 - watplaengyao white-gold portal theme */
.wdt-portal-actions{
  background:linear-gradient(180deg,#ffffff 0%,#fffdf8 100%) !important;
  border:1px solid #e3c98a !important;
  box-shadow:0 7px 22px rgba(160,125,55,.10) !important;
  margin:0 0 28px !important;
  padding:16px !important;
}
.wdt-portal-btn{
  background:linear-gradient(135deg,#c9a44a,#a77b24) !important;
  border:1px solid #a77b24 !important;
  color:#fff !important;
  box-shadow:0 4px 10px rgba(167,123,36,.18) !important;
}
.wdt-portal-btn-light{
  background:#fff !important;
  color:#8a6727 !important;
  border-color:#d8bd78 !important;
}
.wdt-portal-btn:hover{filter:brightness(1.04);box-shadow:0 6px 14px rgba(167,123,36,.22) !important}
.wdt-dashboard{background:linear-gradient(180deg,#fff 0%,#fffdf8 100%) !important;border-color:#e3c98a !important}
.wdt-dashboard-head{border-bottom-color:#ead8a9 !important}
.wdt-kicker{color:#a77b24 !important;letter-spacing:1.5px}
.wdt-modal-dialog{background:#fff !important;border:1px solid #dfc57f !important;box-shadow:0 22px 70px rgba(126,94,28,.22) !important}
.wdt-modal-close{background:#fffaf0 !important;border-color:#d8bd78 !important;color:#9a742d !important}
.wdt-modal-close:hover{background:#f7edcf !important;color:#75551f !important}
.wdt-modal-dialog .wdt-auth-title span{color:#a77b24 !important;letter-spacing:2.2px}
.wdt-modal-dialog .wdt-auth-title h2{color:#60491f !important}
.wdt-modal-dialog .wdt-btn{background:linear-gradient(135deg,#c9a44a,#a77b24) !important;border-color:#a77b24 !important;color:#fff !important}
.wdt-modal-dialog .wdt-auth-link a{color:#9a742d !important}
.wdt-act-card{border-color:#ead8a9 !important;background:#fff !important}
.wdt-act-card h3 a{color:#60491f !important}
.wdt-act-meta span{color:#9a742d !important}
@media(max-width:560px){.wdt-portal-actions{margin:0 0 20px !important;padding:12px !important}}


/* v3.6 - ภาพกิจกรรมแบบแนวนอน ไม่มีพื้นที่รูปภาพ / white-gold */
.wdt-act-grid{
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
  margin:20px 0 30px !important;
}
.wdt-act-card{
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  background:linear-gradient(135deg,#fff 0%,#fffdf8 100%) !important;
  border:1px solid #e4c878 !important;
  border-radius:16px !important;
  overflow:hidden !important;
  box-shadow:0 5px 18px rgba(169,130,43,.10) !important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease !important;
}
.wdt-act-card:hover{
  transform:translateY(-2px) !important;
  border-color:#caa64c !important;
  box-shadow:0 10px 26px rgba(169,130,43,.16) !important;
}
.wdt-act-card .wdt-act-image{display:none !important;height:0 !important;min-height:0 !important;margin:0 !important;padding:0 !important}
.wdt-act-body{
  padding:20px 24px 21px !important;
}
.wdt-act-meta{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:12px !important;
  margin-bottom:7px !important;
  color:#9b875f !important;
  font-size:12px !important;
}
.wdt-act-meta span{color:#a37a24 !important;font-weight:600 !important}
.wdt-act-meta time{white-space:nowrap !important}
.wdt-act-body h3{
  font-size:20px !important;
  line-height:1.5 !important;
  margin:0 0 7px !important;
  font-weight:650 !important;
}
.wdt-act-body h3 a{color:#654b20 !important;text-decoration:none !important}
.wdt-act-body h3 a:hover{color:#a17824 !important}
.wdt-act-body p{
  color:#766b5b !important;
  line-height:1.75 !important;
  font-size:14px !important;
  margin:0 0 14px !important;
  max-width:900px !important;
}
.wdt-read{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(135deg,#c9a44a,#a77b24) !important;
  color:#fff !important;
  border:1px solid #a77b24 !important;
  border-radius:9px !important;
  padding:8px 17px !important;
  text-decoration:none !important;
  font-size:14px !important;
  font-weight:600 !important;
  box-shadow:0 3px 8px rgba(167,123,36,.14) !important;
}
.wdt-read:hover{filter:brightness(1.04) !important;box-shadow:0 5px 12px rgba(167,123,36,.20) !important}
.wdt-empty-message{
  background:#fff !important;
  border:1px solid #e4c878 !important;
  color:#8b7650 !important;
}
@media(max-width:560px){
  .wdt-act-body{padding:17px 17px 18px !important}
  .wdt-act-body h3{font-size:18px !important}
  .wdt-act-meta{align-items:flex-start !important}
}

/* v3.7 - ภาพกิจกรรม ใช้ดีไซน์เดียวกับภาพกิจกรรม ขาว-ทอง แนวนอน */
.wdt-activity-grid{margin-top:20px!important}
.wdt-activity-card{background:linear-gradient(135deg,#fff 0%,#fffdf8 100%)!important;border-color:#e4c878!important}
.wdt-activity-card .wdt-act-meta span{color:#a77b24!important}
.wdt-activity-card .wdt-read{background:linear-gradient(135deg,#c9a44a,#a77b24)!important}
.wdt-activity-detail{background:linear-gradient(135deg,#fff 0%,#fffdf8 100%);border:1px solid #e4c878;border-radius:18px;padding:28px;box-shadow:0 8px 24px rgba(169,130,43,.10)}
.wdt-activity-detail h1{color:#60491f;margin:10px 0 18px}

/* v3.8 - ภาพกิจกรรมแนวตั้ง พร้อมพื้นที่สำหรับรูปภาพ / white-gold */
.wdt-activity-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;margin:20px 0 30px!important}
.wdt-activity-card{display:block!important;width:100%!important;background:linear-gradient(180deg,#fff 0%,#fffdf8 100%)!important;border:1px solid #e4c878!important;border-radius:16px!important;overflow:hidden!important;box-sizing:border-box!important}
.wdt-activity-image{display:flex!important;width:100%!important;height:210px!important;min-height:210px!important;background:linear-gradient(135deg,#fffdf8 0%,#f8efd9 100%)!important;border-bottom:1px solid #ead8a9!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.wdt-activity-image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.wdt-activity-card .wdt-act-body{padding:18px 19px 20px!important}
.wdt-activity-card .wdt-act-meta{margin-bottom:8px!important}
.wdt-activity-card .wdt-act-body h3{font-size:19px!important}
.wdt-activity-card .wdt-act-body p{font-size:14px!important}
@media(max-width:850px){.wdt-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.wdt-activity-grid{grid-template-columns:1fr!important}.wdt-activity-image{height:190px!important;min-height:190px!important}}


/* v3.8 - อัปโหลดรูปจากคลังสื่อสำหรับสมาชิก */
#wdt-member-img{background:#fffdf8;border:1px dashed #d8c38a;border-radius:10px;padding:8px;min-height:90px;display:flex;align-items:center;justify-content:center;text-align:center;color:#8a785f;margin:7px 0 9px;overflow:hidden}
#wdt-member-img img{display:block;max-width:100%;width:auto;height:auto;max-height:190px;border-radius:8px}
.wdt-member-image-field .wdt-btn{display:inline-flex;align-items:center;justify-content:center;margin:0 5px 6px 0}

/* v1.0.3 - ภาพกิจกรรมเป็นการ์ดแนวตั้ง พร้อมพื้นที่ภาพ */
.wdt-act-grid{align-items:start!important}
.wdt-act-card{display:flex!important;flex-direction:column!important;height:100%!important}
.wdt-act-image,.wdt-activity-image{display:flex!important;width:100%!important;aspect-ratio:4/5!important;height:auto!important;min-height:0!important;background:#f4eee6!important;overflow:hidden!important;align-items:center!important;justify-content:center!important}
.wdt-act-image img,.wdt-activity-image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.wdt-act-image .wdt-empty,.wdt-activity-image .wdt-empty{width:100%;height:100%;min-height:280px;display:flex;align-items:center;justify-content:center;color:#8a7968;font-size:14px}
.wdt-act-body{flex:1 1 auto!important}
@media(max-width:850px){.wdt-act-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.wdt-act-grid{grid-template-columns:1fr!important}.wdt-act-image,.wdt-activity-image{aspect-ratio:4/5!important}}

/* v1.0.4 - แก้หน้า [wdt_act_portal] ให้ภาพกิจกรรมเป็นการ์ดแนวตั้งจริง */
.wdt-act-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:20px !important;
  align-items:stretch !important;
  margin:20px 0 30px !important;
}
.wdt-act-card{
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  height:auto !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}
/* ต้อง override กฎเดิมที่ซ่อนรูปภาพไว้ */
.wdt-act-card .wdt-act-image{
  display:flex !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:4 / 5 !important;
  margin:0 !important;
  padding:0 !important;
  background:linear-gradient(135deg,#fffdf8 0%,#f8efd9 100%) !important;
  border-bottom:1px solid #ead8a9 !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
.wdt-act-card .wdt-act-image img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
.wdt-act-card .wdt-act-image .wdt-empty{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#8a7968 !important;
  font-size:14px !important;
}
.wdt-act-card .wdt-act-body{
  flex:1 1 auto !important;
  padding:18px 19px 20px !important;
}
@media(max-width:850px){
  .wdt-act-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:560px){
  .wdt-act-grid{grid-template-columns:1fr !important}
  .wdt-act-card .wdt-act-image{aspect-ratio:4 / 5 !important}
}

/* v1.0.5 - ภาพกิจกรรมแบบแนวนอน + ภาพหน้าปก + แกลเลอรีในรายละเอียด */
.wdt-act-grid{
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  margin:20px 0 30px!important;
}
.wdt-act-card{
  display:grid!important;
  grid-template-columns:260px minmax(0,1fr)!important;
  width:100%!important;
  min-height:190px!important;
  background:linear-gradient(135deg,#fff 0%,#fffdf8 100%)!important;
  border:1px solid #e4c878!important;
  border-radius:16px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  box-shadow:0 5px 18px rgba(169,130,43,.10)!important;
}
.wdt-act-card .wdt-act-image,
.wdt-act-card .wdt-activity-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:190px!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  background:#f4eee6!important;
  overflow:hidden!important;
}
.wdt-act-card .wdt-act-image img,
.wdt-act-card .wdt-activity-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.wdt-act-card .wdt-act-body{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:22px 25px!important;
  min-width:0!important;
}
.wdt-act-card .wdt-act-body h3{font-size:21px!important;line-height:1.5!important;margin:0 0 8px!important}
.wdt-act-card .wdt-act-body p{font-size:14px!important;line-height:1.75!important;margin:0 0 15px!important}
.wdt-act-card .wdt-read{align-self:flex-start!important}
.wdt-detail-cover{display:block!important;width:100%!important;max-height:500px!important;object-fit:cover!important;border-radius:13px!important;margin:0 0 22px!important}
.wdt-detail-gallery{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin:0 0 24px!important}
.wdt-detail-gallery figure{margin:0!important;padding:0!important;background:#f7f1e7!important;border:1px solid #ead8a9!important;border-radius:12px!important;overflow:hidden!important}
.wdt-detail-gallery img{display:block!important;width:100%!important;height:230px!important;object-fit:cover!important}
.wdt-gallery-preview{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:8px 0!important}
.wdt-gallery-preview:empty{display:none!important}
.wdt-gallery-preview img{display:block!important;width:100%!important;height:90px!important;object-fit:cover!important;border-radius:8px!important;border:1px solid #e4d5b6!important}
@media(max-width:850px){
  .wdt-act-card{grid-template-columns:210px minmax(0,1fr)!important}
  .wdt-detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  .wdt-act-card{display:flex!important;flex-direction:column!important;min-height:0!important}
  .wdt-act-card .wdt-act-image,.wdt-act-card .wdt-activity-image{height:190px!important;min-height:190px!important}
  .wdt-act-card .wdt-act-body{padding:17px 18px 19px!important}
  .wdt-act-card .wdt-act-body h3{font-size:18px!important}
  .wdt-detail-gallery{grid-template-columns:1fr!important}
  .wdt-detail-gallery img{height:240px!important}
  .wdt-gallery-preview{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}


/* v1.0.7 - ภาพกิจกรรม: การ์ดแนวนอนตามตัวอย่าง อัตราส่วนกว้างเต็มพื้นที่ */
.wdt-act-grid{
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  width:100%!important;
  max-width:100%!important;
  gap:18px!important;
  margin:20px 0 30px!important;
}
.wdt-act-card{
  display:grid!important;
  grid-template-columns:310px minmax(0,1fr)!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:275px!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  background:#fffdf9!important;
  border:1px solid #e1c889!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 5px 18px rgba(115,82,32,.10)!important;
}
.wdt-act-card .wdt-act-image,
.wdt-act-card .wdt-activity-image{
  display:block!important;
  width:310px!important;
  height:275px!important;
  min-height:275px!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  background:#f3ecdf!important;
  overflow:hidden!important;
}
.wdt-act-card .wdt-act-image img,
.wdt-act-card .wdt-activity-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
}
.wdt-act-card .wdt-act-image .wdt-empty,
.wdt-act-card .wdt-activity-image .wdt-empty{
  display:flex!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  align-items:center!important;
  justify-content:center!important;
  color:#9a856a!important;
  background:#f3ecdf!important;
}
.wdt-act-card .wdt-act-body{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  min-width:0!important;
  padding:28px 32px!important;
  box-sizing:border-box!important;
  background:linear-gradient(135deg,#fffdf9 0%,#fffaf1 100%)!important;
}
.wdt-act-card .wdt-act-meta{
  display:flex!important;
  width:100%!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:14px!important;
  margin:0 0 10px!important;
  color:#987a4d!important;
  font-size:13px!important;
}
.wdt-act-card .wdt-act-meta span{color:#9b6f28!important;font-weight:500!important}
.wdt-act-card .wdt-act-meta time{white-space:nowrap!important;color:#a37b42!important}
.wdt-act-card .wdt-act-body h3{
  width:100%!important;
  margin:0 0 10px!important;
  font-size:25px!important;
  line-height:1.45!important;
  font-weight:600!important;
}
.wdt-act-card .wdt-act-body h3 a{color:#69491f!important;text-decoration:none!important}
.wdt-act-card .wdt-act-body h3 a:hover{color:#a2762d!important}
.wdt-act-card .wdt-act-body p{
  width:100%!important;
  margin:0 0 18px!important;
  color:#786d61!important;
  font-size:14px!important;
  line-height:1.75!important;
}
.wdt-act-card .wdt-read{
  align-self:flex-start!important;
  display:inline-flex!important;
  background:linear-gradient(135deg,#8b6332,#704a25)!important;
  border-radius:22px!important;
  padding:10px 18px!important;
  font-weight:600!important;
}
@media(max-width:850px){
  .wdt-act-card{grid-template-columns:230px minmax(0,1fr)!important;min-height:235px!important}
  .wdt-act-card .wdt-act-image,.wdt-act-card .wdt-activity-image{width:230px!important;height:235px!important;min-height:235px!important}
  .wdt-act-card .wdt-act-body{padding:22px 24px!important}
  .wdt-act-card .wdt-act-body h3{font-size:21px!important}
}
@media(max-width:560px){
  .wdt-act-card{display:flex!important;flex-direction:column!important;min-height:0!important}
  .wdt-act-card .wdt-act-image,.wdt-act-card .wdt-activity-image{width:100%!important;height:210px!important;min-height:210px!important}
  .wdt-act-card .wdt-act-body{padding:20px!important}
  .wdt-act-card .wdt-act-body h3{font-size:20px!important}
}


/* FINAL OVERRIDE - การ์ดกิจกรรมขนาดกะทัดรัดแบบภาพตัวอย่าง */
.wdt-act-grid{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  width:100%!important;
  max-width:100%!important;
  margin:20px 0 30px!important;
}
.wdt-act-card{
  display:grid!important;
  grid-template-columns:250px minmax(0,1fr)!important;
  width:100%!important;
  min-height:186px!important;
  height:186px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  background:linear-gradient(135deg,#fff 0%,#fffdf7 100%)!important;
  border:1px solid #d8b45a!important;
  border-radius:17px!important;
  overflow:hidden!important;
  box-shadow:0 5px 18px rgba(169,130,43,.10)!important;
}
.wdt-act-card .wdt-act-image,
.wdt-act-card .wdt-activity-image{
  display:block!important;
  width:250px!important;
  height:186px!important;
  min-height:186px!important;
  max-height:186px!important;
  margin:0!important;
  padding:0!important;
  background:#f7f0df!important;
  overflow:hidden!important;
}
.wdt-act-card .wdt-act-image img,
.wdt-act-card .wdt-activity-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.wdt-act-card .wdt-act-body{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  min-width:0!important;
  padding:17px 24px 18px!important;
  box-sizing:border-box!important;
  background:linear-gradient(135deg,#fff 0%,#fffdf7 100%)!important;
}
.wdt-act-card .wdt-act-meta{
  display:flex!important;
  width:100%!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 7px!important;
  font-size:12px!important;
  line-height:1.3!important;
}
.wdt-act-card .wdt-act-meta span{color:#a07728!important;font-weight:600!important}
.wdt-act-card .wdt-act-meta time{color:#a37b42!important;white-space:nowrap!important}
.wdt-act-card .wdt-act-body h3{
  width:100%!important;
  margin:0 0 6px!important;
  font-size:20px!important;
  line-height:1.4!important;
  font-weight:600!important;
}
.wdt-act-card .wdt-act-body h3 a{color:#5f431b!important;text-decoration:none!important}
.wdt-act-card .wdt-act-body p{
  width:100%!important;
  margin:0 0 12px!important;
  color:#776b5e!important;
  font-size:13px!important;
  line-height:1.5!important;
}
.wdt-act-card .wdt-read{
  align-self:flex-start!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  padding:8px 17px!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#c9a44a,#a77b24)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:600!important;
  box-shadow:0 4px 10px rgba(167,123,36,.18)!important;
}
.wdt-act-card .wdt-read:hover{filter:brightness(1.04)!important}
@media(max-width:700px){
  .wdt-act-card{grid-template-columns:180px minmax(0,1fr)!important;height:165px!important;min-height:165px!important}
  .wdt-act-card .wdt-act-image,.wdt-act-card .wdt-activity-image{width:180px!important;height:165px!important;min-height:165px!important;max-height:165px!important}
  .wdt-act-card .wdt-act-body{padding:14px 16px!important}
  .wdt-act-card .wdt-act-body h3{font-size:17px!important}
  .wdt-act-card .wdt-act-body p{font-size:12px!important;margin-bottom:9px!important}
}
@media(max-width:520px){
  .wdt-act-card{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important}
  .wdt-act-card .wdt-act-image,.wdt-act-card .wdt-activity-image{width:100%!important;height:150px!important;min-height:150px!important;max-height:150px!important}
  .wdt-act-card .wdt-act-body{padding:15px 16px 17px!important}
}


/* Lightbox สำหรับภาพในรายละเอียด */
.wdt-detail-gallery img{cursor:zoom-in!important;transition:transform .2s ease,opacity .2s ease!important}
.wdt-detail-gallery img:hover{opacity:.92!important;transform:scale(1.015)!important}
.wdt-image-lightbox{position:fixed!important;inset:0!important;z-index:999999!important;background:rgba(0,0,0,.82)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:30px!important;opacity:0!important;visibility:hidden!important;transition:opacity .18s ease,visibility .18s ease!important;cursor:zoom-out!important}
.wdt-image-lightbox.is-open{opacity:1!important;visibility:visible!important}
.wdt-image-lightbox img{display:block!important;max-width:92vw!important;max-height:88vh!important;width:auto!important;height:auto!important;object-fit:contain!important;border-radius:10px!important;box-shadow:0 12px 45px rgba(0,0,0,.45)!important;cursor:default!important}
.wdt-image-lightbox-close{position:absolute!important;top:16px!important;right:22px!important;width:44px!important;height:44px!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.95)!important;color:#8b6a19!important;font-size:32px!important;line-height:42px!important;padding:0!important;cursor:pointer!important;z-index:2!important}