/* Dark Theme Customization */
body {
  background-color: #121212;
  color: #e0e0e0;
  font-family: Arial, sans-serif;
}

/* Buttons */
.btn-primary, .site-button {
  background-color: #00ffff;
  border-color: #00ffff;
  color: #000;
  border-radius: 10px;
  padding: 10px 20px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}

.btn-primary:hover, .site-button:hover {
  background-color: #00b8b8;
  border-color: #00b8b8;
  color: #000;
  box-shadow: 0 0 10px #00e1ff;
}
.block-sentient-dark-theme-userlogin{
	display: block; /* Makes the button a block-level element */
    margin: 0 auto; /* Centers the button horizontally */
    width: 200px;  /* Optional: Set a fixed width for better alignment */
	text-align: center;	
}
.user-login-form{
    display: block; /* Makes the button a block-level element */
    margin: 0 auto; /* Centers the button horizontally */
    width: 200px;  /* Optional: Set a fixed width for better alignment */
    text-align: center;	
}
.create-account-link, .request-password-link, .edit-submit{
  background-color: #00ffff;
  border-color: #00ffff;
  color: #000;
  border-radius: 10px;
  padding: 10px 10px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
    display: block; /* Makes the button a block-level element */
    margin: 0 auto; /* Centers the button horizontally */
    width: 200px;  /* Optional: Set a fixed width for better alignment */
}
.create-account-link:hover, .request-password-link:hover {
  background-color: #00ffff;
  color: #121212;
  box-shadow: 0 0 15px #00ffff;
}
/* Navbar */
.navbar, .site-navigation {
  background-color: #1f1f1f;
  border-radius: 10px;
  padding: 10px 0;
  text-align: center;
  
}
.navbar-nav {
  list-style: none;           /* No bullet points */
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;     /* Stack items vertically */
  gap: 15px;                  /* Vertical spacing between items */
  width: 100%;                /* Full width */
}

/* Container */
.container {
  background-color: #1a1a1a;
  padding: 20px;
  border-radius: 15px;
}

/* Hero Section */
.intro-hero {
  background-color: #121212;
  color: #e0e0e0;
  text-align: center;
  border-radius: 15px;
  overflow: hidden;
}

.hero-content {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  animation: fadeIn 1.5s ease-in-out;
}

.site-title {
  font-size: 3rem;
  font-weight: bold;
  color: #00ffff;
  margin-bottom: 10px;
}

.tagline {
  font-size: 1.5rem;
  color: #00b8b8;
  font-style: italic;
}

/* Navigation Layout */
.nav-container, .navbar-nav, .block-sentient-dark-theme-rights {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 100%;
}


.nav-container a, .nav-link {
  background-color: #8a2be2;
  color: #fff;
  text-decoration: none;
  border-radius: 15px;
  padding: 10px 20px;
  transition: all 0.3s ease;
  width: 100%;
  text-align: center;
  align-items: center;
}

/* Applies to your main nav list */
.navbar-nav {
  list-style: none;           /* No bullet points */
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;     /* Stack items vertically */
  gap: 25px;                  /* Vertical spacing between items */
  width: 100%;                /* Full width */
  justify-content: center;
  align-items: center;
}

/* Individual nav items */
.nav-item {
  width: 100%;                /* Full width of parent */
  justify-content: center;
}

/* Nav links styling */
.nav-link {
  display: block;             /* Make it span full width */
  width: 100%;                /* Force full width */
  padding: 15px 20px;         /* Comfortable padding */
  background-color: #00ffff; /* Electric blue */
  color: #121212;             /* Dark text */
  border-radius: 10px;        /* Rounded corners */
  text-align: center;
  text-decoration: none;      /* No underline */
  transition: all 0.3s ease;
  justify-content: center;
  align-items: center;
}

/* Hover effect */
.nav-link:hover {
  background-color: #00b8b8;
  box-shadow: 0 0 10px #00ffff;
}


.nav-container a:hover, .nav-link:hover {
  background-color: #00ffff;
  color: #121212;
  box-shadow: 0 0 15px #00ffff;
}
/* Individual nav items */
.nav-item {
  width: 100%;                /* Full width of parent */
margin-bottom: 5px;
}

/* General Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Keyframes */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive Design */
@media (max-width: 768px) {
  body {
    font-size: 15px;
  }
  .site-title {
    font-size: 2rem;
  }
  .tagline {
    font-size: 1.1rem;
  }
  .intro-hero {
    
  }
  .hero-content {
    max-width: 100%;
  }
  .nav-container, .navbar-nav, .block-sentient-dark-theme-rights {
    flex-direction: column;
    gap: 15px;
    padding: 20px;
  }
}
 .block-sap-display{
	align-items: center;
	text-align: center;
 }
.deliberation-entry {
  padding: 1em;
  border-left: 4px solid #7f5af0;
  background: rgba(255, 255, 255, 0.03);
  margin-bottom: 1em;
  border-radius: 8px;
  transition: 0.3s;
  color: #eee;
  align-items: center;
  display: flex;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #444;
}

.timestamp {
  color: #aaa;
  font-style: italic;
    margin-left: auto;
  font-size: 0.85em;
}

.ai-message {
  white-space: pre-wrap;
  line-height: 1.4em;
  margin-top: 4px;
  padding-left: 2.5rem;
}

.deliberation-display{
	max-width: 80%;
	display: flex;
	align-items: center;
	text-align: center;
}

.deliberation-showcase-wrapper {
  margin: 2rem auto;
  padding: 1rem;
  border-radius: 12px;
  background: #1f1f2e;
  color: #eee;
  box-shadow: 0 0 12px rgba(0,0,0,0.5);
  max-height: 80vh;
  overflow-y: auto;
  align-items: center;
}

.agent-avatar {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 0.5rem;
}

.agent-header {
  display: flex;
  align-items: center;
  font-weight: bold;
  margin-bottom: 0.3rem;
}


.node--ai-room{
	border-radius:20px;
    background-size: cover;       
    text-align: center;
margin: auto;
width:60%;
    color: #ffffff;
    animation: subtlePulse 8s infinite ease-in-out;
}

.nav-link--user{
	  padding: 10px 0;
}


.backdrop{ background-image: url("/sites/default/files/inline-images/InProfile03.png"); background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: cover; }