/*
--------------------------------------------------
Evergreen Header Alert Styles
Version: 1.9
Author: Brent Ferraro
--------------------------------------------------
*/

/* Below-header alert layout */
.evergreen-header-alert {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

.evergreen-header-alert .alert-inner {
    background-color: #0073aa;
    color: #fff;
    padding: 15px 25px;
    border-radius: 6px;
    text-align: center;
    font-weight: bold;
    max-width: 600px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease;
}

.evergreen-header-alert .alert-inner a {
    color: #fff;
    text-decoration: none;
}

.evergreen-header-alert .alert-inner:hover {
    background-color: #005177;
}

.evergreen-header-alert .alert-subtext {
    display: block;
    font-weight: normal;
    margin-top: 5px;
    font-size: 0.9em;
}

/* -------------------------------------------------
   Navigation Alert Styles
-------------------------------------------------- */

/* Button style (default) */
.evergreen-header-alert-nav.nav-style-button a {
    background-color: #0073aa;
    color: #fff;
    padding: 10px 15px;
    border-radius: 6px;
    display: block;
    text-align: center;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.evergreen-header-alert-nav.nav-style-button a:hover {
    background-color: #005177;
}

/* Adaptive link style - matches Astra menu links exactly */
.menu-item.evergreen-header-alert-nav a {
    background: #FFCD57 !important;
    color: white !important;
    font-weight: inherit !important;
    text-decoration: none !important;
    padding: 8px 10px !important;
    border-radius: 2px !important;
    border:none;
    display: inline-block;
    line-height: inherit !important;
    box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.38);
    transition: color 0.2s ease, text-decoration 0.2s ease;
}

.menu-item.evergreen-header-alert-nav a:hover,
.menu-item.evergreen-header-alert-nav a:focus {
    color: #FFCD57 !important; !important;
    background: #F1EAD7 !important;
    text-decoration: none !important;
}

/* Match Astra's nav spacing */
.evergreen-header-alert-nav.nav-style-link {
    margin: 0 !important;
    padding: 0 !important;
}

/* Mobile tweak for button layout */
@media (max-width: 768px) {
    .evergreen-header-alert-nav.nav-style-button a {
        display: block;
        margin: 10px 0;
    }
}