:root{
    --codenixo-bar-height:0px;
    --codenixo-header-gap:8px;
    --codenixo-admin-offset:0px;
}

body.admin-bar{
    --codenixo-admin-offset:32px;
}

.codenixo-announcement-bar{
    position:fixed;
    top:var(--codenixo-admin-offset);
    right:0;
    left:0;
    z-index:2147483000;
    width:100%;
    min-height:var(--codenixo-min-height,42px);
    box-sizing:border-box;
    overflow:hidden;
    background:var(--codenixo-bg,#111);
    color:var(--codenixo-color,#fff);
    font-size:var(--codenixo-font-size,15px);
    font-weight:var(--codenixo-font-weight,500);
    line-height:1.4;
    opacity:0;
    visibility:hidden;
    transform:translateY(-3px);
    transition:opacity .16s ease,visibility .16s ease,transform .16s ease;
    -webkit-font-smoothing:antialiased;
}

.codenixo-announcement-bar.is-ready{
    opacity:1;
    visibility:visible;
    transform:none;
}

.codenixo-announcement-bar.is-closing{
    opacity:0;
    transform:translateY(-100%);
}

.codenixo-announcement-bar__inner{
    position:relative;
    width:min(100%,var(--codenixo-content-width,1440px));
    min-height:var(--codenixo-min-height,42px);
    margin:0 auto;
    padding:8px 46px;
    display:flex;
    align-items:center;
    box-sizing:border-box;
}

.codenixo-align-left .codenixo-announcement-bar__inner{
    justify-content:flex-start;
}

.codenixo-align-center .codenixo-announcement-bar__inner{
    justify-content:center;
}

.codenixo-align-right .codenixo-announcement-bar__inner{
    justify-content:flex-end;
}

.codenixo-announcement-bar__message{
    width:100%;
    max-width:100%;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:2px 8px;
    color:inherit!important;
    text-decoration:none!important;
    white-space:normal;
    transition:opacity var(--codenixo-transition,260ms) ease,transform var(--codenixo-transition,260ms) ease;
    will-change:opacity,transform;
}

.codenixo-align-left .codenixo-announcement-bar__message{
    justify-content:flex-start;
    text-align:left;
}

.codenixo-align-center .codenixo-announcement-bar__message{
    justify-content:center;
    text-align:center;
}

.codenixo-align-right .codenixo-announcement-bar__message{
    justify-content:flex-end;
    text-align:right;
}

.codenixo-announcement-bar__message:not([href]){
    cursor:default;
}

.codenixo-announcement-bar__message[href]:hover,
.codenixo-announcement-bar__message[href]:focus{
    color:inherit!important;
    opacity:.86;
    outline:none;
}

.codenixo-announcement-bar__cta{
    display:inline-block;
    flex:0 0 auto;
    color:inherit;
    font-weight:inherit;
    text-underline-offset:3px;
    text-decoration-thickness:1px;
}

.codenixo-announcement-bar__cta.is-underlined{
    text-decoration:underline;
}

.codenixo-announcement-bar__cta[hidden]{
    display:none!important;
}

.codenixo-animation-slide-up .codenixo-announcement-bar__message.is-changing{
    opacity:0;
    transform:translateY(-9px);
}

.codenixo-animation-slide-left .codenixo-announcement-bar__message.is-changing{
    opacity:0;
    transform:translateX(-14px);
}

.codenixo-animation-fade .codenixo-announcement-bar__message.is-changing{
    opacity:0;
}

.codenixo-announcement-bar__close{
    position:absolute;
    top:50%;
    right:12px;
    z-index:2;
    width:30px;
    height:30px;
    padding:0;
    display:grid;
    place-items:center;
    border:0;
    border-radius:50%;
    background:transparent;
    color:inherit;
    cursor:pointer;
    transform:translateY(-50%);
    opacity:.72;
    transition:background .15s ease,opacity .15s ease;
}

.codenixo-announcement-bar__close:hover,
.codenixo-announcement-bar__close:focus{
    background:rgba(255,255,255,.12);
    color:inherit;
    opacity:1;
    outline:none;
}

.codenixo-announcement-bar__close svg{
    width:19px;
    height:19px;
    fill:currentColor;
}

/*
 * The spacer remains directly before the theme header/site wrapper.
 * Its height reserves both the fixed bar and the optional visual gap.
 */
.codenixo-announcement-bar__spacer{
    display:none;
    width:100%;
    height:0;
    min-height:0;
    margin:0;
    padding:0;
    border:0;
    pointer-events:none;
    flex:0 0 auto;
}

body.codenixo-bar-push-content.codenixo-bar-visible .codenixo-announcement-bar__spacer{
    display:block;
    height:calc(var(--codenixo-bar-height) + var(--codenixo-header-gap));
    min-height:calc(var(--codenixo-bar-height) + var(--codenixo-header-gap));
}

/* Added by the smart header stacker. The theme's original top value is preserved. */
.codenixo-theme-header-offset{
    top:calc(var(--codenixo-theme-header-top,0px) + var(--codenixo-bar-height) + var(--codenixo-header-gap))!important;
}

/* WoodMart clone/sticky fallback while JavaScript is discovering a newly-created header. */
body.codenixo-bar-smart-header-offset.codenixo-bar-visible .whb-sticky-header.whb-clone:not(.codenixo-theme-header-offset):not(.codenixo-offset-measuring),
body.codenixo-bar-smart-header-offset.codenixo-bar-visible header.whb-header.whb-sticked>.whb-main-header:not(.codenixo-theme-header-offset):not(.codenixo-offset-measuring),
body.codenixo-bar-smart-header-offset.codenixo-bar-visible header.whb-header.whb-sticky-prepared.whb-sticked>.whb-main-header:not(.codenixo-theme-header-offset):not(.codenixo-offset-measuring){
    top:calc(var(--codenixo-admin-offset) + var(--codenixo-bar-height) + var(--codenixo-header-gap))!important;
}

@media (max-width:782px){
    body.admin-bar{
        --codenixo-admin-offset:46px;
    }
}

@media (max-width:767px){
    .codenixo-announcement-bar{
        font-size:var(--codenixo-mobile-font-size,13px);
    }

    .codenixo-announcement-bar__inner{
        padding:7px 40px 7px 14px;
    }

    .codenixo-announcement-bar__close{
        right:7px;
    }

    body.codenixo-bar-hide-mobile .codenixo-announcement-bar,
    body.codenixo-bar-hide-mobile .codenixo-announcement-bar__spacer{
        display:none!important;
    }
}

@media (min-width:768px){
    body.codenixo-bar-hide-desktop .codenixo-announcement-bar,
    body.codenixo-bar-hide-desktop .codenixo-announcement-bar__spacer{
        display:none!important;
    }
}

@media (prefers-reduced-motion:reduce){
    .codenixo-announcement-bar,
    .codenixo-announcement-bar__message{
        transition:none!important;
    }
}