/**
 * Member dashboard — สีและสไตล์อ้างอิง AdminLTE 3 / Bootstrap 4
 * (bg-info, bg-success, bg-warning, bg-danger, bg-primary, bg-secondary, card-primary)
 */

/* พื้นหลังโซนเนื้อหาสมาชิก */
body.ordc-theme-member section.gray-bg,
body.ordc-theme-member #contact-page.gray-bg,
#contact-page.gray-bg:has(.ordc-mem-sidebar) {
  background: #f4f6f9 !important;
}

body.ordc-theme-member .ordc-mem-dash.contact-from,
body.ordc-theme-member .ordc-mem-dash {
  background: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0.25rem;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.08);
}

body.ordc-theme-member .ordc-mem-dash .section-title h3 {
  color: #343a40 !important;
  font-weight: 600;
}

body.ordc-theme-member .ordc-mem-dash .section-title p,
body.ordc-theme-member .ordc-mem-dash .text-muted {
  color: #6c757d !important;
}

/* AdminLTE small-box */
.ordc-mem-dash .small-box {
  border-radius: 0.25rem;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  display: block;
  margin-bottom: 20px;
  position: relative;
  color: #fff;
  overflow: hidden;
}

.ordc-mem-dash .small-box > .inner {
  padding: 10px;
}

.ordc-mem-dash .small-box .inner h3 {
  font-size: 2.2rem;
  font-weight: 700;
  margin: 0 0 10px;
  padding: 0;
  white-space: nowrap;
  color: #fff;
}

.ordc-mem-dash .small-box .inner p {
  font-size: 1rem;
  margin: 0;
  color: #fff;
}

.ordc-mem-dash .small-box .icon {
  color: rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}

.ordc-mem-dash .small-box .icon > i {
  font-size: 70px;
  position: absolute;
  right: 15px;
  top: 20px;
  transition: all 0.3s linear;
}

.ordc-mem-dash .small-box:hover .icon > i {
  font-size: 75px;
}

.ordc-mem-dash .small-box-footer {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.8);
  display: block;
  padding: 3px 0;
  text-align: center;
  font-size: 0.875rem;
  position: relative;
  z-index: 10;
}

.ordc-mem-dash .small-box-footer:hover {
  background: rgba(0, 0, 0, 0.15);
  color: #fff;
  text-decoration: none;
}

