.main-content {
  max-width: 800px !important;
  margin: 40px auto;
  padding: 20px;
  border-radius: 10px;
}

html, body {
  margin: 0;
  padding: 0;
}

.hero {
  margin-top: 0;
  padding-top: 0; /* Adjust as needed */
}

.hero .title:first-child {
  margin-top: 0 !important;
}

.hero.is-custom {
  background-color: #dcf7ab;
}

.panel {
    background-color: whitesmoke;
}

.panel-heading
{
    background-color: #dcf7ab;
    color: hsl(0, 0%, 21%)
}


/* ===== Reset input glow and border ===== */
.input:focus,
.textarea:focus,
.select select:focus {
  border-color: #dcf7ab !important;
  box-shadow: 0 0 0 0.125em rgba(220, 247, 171, 0.25) !important;
}

/* Optional: on hover too */
.input:hover,
.textarea:hover,
.select select:hover {
  border-color: #dcf7ab;
}

/* ===== Set base icon color ===== */
.icon,
.icon i {
  color: #dcf7ab !important;
}

/* ===== Maintain icon color when input is focused ===== */
.control:focus-within .icon i {
  color: #dcf7ab !important;
}

/* ===== Optional: make dropdown arrows green ===== */
.select select {
  color: #ffffff;
  background-color: #2a2a2a; /* optional: for dark themes */
  border-color: #dcf7ab;
}

.select select:focus {
  border-color: #dcf7ab;
  box-shadow: 0 0 0 0.125em rgba(220, 247, 171, 0.25);
}



/* ===== Link Colors ===== */

/* Base link color */
a {
  color: #1a1a1a; /* #7fae3f; */
  text-decoration: none;
}


/*** navbar adjustments ***/

.navbar-item.is-active {
  background-color: #dcf7ab !important;
  color: #000 !important; /* Adjust if needed for contrast */
}

.navbar-item.is-active:hover,
.navbar-item.is-active:focus {
  background-color: #cce69a !important;
  color: #000 !important;
}

.navbar {
  --bulma-link: #dcf7ab;
  --bulma-link-hover: #cce69a;
  --bulma-link-focus: #cce69a;
  --bulma-link-active: #cce69a;
}


.theme_button {
  background-color: #cce69a !important;
  color: #000 !important;
}

.theme_colors {
  background-color: #cce69a !important;
  color: #000 !important;
}


.good_row {
  background-color: #cce69a !important;
  color: #000 !important;
}

.standard_row {
  background-color: #e6d29a !important;
  color: #000 !important;
}

.bad_row {
  background-color: #e69a9a !important;
  color: #000 !important;
}

/* Remove Bulma's default arrow */
.select.theme_select::after {
  display: none !important;
}

.select.theme_select select {
  background-color: #cce69a !important;
  color: #000 !important;

  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
  background-repeat: no-repeat !important;
  background-position: right 0.75em center;
}