.unauthenticated-main-page {
  padding: 4rem 1rem;
  display: block;
}

/* Accessibility: highlight text blocks when focused via tab */
.unauthenticated-main-page [tabindex="0"]:focus {
  outline: 3px dashed #0d6efd;
  outline-offset: 4px;
  background-color: rgba(13, 110, 253, 0.05);
  border-radius: 0.25rem;
}

/* Text container */
.unauthenticated-main-page .ump-text {
  max-width: 600px;
}

/* Optional badge styling (if you add one later) */
.unauthenticated-main-page .ump-badge {
  display: inline-flex;
  align-items: center;
  font-size: 0.9rem;
  background-color: #f8f9fa;
  color: #212529;
  border: 1px solid #dee2e6;
  border-radius: 50px;
  padding: 0.4rem 0.9rem;
  margin-bottom: 1.5rem;
}

/* Headline text */
.unauthenticated-main-page .ump-title {
  font-weight: 700;
  margin-bottom: 1rem;
}

/* Paragraph text */
.unauthenticated-main-page .ump-description {
  color: #6d707e !important;
  margin-bottom: 1.5rem;
  line-height: 1.6;
  font-size: 16px;
}

/* Button styling */
.unauthenticated-main-page .ump-button {
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  margin-bottom: 10px;
}
.unauthenticated-main-page .btn-primary {
  margin-right: 10px;
}

/* Image styling */
/*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);*/
.unauthenticated-main-page .ump-image-wrapper {
  border-radius: 1rem;
  overflow: hidden;
  display: inline-block;
}

/* Support Link styling */
.unauthenticated-main-page .formlink {
  margin-top: 48px;
}

.unauthenticated-main-page .formlink h3 {
  font-weight: 700;
  color: var(--portalThemeColor1) !important;
  margin-bottom: 0 !important;
}

.unauthenticated-main-page .formlink a {
    color: var(--portalThemeColor3);
}

.unauthenticated-main-page .formlink a:hover,
.unauthenticated-main-page .formlink a:focus,
.unauthenticated-main-page .formlink a:active {
    color: var(--linkHoverColour);
}


.unauthenticated-main-page .ump-image {
  width: 100%;
  height: auto;
  border-radius: 1rem;
  display: block;
}

/* Responsive behavior */
@media (max-width: 768px) {
  .unauthenticated-main-page {
    text-align: center;
  }

  .unauthenticated-main-page .ump-text {
    margin: 0 auto;
  }

  .unauthenticated-main-page .ump-image {
    display: none;
  }
}

/*Center text perfectly when no image
/* Apply when the snippet is empty/inactive and .no-image is added to the row */
.unauthenticated-main-page .row.no-image {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 45vh; 
  text-align: center;
}

/* Limit text width and remove Bootstrap’s offset spacing */
.unauthenticated-main-page .row.no-image > [class*="col-"] {
  flex: 0 1 auto;
  max-width: 600px;
  margin: 0 auto;
}

/* Ensure text block itself stays visually centered */
.unauthenticated-main-page .row.no-image .ump-text {
  margin: 0 auto;
  padding: 1rem;
}

/* ======================================
   Stylings from Accordion content snippet
   ====================================== */
#home-unauthenticated-user-type-selection {
  background-color: #f5f5f5; /* Light grey */
}

.user-type-section {
  padding: 3rem 1rem;
}

/* Center alignment for headings */
.user-type-section h2 {
  color: #000; /* Bold black */
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.user-type-section p {
  color: #666; /* Muted grey text */
  font-size: 1rem;
}

.text-muted {
  color: #6d707e !important;
}

/* Accordion styling */
.user-type-accordion {
  /* max-width: 70%; */
  background-color: #fff;
  border-radius: 0.5rem;
}

/* Improve focus for accessibility */
.user-type-section :focus {
  outline: 3px solid #005ea5;
  outline-offset: 2px;
}

/* Accordion item spacing and hover states */
.accordion-item {
  border: 1px solid #ddd;
}

.accordion-button:not(.collapsed) {
background-color: var(--bs-primary);
  color: #fff;  
}

.accordion-button:focus {
  box-shadow: 0 0 0 3px rgba(0, 94, 165, 0.3);
}
.accordion-header {
    margin: unset;
}
.accordion-button:not(.collapsed)::after{
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>")
}
 @media only screen and (max-width: 1600px){
  .user-type-accordion {
/* width: 70%; */
width: 100%;
  }
}
@media only screen and (max-width: 769px) {
  .user-type-accordion {
  width: 100%;
  }

  .ump-text > .ump-button:only-of-type {
    width: 100%;
  }
  #home-unauthenticated-user-type-selection > .container{
    padding: 0px;
  }
}