/* Top banner styles */
.top-banner {
  background-color: #009e81;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 !important;   /* Override Bootstrap padding */

}

.top-banner-text {
  color: #ffffff;  /* white text */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); /* optional: adds contrast */
  font-weight: 700;
  font-size: 2rem;
  line-height: normal;
}

/* Main navbar background */
.main-navbar {
  background-color: #005a9e;
}

/* Main navbar link color */
.main-navbar .nav-link {
  color: #ffffff !important;
}

.main-navbar .nav-link:hover,
.main-navbar .nav-link:focus {
  color: #ffdd57 !important;
  text-decoration: underline;
}

/* Navbar text (like 'Welcome, user!') */
.main-navbar .navbar-text {
  color: #ffffff;
}

/* Styled button */
.top-banner-button {
  background-color: #61b1ee;
  color: #ffffff !important;
  font-weight: 600;
  font-size: 1.1rem;
  width: 200px;
  text-align: center;
  border: none;
  border-radius: 6px;
  padding: 10px 0;
  margin: 8px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.top-banner-button:hover,
.top-banner-button:focus {
  background-color: #1c75bc;
  color: #ffffff !important;
  text-decoration: none;
  outline: none;
}



/* Email Template Form Overrides */
.email-template-form input,
.email-template-form textarea {
    width: 100%;         /* Full width of container */
    font-size: 1rem;     /* Slightly larger font for readability */
    padding: 8px 12px;   /* Comfortable padding inside the input */
}

/* Error messages */
.email-template-form .field-error {
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 4px;
}

/* Quill editor */
.email-template-form #quill-editor {
    height: 500px;
}