
.wdt-pr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0 28px;font-family:inherit}
.wdt-pr-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-pr-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(55,40,27,.09)}
.wdt-pr-image{display:block;height:170px;background:#f4eee6;overflow:hidden}
.wdt-pr-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-pr-body{padding:17px 18px 18px}.wdt-pr-meta{display:flex;justify-content:space-between;gap:10px;color:#8a7968;font-size:12px;margin-bottom:7px}.wdt-pr-meta span{color:#765632}
.wdt-pr-body h3{font-size:18px;line-height:1.5;margin:0 0 7px;font-weight:600}.wdt-pr-body h3 a{color:#3f3328;text-decoration:none}.wdt-pr-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-pr-grid{grid-template-columns:1fr 1fr}.wdt-auth-grid,.wdt-dashboard-grid{grid-template-columns:1fr}}
@media(max-width:560px){.wdt-pr-grid{grid-template-columns:1fr}.wdt-pr-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-pr-card{border-color:#ead8a9 !important;background:#fff !important}
.wdt-pr-card h3 a{color:#60491f !important}
.wdt-pr-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-pr-grid{
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
  margin:20px 0 30px !important;
}
.wdt-pr-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-pr-card:hover{
  transform:translateY(-2px) !important;
  border-color:#caa64c !important;
  box-shadow:0 10px 26px rgba(169,130,43,.16) !important;
}
.wdt-pr-card .wdt-pr-image{display:none !important;height:0 !important;min-height:0 !important;margin:0 !important;padding:0 !important}
.wdt-pr-body{
  padding:20px 24px 21px !important;
}
.wdt-pr-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-pr-meta span{color:#a37a24 !important;font-weight:600 !important}
.wdt-pr-meta time{white-space:nowrap !important}
.wdt-pr-body h3{
  font-size:20px !important;
  line-height:1.5 !important;
  margin:0 0 7px !important;
  font-weight:650 !important;
}
.wdt-pr-body h3 a{color:#654b20 !important;text-decoration:none !important}
.wdt-pr-body h3 a:hover{color:#a17824 !important}
.wdt-pr-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-pr-body{padding:17px 17px 18px !important}
  .wdt-pr-body h3{font-size:18px !important}
  .wdt-pr-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-pr-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-pr-body{padding:18px 19px 20px!important}
.wdt-activity-card .wdt-pr-meta{margin-bottom:8px!important}
.wdt-activity-card .wdt-pr-body h3{font-size:19px!important}
.wdt-activity-card .wdt-pr-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}
