/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */ 
.max-width-100 {
  max-width: 100%;
  height: auto;
}


/* ปุ่มสีแดง */
.btn-danger-custom {
  background-color: #d9534f;
  border-color: #d43f3a;
  color: #fff;
}

/* ปุ่มสีเหลือง */
.btn-warning-custom {
  background-color: #0f6c36;
  border-color: #103a06;
  color: #fff;
  font-weight: 700;
  font-size: 1.5em;
  text-shadow: 0px 2px 2px #575a57;
}
.btn-warning-custom:hover {
  font-weight: 900; /* ทำให้ตัวหนามากขึ้นเมื่อเมาส์ชี้ */
  transform: scale(1.1); /* ซูมปุ่มให้ใหญ่ขึ้นเมื่อเมาส์ชี้ */
  text-shadow: 0px 3px 3px #080808; /* เพิ่มเงาตัวหนังสือ */
  color: #FFF;
}

/* หัวข้อเปิดบริการ */
.open-service-title {
  font-size: 2.0em;
  font-weight: 700;
  text-shadow: -2px -2px 0 #ffbf00, 2px 2px 0 #ffbf00;
  color: #27920d;
  margin-top: 20px;
}

/* รูปภาพตอบสนอง */
.img-responsive-custom {
  border-radius: 5px;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
}



/* เพิ่มเติมใน styles.css */

/* ปุ่มเฉพาะ */
.btn-danger-custom {
  font-size: 1.5em;
  font-weight: 700;
  text-shadow: 0px 2px 2px #080808;
  transition: all 0.3s ease; /* เพิ่มการเปลี่ยนแปลงที่นุ่มนวล */
}

.btn-danger-custom:hover {
  font-weight: 900; /* ทำให้ตัวหนามากขึ้นเมื่อเมาส์ชี้ */
  transform: scale(1.1); /* ซูมปุ่มให้ใหญ่ขึ้นเมื่อเมาส์ชี้ */
  text-shadow: 0px 3px 3px #080808; /* เพิ่มเงาตัวหนังสือ */
  color: #FFF;
}


/*-------------------เพิ่ม 12/09/2568-ใช้ที่เมนู หวยหุ้น แทปเมนู------
/* ซ่อนจุด radio แต่ยังให้คลิกที่ label ทำงานได้ */
#show_s2 .btn-group-vertical input[type="radio"]{
  position:absolute; opacity:0; pointer-events:none;
}

/* ทำเมนูให้เป็นบล็อกเต็มกว้าง เรียงสวยแบบของเดิม */
#show_s2 .btn-group-vertical label.btn{
  display:flex; align-items:center; gap:8px;
  width:100%;
  padding:6px 10px;
  margin:4px 0;
  border:1px solid #e6e6e6;
  border-radius:6px;
  background:#fff;
  text-align:left;
}

/* โฮเวอร์/เลือกอยู่ */
#show_s2 .btn-group-vertical label.btn:hover{
  background:#f7f9fc;
}
#show_s2 .btn-group-vertical label.btn.active,
#show_s2 .btn-group-vertical label.btn.is-pinned{
  background:#eef5ff;
  border-color:#bcd3ff;
}

/* ธงและข้อความ */
#show_s2 .btn-group-vertical img.flag{ margin-right:6px; }
#show_s2 .btn-group-vertical .s_all{ flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#show_s2 .btn-group-vertical .s_short{ display:none; }

/* โซน pinned */
#grpPinned{ margin:6px 0 10px; border:1px dashed #f1c40f; border-radius:8px; }
#grpPinned > summary{
  cursor:pointer; padding:6px 10px; background:#fff6d5; border-radius:8px 8px 0 0;
  font-weight:600;
}
#grpPinned .group-body{ padding:6px 8px 8px; }

.pin-help{ font-size:11px; color:#5c5c5c; margin-left:6px; }

.pin-hint{ display:none; background:#fff3cd; border:1px solid #ffe08a;
  padding:8px 10px; margin:6px 0 10px; border-radius:6px; font-size:12px; }
.pin-hint .close{ float:right; cursor:pointer; font-weight:bold; }

.pin-toast{ position:fixed; left:50%; bottom:24px; transform:translateX(-50%);
  background:#323232; color:#fff; padding:8px 12px; border-radius:6px;
  opacity:0; transition:opacity .2s; z-index:9999; }
.pin-toast.show{ opacity:1; }

/*---------จบ----------เพิ่ม 12/09/2568-ใช้ที่เมนู หวยหุ้น แทปเมนู------