/* _content/SionWeb/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-yxbcbo15gf] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-yxbcbo15gf] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* Contact map and form tweaks */
.map-wrapper[b-yxbcbo15gf] {
  width: 100%;
  /* Make the map taller so it visually matches the form height */
  min-height: 420px;
  /* allow flex parents to expand the wrapper */
  flex: 1 1 auto;
  height: 100%;
  position: relative;
}
.map-iframe[b-yxbcbo15gf] {
  width: 100%;
  height: 100%;
  min-height: 420px;
  display: block;
  border: 0;
  /* cover available space */
  object-fit: cover;
}

/* Ensure a flex column parent will allow the map to grow to the same height as the left column */
.col-lg-6.d-flex.flex-column > .map-wrapper[b-yxbcbo15gf] {
  flex: 1 1 auto;
}
.contact-left[b-yxbcbo15gf] {
  display: flex;
  flex-direction: column;
}

/* Contact-section specific tweaks so textarea grows to match map height and map can extend to the left/top */
.page-section#contact .contact-left textarea.form-control[b-yxbcbo15gf] {
  /* make textarea grow to take available vertical space */
  flex: 1 1 auto;
  min-height: 220px;
}

.page-section#contact .col-lg-6.d-flex.flex-column[b-yxbcbo15gf] {
  /* reduce the default column padding slightly so the map can align more to the left */
  padding-left: 8px;
  padding-right: 8px;
}

.page-section#contact .col-lg-6.d-flex.flex-column > .map-wrapper[b-yxbcbo15gf] {
  /* nudge map slightly out of the column left edge to visually "come out" of the corner */
  margin-left: -12px;
  width: calc(100% + 12px);
}

/* Navbar color (Teal - Sunburst) */
#mainNav[b-yxbcbo15gf],
.navbar[b-yxbcbo15gf],
.navbar-dark[b-yxbcbo15gf] {
  background-color: #368D9D !important;
}

/* Ensure collapsed mobile menu uses the same background when opened */
.navbar-dark .navbar-collapse[b-yxbcbo15gf],
.navbar-dark .navbar-collapse.show[b-yxbcbo15gf] {
  background-color: #368D9D !important;
}

/* Ensure nav links are readable on teal background */
.navbar-dark .navbar-nav .nav-link[b-yxbcbo15gf] {
  color: rgba(255,255,255,0.95);
}
.navbar-dark .navbar-nav .nav-link:hover[b-yxbcbo15gf],
.navbar-dark .navbar-nav .nav-link.active[b-yxbcbo15gf] {
  color: #ffffff;
}

/* Toggler (hamburger) icon color */
.navbar-dark .navbar-toggler[b-yxbcbo15gf] {
  border-color: rgba(255,255,255,0.1);
}
.navbar-dark .navbar-toggler-icon[b-yxbcbo15gf] {
  filter: brightness(0) invert(1);
}

/* Ensure the navbar sits above page content and is fully opaque */
#mainNav[b-yxbcbo15gf] {
  z-index: 1030;
  background-image: none !important;
}

/* Apply brand teal color to prominent headings on the Home page */
.masthead-heading[b-yxbcbo15gf] {
  color: #368D9D;
}
.section-heading[b-yxbcbo15gf],
.section-heading.text-uppercase[b-yxbcbo15gf] {
  color: #368D9D;
}

/* Teal section background and contrast adjustments */
.section-teal[b-yxbcbo15gf] {
  background-color: #368D9D;
  color: #ffffff;
}
.section-teal .lead[b-yxbcbo15gf],
.section-teal p[b-yxbcbo15gf],
.section-teal .text-muted[b-yxbcbo15gf] {
  color: rgba(255,255,255,0.9);
}
.section-teal .form-control[b-yxbcbo15gf] {
  background-color: rgba(255,255,255,0.95);
  color: #222;
}
.section-teal .form-control[b-yxbcbo15gf]::placeholder {
  color: #666;
}
.section-teal .btn-primary[b-yxbcbo15gf] {
  background-color: #ffd100; /* keep existing accent for buttons */
  border-color: #ffd100;
  color: #222;
}