/* สถานะปกติ */
.btn.btn-orange {
  color: #ffffff;
  background-color: #ff6d00;
  border-color: #ff6d00;
}

/* สถานะเมื่อ Hover (เอาเมาส์ไปชี้) */
.btn.btn-orange:hover {
  color: #ffffff;
  background-color: #e65100;
  border-color: #e65100;
}

/* สถานะเมื่อกดชั่วขณะ (Focus / Active) */
.btn.btn-orange:focus,
.btn.btn-orange:active,
.btn.btn-orange.active {
  color: #ffffff;
  background-color: #bf360c;
  border-color: #bf360c;
  box-shadow: 0 0 0 0.25rem rgba(255, 109, 0, 0.5); /* วงแสงฟุ้งเมื่อคลิก (คล้ายสไตล์ Bootstrap) */
}

/* สถานะกดไม่ได้ (Disabled) */
.btn-orange:disabled,
.btn-orange.disabled {
  color: #ffffff;
  background-color: #ff6d00;
  border-color: #ff6d00;
  opacity: 0.65;
}



/* เส้นขอบสีส้มสด */
.border-orange {
  border-color: #ff6d00 !important;
}


/* เส้นขอบสีส้มเข้มอิฐ (Brick Orange) */
.border-brick-orange {
  border-color: #d84315 !important;
}


/* เงาสีส้มสด นุ่มนวลนวลตา (Soft Orange Shadow) */
.shadow-orange {
  box-shadow: 0 0.5rem 1.5rem rgba(255, 109, 0, 0.25) !important;
}

/* เงาสีส้มเข้มอิฐ สุขุมมีมิติ (Brick Orange Shadow) */
.shadow-brick-orange {
  box-shadow: 0 0.5rem 1.5rem rgba(216, 67, 21, 0.25) !important;
}

/* แถม: เงาสีส้มแบบฟุ้งออร่ารอบทิศทาง (Glow Center Shadow) */
.shadow-orange-glow {
  box-shadow: 0 0 25px rgba(255, 109, 0, 0.3) !important;
}