/* html, body{
  width: 100%;
  height: 100%;
  font-family: 'Josefin Sans', sans-serif;
  background-color: #e4e4e4;
  color: rgba(0, 0, 0, 0.87);
} */

h1{
    text-align: center;
    font-weight: bold;
}

h2 {
  text-align: center;
}

h3 {
  text-align: center;
}

.SubText, .CenterText{
  text-align: center;
}

#RegisterMessage {
  text-align: center;
}

.colored-input {
    color: black; /* changes text color */
  }

p, a {
  font-size: 1.2em;
}

.headerImage{
  max-height: 80px;
}

#MainText {
  text-align: center;
}

.Pairing {
  color: yellow;
}

.Failed {
  color: red;
}

.Success {
  color: green;
}

.botEnabled{
  background-color: rgb(48, 124, 48);
}

.botDisabled{
  background-color: rgb(172, 60, 60);
}

.mainbody{
  width: 70%;
  margin: 0 auto;
}

.botButton {
  color: white;              /* White text */
  padding: 10px 20px;        /* Size */
  border: none;              /* Remove default border */
  border-radius: 8px;        /* Rounded corners */
  cursor: pointer;           /* Pointer cursor on hover */
  font-size: 16px;           /* Optional: adjust text size */
  transition: background-color 0.3s ease; /* Smooth hover effect */
  background-color: #3843e2; /* Bootstrap blue */
}

.botButtonEnable {
  background-color: #2e6936; /* Bootstrap blue */
}

.botButtonEnable:hover {
  background-color: #1d4222; /* Darker blue on hover */
}

.botButtonDisable {
  background-color: #b84747; /* Bootstrap blue */
}

.botButtonDisable:hover {
  background-color: #7a2e2e; /* Bootstrap blue */
}

.nav-item, a {
  font-size: 1.4em;
  padding: 10px 20px;
}

.AvatarImage{
  max-height: 60px;
}

.menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.menu-item {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  /* background-color: #3498db; */
  color: white;
  cursor: pointer;
}

.popup-overlay {
  position: fixed;   /* keeps it in place even if the page scrolls */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;     /* flexbox makes centering easy */
  align-items: center;  /* vertical centering */
  justify-content: center;  /* horizontal centering */
  background: rgba(0,0,0,0.45); /* translucent background */
  z-index: 9999;
}

.popup-overlay.popup-show { 
  display: flex; 
}

.popup-modal { 
  background: #fff; 
  border-radius: 8px; 
  padding: 20px;
  max-width: 420px; 
  max-height: 120px; 
  box-shadow: 0 4px 20px rgba(0,0,0,0.2); 
}

.popup-btn-ok { 
  background: #2563eb; 
  color: #fff; 
  border: none;
  border-radius: 5px; 
  padding: 8px 14px; 
  cursor: pointer; 
}

.popup-modal-body { 
  color: black; 
}

.colorRed{
  color: red;
}

.colorGreen{
  color: green;
}

.nav-item img{
  max-height: 80px;
}


@media (min-width: 992px) {
  .navbar .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  }
}


:root {
  --accent: #0d6efd;
}

[data-bs-theme="dark"] {
  --bs-body-bg: #0d1117;
  --bs-body-color: #e6edf3;
  --accent: #9b4dff;
}

.navbar-brand {
  color: var(--accent) !important;
}

.btn-accent {
  background-color: var(--accent);
  border: none;
  color: white;
}

.btn-accent:hover {
  opacity: 0.8;
}

.theme-toggle-btn {
  border: none;
  background: transparent;
  font-size: 1.4rem;
  color: var(--accent);
  cursor: pointer;
}

#footerLinks a {
  font-size: 0.8em;
}

#footerLinks p {
  margin-bottom: 0px;
}

#PrivacyPolicySection h2, #PrivacyPolicySection h3, #TermsAndConditions h2, #TermsAndConditions h3 {
  text-align: left;
}

#tc-form label, #tc-form a {
  font-size: 1.2em;
  padding: 0;
}