/*** Atlassian Status Page Elements (Original Content) ***/
.layout-content.status.status-index .scheduled-maintenances-container {
    margin-top: 0;
}

.layout-content.status .incidents-list {
    margin-top: 0;
}

.incidents-list .no-incidents {
    display: none;
}

.updates-dropdown-container {
    float: right;
    margin-top: 0px;
}

.updates-dropdown-container .show-updates-dropdown,
.layout-content.status-full-history .show-filter.open {
    background-color: #0BA4E8;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;
    -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;
    -o-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;
    -ms-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    font-size: 12px;
    line-height: 18.6px;
    font-size: 0.75rem;
    line-height: 1.1625rem;
    font-weight: 500;
    border: none;
    display: inline-block;
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 15px 9px;
    position: relative;
}

.layout-content.status .masthead-container.premium .masthead .text-container {
    background-color: rgba(0, 0, 0, 0);

}

.layout-content.status .masthead-container.premium .masthead .text-container .page-name {
    display: none;
}


.shared-partial.uptime-90-days-wrapper {
    display: none;
}

.components-uptime-link.history-footer-link {
    display: none;
}


/*** Full Calendar Customizations ***/
.fc-daygrid-event {
    white-space: normal !important;
    line-height: 1.2;
    font-size: var(--fc-small-font-size, 0.75em) !important;
}

.fc-daygrid-dot-event:hover {
    background: default;
    color: inherit;
}

.fc-toolbar-title {
    font-size: 1.3em !important;
}

.fc-event {
    cursor: pointer;
}

.fc-event {
    --text-color: #000;
    color: var(--text-color);
}

.pa-category--innovation-upgrade {
    --fc-event-border-color: cyan;
}

.pa-category--innovation-upgrade-window {
    --fc-event-border-color: #46bdc6;
}

.pa-category--infra-upgrade {
    --fc-event-border-color: #4284f4;
}

.pa-category--insights-upgrade {
    --fc-event-border-color: #34a853;
}

.pa-category--adem-upgrade {
    --fc-event-border-color: #46bdc6;
}

/*** Tooltip Component ***/
/* This css was based on https://codesandbox.io/s/github/popperjs/website/tree/master/examples/flipping?file=/index.html
*/

#tooltip {
    z-index: 9;
    display: none;
    background: #555;
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
    font-size: 13px;
    border-radius: 4px;
}

#tooltip.tooltip-visible {
    display: inline-block;
}

#arrow,
#arrow::before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: inherit;
}

#arrow {
    visibility: hidden;
}

#arrow::before {
    visibility: visible;
    content: '';
    transform: rotate(45deg);
}

#tooltip[data-popper-placement^='top']>#arrow {
    bottom: -4px;
}

#tooltip[data-popper-placement^='bottom']>#arrow {
    top: -4px;
}

#tooltip[data-popper-placement^='left']>#arrow {
    right: -4px;
}

#tooltip[data-popper-placement^='right']>#arrow {
    left: -4px;
}

/* ========================================================= */
/* --- FINAL ALIGNMENT AND VISIBILITY FIXES (NEW/MODIFIED) --- */
/* ========================================================= */

/* 1. Flexbox alignment for Stacking Rows */
.layout-content.status .masthead {
    display: flex !important;
    flex-wrap: wrap; 
    justify-content: space-between !important; 
    align-items: center !important; 
    position: relative;
    padding-top: 20px;
    padding-bottom: 10px;
}

/* 2. Custom Announcement Banner (Top Row - Order 1, Full Width) */
.custom-announcement-banner-wrapper {
    order: 1; 
    width: 100%; 
    margin-bottom: 0 !important; 
}

/* 3. Custom Logo Wrapper (Second Row - Order 2, CENTERED) */
.header-logo-container {
    order: 2; /* Sits on the second row */
    max-width: 40%;
    margin-top: 15px !important; 
    
    /* CRITICAL: FORCE LOGO TO CENTER */
    position: absolute;
    left: 50%; /* Start at the center point */
    transform: translateX(-50%); /* Shift left by half its width to truly center it */
    z-index: 10;
}

/* 4. Native Subscribe Button (Second Row - Order 3, RIGHTMOST) */
.updates-dropdown-container {
    order: 3; /* Last item in the row */
    flex-shrink: 0; 
    margin-top: 15px !important; 
    margin-right: 0 !important;
    
    /* Pushes the subscribe button to the far right relative to the masthead container */
    margin-left: auto !important; 
    
    /* Ensure visibility and correct button appearance */
    display: flex !important; 
    justify-content: flex-end !important; 
    align-items: center;
    visibility: visible !important;
    float: none !important; 
}

/* 5. Clear space for Row 2 elements */
/* Ensures the banner drops down correctly and reserves space for the logo/button */
.header-logo-container, .updates-dropdown-container {
    padding-bottom: 50px;
}

/* 6. Ensure default logo/header containers are visible */
.layout-content.status .masthead-container,
.logo-image,
img.logo,
.logo-image-container,
.logo-image-container img {
    visibility: visible !important;
    display: inline-block !important; 
    max-width: 100% !important; 
    height: auto !important;
}