:root {

    --cassiopeia-color-primary: #03594c;
    --cassiopeia-color-link: #03594c;
    --cassiopeia-color-hover: #03594c;
}


h1, h2, h3, h4, h5, h6 {
  color: #03594c; /* Or your preferred shade of green */
}

.header {
  background: #f8f7f2; /* Or your preferred shade of offwhite */
}

/* Main menu link color */
.mod-menu .nav-link {
	color: #03594c; 
}

/* Main menu hover color */
.mod-menu .nav-link:hover,
.mod-menu .nav-link:focus {
	color: #03594c; 
}

/* Active menu item link color */
.mod-menu .nav-link.active {
	color: #03594c; /* Example: #dc3545 for red active link */
}

/* Cassiopeia changes */

.container-header .mod-menu {
 color: #03594c;
 font-size: 1.5rem;
 flex: unset;
}

/*
.container-header {
 background-color: #ebf2fa;
 background-image: none;
}

.container-header .navbar-toggler {
 color: #db504a;
 border: 1px solid #db504a;

}
*/

.navbar-toggler {
	background-color: #03594c; /* Example: Red background */
	border-color: #03594c; /* Example: Red border */
}

.navbar-toggler-icon {
	color: #ffffff; /* Example: White icon color */
}
	
.state-layout {
  display: flex;
  gap: 2rem; /* space between table and SVG */
  align-items: flex-start; /* top-align columns */
  flex-wrap: wrap; /* stack on smaller screens */
}

.state-info {
  flex: 1 1 250px; /* flexible column, min 250px */
}

.state-svg {
  flex: 2 1 400px; /* larger flexible column */
}

.state-svg svg {
  width: 100%;   /* fills available space */
  height: auto;  /* keeps proportions */
}

/* 1) Stop text wrapping around intro/full images in blog & single article */
.blog .item-image,
.item-page .item-image,
.blog .item-image img,
.item-page .item-image img,
.blog figure.float-start,
.blog figure.float-end,
.item-page figure.float-start,
.item-page figure.float-end {
  float: none !important;
  display: block;
  clear: both;
  margin: 0 0 1rem 0;
  max-width: 100%;
  height: auto;
}

/* 2) Also catch images inserted inside the article body with float classes */

/* ===== Button Color Consistency ===== */
/* Make all buttons use the same dark green color scheme as the login button */

/* Override btn-secondary to match btn-primary (dark green with white text) */
.btn-secondary {
  --btn-color: #ffffff !important;
  --btn-bg: #03594c !important;
  --btn-border-color: #03594c !important;
  --btn-hover-color: #ffffff !important;
  --btn-hover-bg: #024a3f !important;
  --btn-hover-border-color: #024a3f !important;
}

/* Make sure all standard button variants use the green color scheme */
.btn,
.btn-primary,
.btn-secondary,
.btn-info,
.btn-light,
.btn-dark {
  background-color: #03594c;
  border-color: #03594c;
  color: #ffffff;
}

.btn:hover,
.btn:focus,
.btn-primary:hover,
.btn-primary:focus,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-info:hover,
.btn-info:focus,
.btn-light:hover,
.btn-light:focus,
.btn-dark:hover,
.btn-dark:focus {
  background-color: #024a3f;
  border-color: #024a3f;
  color: #ffffff;
}

/* Specifically style READ MORE buttons in blog list views */
.readmore .btn,
.readmore .btn-secondary {
  background-color: #03594c !important;
  border-color: #03594c !important;
  color: #ffffff !important;
}

.readmore .btn:hover,
.readmore .btn:focus,
.readmore .btn-secondary:hover,
.readmore .btn-secondary:focus {
  background-color: #024a3f !important;
  border-color: #024a3f !important;
  color: #ffffff !important;
}

/* Ensure button text is always white */
.btn,
.btn-primary,
.btn-secondary,
.btn span,
.btn-primary span,
.btn-secondary span {
  color: #ffffff !important;
}

/* Keep success and danger buttons with their own colors */
.btn-success {
  background-color: #28a745 !important;
  border-color: #28a745 !important;
}

.btn-danger {
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
}

.btn-success:hover,
.btn-success:focus {
  background-color: #218838 !important;
  border-color: #1e7e34 !important;
}

.btn-danger:hover,
.btn-danger:focus {
  background-color: #c82333 !important;
  border-color: #bd2130 !important;
}
.com-content-article__body .float-start,
.com-content-article__body .float-end {
  float: none !important;
  display: block;
  clear: both;
  margin: 1rem auto;
}

/* Hide reCAPTCHA badge */
.grecaptcha-badge {
  visibility: hidden;
}

/* reCAPTCHA disclosure notice styling */
.recaptcha-disclosure {
  margin: 1rem 0;
  padding: 0.75rem;
  font-size: 0.875rem;
  color: #666;
  background-color: #f8f9fa;
  border-left: 3px solid #03594c;
  border-radius: 4px;
}

.recaptcha-disclosure a {
  color: #03594c;
  text-decoration: underline;
}

.recaptcha-disclosure a:hover {
  color: #024739;
}