/*Registration and Login Page v1
------------------------------------*/
.reg-page {
  color: #555;
  padding: 30px;
  background: #fefefe;
  border: solid 1px #eee;
  box-shadow: 0 0 3px #eee;
}

/*Reg Header*/
.reg-header {
  color: #555;
  text-align: center;
  margin-bottom: 35px;
  border-bottom: solid 1px #eee;
}

.reg-header h2 {
  font-size: 24px;
  margin-bottom: 15px;
}

/*Reg Forms*/
.reg-page label {
  color: #777;
}

/* Test style to see if dark mode class is working */
body.dark {
  background-color: #252525 !important;
}

/* Dark mode styles for login/registration pages */
body.dark .reg-page {
  background: #2a2a2a !important;
  border-color: #555 !important;
  color: #ccc !important;
}

/* Ensure the entire login page area is dark */
body.dark .wrapper {
  background: #252525 !important;
}

/* Override backstretch background in dark mode */
body.dark .wrapper.backstretch {
  background: #252525 !important;
}

/* Most specific dark mode styles to override any conflicts */
body.dark .reg-page,
body.dark .reg-page * {
  background-color: #2a2a2a !important;
  color: #ccc !important;
}

body.dark .reg-header,
body.dark .reg-block-header {
  color: #ccc !important;
  border-bottom-color: #555 !important;
}

body.dark .reg-page label {
  color: #ccc !important;
}

body.dark .reg-page h2,
body.dark .reg-page h4 {
  color: #fff !important;
}

body.dark .reg-page p {
  color: #ccc !important;
}

body.dark .reg-page .color-green {
  color: #72c02c !important;
}

/* Additional dark mode styles for form elements */
body.dark .reg-page .form-control {
  background-color: #444 !important;
  border-color: #555 !important;
  color: #ccc !important;
}

body.dark .reg-page .form-control:focus {
  background-color: #555 !important;
  border-color: #666 !important;
  color: #fff !important;
}

body.dark .reg-page .form-control::placeholder {
  color: #999 !important;
}

body.dark .reg-page .input-group-addon {
  background-color: #555 !important;
  border-color: #666 !important;
  color: #ccc !important;
}

body.dark .reg-page .btn-u {
  background-color: #72c02c !important;
  color: #fff !important;
}

body.dark .reg-page .btn-u:hover {
  background-color: #5fb611 !important;
}

body.dark .reg-page .checkbox label {
  color: #ccc !important;
}

body.dark .reg-page .text-muted {
  color: #999 !important;
}

body.dark .reg-page hr {
  border-color: #555 !important;
}

/* Specific styles for login form elements */
body.dark .reg-page .reg-block-header h2 {
  color: #fff !important;
}

body.dark .reg-page .reg-block-header p {
  color: #ccc !important;
}

body.dark .reg-page .margin-bottom-20 {
  color: #ccc !important;
}

body.dark .reg-page .row {
  color: #ccc !important;
}

body.dark .reg-page .col-md-6 {
  color: #ccc !important;
}

body.dark .reg-page .col-md-6.checkbox label {
  color: #ccc !important;
}

body.dark .reg-page .col-md-6 .text-muted {
  color: #999 !important;
}

body.dark .reg-page .col-md-6 .text-muted i {
  color: #999 !important;
}
