/* logo max-width to 30% */
.logo-container {
    max-width: 30% !important;
}

/*component font style*/
.layout-content.status.status-index .components-section .component-container .component-status {
  font-weight: 500;
}

/*status header style*/
.font-large {
letter-spacing: 0.5px;
}


/* Style the subscribe button - positioned below the masthead */
.show-updates-dropdown {
    background-color: #00467F !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: 4px 4px 0px 0px #EBEBEB;
    color: white;
    padding: 1rem 1.5rem;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    display: block;
    width: fit-content;
    margin: 20px auto 0 auto; /* Center the button with top margin */
    position: relative;
    z-index: 10;
  letter-spacing: .0163rem
    transition: background 300ms ease;
}

.show-updates-dropdown:hover {
    background-color: #455560 !important;
}

/* Remove border radius from page-status class and all subclasses */
.page-status {
    border-radius: 0 !important;
}

/* Remove border radius from all page-status subclasses */
.page-status.status-none,
.page-status.status-minor,
.page-status.status-major,
.page-status.status-critical,
.page-status.status-maintenance,
.page-status.status-operational,
.page-status.status-degraded,
.page-status.status-partial-outage,
.page-status.status-major-outage {
    border-radius: 0 !important;
}

/* Remove border radius from any nested elements within page-status */
.page-status *,
.page-status::before,
.page-status::after {
    border-radius: 0 !important;
}

/* Target page-status with any data attributes */
.page-status[data-status],
.page-status[data-status-type],
.page-status[class*="status-"] {
    border-radius: 0 !important;
}

/* Remove border radius from page-status children and descendants */
.page-status > *,
.page-status .status,
.page-status .status-text,
.page-status .status-indicator,
.page-status .status-badge,
.page-status .status-container,
.page-status h1,
.page-status h2,
.page-status h3,
.page-status span,
.page-status div {
    border-radius: 0 !important;
}

/* Target any element that contains "page-status" in its class */
[class*="page-status"] {
    border-radius: 0 !important;
}

/* Target any element that contains "page-status" with any status variation */
[class*="page-status"][class*="status-"],
[class*="page-status"].status-none,
[class*="page-status"].status-minor,
[class*="page-status"].status-major,
[class*="page-status"].status-critical,
[class*="page-status"].status-maintenance,
[class*="page-status"].status-operational,
[class*="page-status"].status-degraded,
[class*="page-status"].status-partial-outage,
[class*="page-status"].status-major-outage {
    border-radius: 0 !important;
}

/* Remove border radius from nested elements in page-status variations */
[class*="page-status"] * {
    border-radius: 0 !important;
}

/* Comprehensive targeting of status-related elements within page-status */
.page-status .component-status,
.page-status .status-pill,
.page-status .status-item,
.page-status .status-wrapper,
.page-status .status-content {
    border-radius: 0 !important;
}

/* Additional targeting for pseudo-elements */
[class*="page-status"]::before,
[class*="page-status"]::after,
.page-status *::before,
.page-status *::after {
    border-radius: 0 !important;
}

/* Override any inline styles that might set border-radius */
.page-status[style*="border-radius"],
[class*="page-status"][style*="border-radius"] {
    border-radius: 0 !important;
}

/* Target by ID if page-status is used as an ID */
#page-status,
#page-status * {
    border-radius: 0 !important;
}

/* Additional comprehensive coverage for any status page implementation */
.page-status-container,
.page-status-wrapper,
.page-status-content,
.page-status-header,
.page-status-body,
.page-status-footer {
    border-radius: 0 !important;
}

/* Remove border radius from any child elements that might have it */
.page-status-container *,
.page-status-wrapper *,
.page-status-content *,
.page-status-header *,
.page-status-body *,
.page-status-footer * {
    border-radius: 0 !important;
}

/* Ensure comprehensive coverage across different status page frameworks */
[data-component="page-status"],
[data-component="page-status"] *,
[data-status-component="page"],
[data-status-component="page"] * {
    border-radius: 0 !important;
}

/* Additional targeting for dynamic class variations */
.page-status.green,
.page-status.yellow,
.page-status.orange,
.page-status.red,
.page-status.blue,
.page-status.gray,
.page-status.grey {
    border-radius: 0 !important;
}

/* Cover any possible color-based status classes */
.page-status[class*="green"],
.page-status[class*="yellow"],
.page-status[class*="orange"],
.page-status[class*="red"],
.page-status[class*="blue"],
.page-status[class*="gray"],
.page-status[class*="grey"] {
    border-radius: 0 !important;
}