/* AdminLTE background utilities */
.ordc-mem-dash .bg-info,
.ordc-mem-dash .small-box.bg-info { background-color: #17a2b8 !important; color: #fff !important; }
.ordc-mem-dash .bg-success,
.ordc-mem-dash .small-box.bg-success { background-color: #28a745 !important; color: #fff !important; }
.ordc-mem-dash .bg-warning,
.ordc-mem-dash .small-box.bg-warning { background-color: #ffc107 !important; color: #1f2d3d !important; }
.ordc-mem-dash .bg-danger,
.ordc-mem-dash .small-box.bg-danger { background-color: #dc3545 !important; color: #fff !important; }
.ordc-mem-dash .bg-primary,
.ordc-mem-dash .small-box.bg-primary { background-color: #007bff !important; color: #fff !important; }
.ordc-mem-dash .bg-secondary,
.ordc-mem-dash .small-box.bg-secondary { background-color: #6c757d !important; color: #fff !important; }

.ordc-mem-dash .small-box.bg-warning .inner h3,
.ordc-mem-dash .small-box.bg-warning .inner p,
.ordc-mem-dash .small-box.bg-warning .small-box-footer {
  color: #1f2d3d !important;
}

.ordc-mem-dash .small-box.bg-warning .small-box-footer {
  color: rgba(31, 45, 61, 0.8) !important;
}

.ordc-mem-dash .small-box.bg-warning .small-box-footer:hover {
  color: #1f2d3d !important;
}

/* ลิงก์เพิ่มข้อมูล — สีตาม AdminLTE text utilities */
.ordc-mem-dash .mem-add-link { font-size: 0.875rem; }
.ordc-mem-dash .mem-add-link.text-success { color: #28a745 !important; }
.ordc-mem-dash .mem-add-link.text-warning { color: #d39e00 !important; }
.ordc-mem-dash .mem-add-link.text-danger { color: #dc3545 !important; }
.ordc-mem-dash .mem-add-link.text-primary { color: #007bff !important; }
.ordc-mem-dash .mem-add-link.text-secondary { color: #6c757d !important; }

/* AdminLTE card-primary */
.ordc-mem-dash .card.card-primary {
  border-top: 3px solid #007bff;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  margin-bottom: 1.5rem;
}

.ordc-mem-dash .card.card-primary > .card-header {
  background-color: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  color: #343a40;
  padding: 0.75rem 1.25rem;
}

.ordc-mem-dash .card.card-primary > .card-header h3,
.ordc-mem-dash .card.card-primary > .card-header .card-title {
  font-size: 1.1rem;
  margin: 0;
  font-weight: 400;
  color: #343a40;
}

.ordc-mem-dash .card.card-primary > .card-header .fa {
  color: #007bff;
}

.ordc-mem-dash .card.card-primary > .card-body {
  background: #fff;
  color: #212529;
}

/* ปุ่มรีเฟรช / ทางลัด — AdminLTE btn */
.ordc-mem-dash .btn-info {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff;
}

.ordc-mem-dash .btn-info:hover {
  background-color: #138496;
  border-color: #117a8b;
  color: #fff;
}

.ordc-mem-dash .btn-primary {
  background-color: #007bff;
  border-color: #007bff;
  color: #fff;
}

.ordc-mem-dash .btn-primary:hover {
  background-color: #0069d9;
  border-color: #0062cc;
  color: #fff;
}

.ordc-mem-sidebar .mem-menu-group {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0.25rem;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.08);
  padding: 1rem;
  margin-top: 1rem;
}

.ordc-mem-sidebar .mem-menu-group ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ordc-mem-sidebar .mem-menu-group ul li {
  margin: 0;
  padding: 0;
}

body.ordc-theme-member #contact-page .contact-from.gray-bg,
#contact-page:has(.ordc-mem-sidebar) .contact-from.gray-bg {
  background: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0.25rem;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.08);
  padding: 1.25rem 1.5rem;
}

body.ordc-theme-member #contact-page .contact-from.gray-bg + .contact-from.gray-bg,
#contact-page:has(.ordc-mem-sidebar) .contact-from.gray-bg + .contact-from.gray-bg {
  margin-top: 1rem;
}

body.ordc-theme-member #contact-page .contact-from.gray-bg .section-title h3,
#contact-page:has(.ordc-mem-sidebar) .contact-from.gray-bg .section-title h3 {
  color: #343a40;
  font-weight: 600;
}

body.ordc-theme-member #contact-page .ordc-upload-hint,
#contact-page:has(.ordc-mem-sidebar) .ordc-upload-hint,
body.ordc-theme-member #contact-page .ordc-admin-file-input + .form-text,
#contact-page:has(.ordc-mem-sidebar) .ordc-admin-file-input + .form-text {
  font-size: 0.85rem;
  color: #6c757d;
  margin-top: 0.25rem;
}

/* Sidebar สมาชิก — โทน AdminLTE */
.ordc-mem-sidebar.saidbar {
  color: #212529;
}

.ordc-mem-sidebar .saidbar-search {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0.25rem;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.08);
  padding: 1.25rem 1rem;
}

.ordc-mem-sidebar .saidbar-search h4 {
  color: #343a40;
  font-size: 1.1rem;
  font-weight: 600;
  margin-top: 0.75rem;
}

.ordc-mem-sidebar .saidbar-search div {
  color: #6c757d;
  font-size: 0.9rem;
}

.ordc-mem-sidebar .mem-menu-group h5 {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6c757d;
  font-weight: 600;
  margin: 0 0 0.5rem;
  padding-bottom: 0.35rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.ordc-mem-sidebar .mem-menu-group ul li a {
  display: block;
  padding: 0.5rem 0.65rem;
  color: #343a40;
  border-radius: 0.25rem;
  font-size: 0.92rem;
  transition: background 0.15s ease, color 0.15s ease;
}

.ordc-mem-sidebar .mem-menu-group ul li a i {
  width: 1.25rem;
  margin-right: 0.35rem;
  color: #6c757d;
}

.ordc-mem-sidebar .mem-menu-group ul li a.active,
.ordc-mem-sidebar .mem-menu-group ul li a:hover {
  background: rgba(0, 123, 255, 0.1);
  color: #007bff;
  font-weight: 600;
}

.ordc-mem-sidebar .mem-menu-group ul li a.active i,
.ordc-mem-sidebar .mem-menu-group ul li a:hover i {
  color: #007bff;
}

.ordc-mem-sidebar .mem-stat-box {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-top: 3px solid #17a2b8;
  border-radius: 0.25rem;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.08);
  padding: 1rem;
  margin-top: 1rem;
}

.ordc-mem-sidebar .mem-stat-box h4 {
  color: #343a40;
  font-size: 1rem;
  font-weight: 600;
}

.ordc-mem-sidebar .mem-stat-box li {
  color: #495057;
}

.ordc-mem-sidebar .mem-stat-box li i {
  color: #17a2b8;
  margin-right: 0.35rem;
}

.ordc-mem-sidebar .mem-stat-total {
  font-weight: 600;
  color: #343a40;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px dashed rgba(0, 0, 0, 0.1);
}

.ordc-mem-sidebar .mem-stat-total b {
  color: #007bff;
}

.ordc-mem-sidebar .mem-stat-box .btn-info {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff;
  font-size: 0.8rem;
  padding: 0.35rem 0.75rem;
  border-radius: 0.2rem;
}

/* Override โทนเขียว member theme ในโซน dashboard ให้ใช้สี AdminLTE */
body.ordc-theme-member .ordc-mem-dash .btn-primary,
body.ordc-theme-member .ordc-mem-sidebar .btn-primary {
  background-color: #007bff !important;
  border-color: #007bff !important;
  color: #fff !important;
}

body.ordc-theme-member .ordc-mem-dash .btn-success,
body.ordc-theme-member .ordc-mem-sidebar .btn-success {
  background-color: #28a745 !important;
  border-color: #28a745 !important;
  color: #fff !important;
}

body.ordc-theme-member .ordc-mem-dash .btn-warning {
  background-color: #ffc107 !important;
  border-color: #ffc107 !important;
  color: #1f2d3d !important;
}

body.ordc-theme-member .ordc-mem-dash .btn-info,
body.ordc-theme-member .ordc-mem-sidebar .btn-info {
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important;
  color: #fff !important;
}