/* NewsBoss header 1.1.1. Existing custom.css and Template Options CSS are preserved. */
#sp-header.newsboss-header {
    --nb-brand-background: #d0d0d0;
    --nb-navigation-background: #bf2026;
    --nb-navigation-hover: #92171c;
    --nb-header-text: #202020;
    height: auto !important;
    min-height: 0;
    padding: 0;
    position: relative;
    width: 100%;
    background: var(--nb-brand-background) !important;
    color: var(--nb-header-text);
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    overflow: visible;
}

/* The actual search/translator/auth nodes move here; no duplicate forms or IDs. */
.offcanvas-menu .nb-mobile-controls {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px 0 0;
    margin: 20px 0 0;
    border-top: 1px solid #ddd;
    min-width: 0;
}
.offcanvas-menu .nb-mobile-controls[hidden] { display: none !important; }
.offcanvas-menu .nb-mobile-controls .sp-module { margin: 0; padding: 0; }
.offcanvas-menu .nb-mobile-controls .nb-tools {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    min-width: 0;
    margin: 0;
}
.offcanvas-menu .nb-mobile-controls .nb-search,
.offcanvas-menu .nb-mobile-controls .nb-search form,
.offcanvas-menu .nb-mobile-controls .nb-search .awesomplete {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
}
.offcanvas-menu .nb-mobile-controls .nb-search input[name="q"] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    height: 44px;
    padding: 10px 38px 10px 12px;
    border: 1px solid #aaa;
    border-radius: 3px;
    color: #202020;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E") no-repeat right 11px center / 18px 18px;
    font: 16px/1.4 Arial, sans-serif;
}
.offcanvas-menu .nb-mobile-controls .nb-language {
    max-width: 100%;
    font: 13px/1.4 Arial, sans-serif;
}
.offcanvas-menu .nb-mobile-controls #google_translate_element { line-height: normal; }
.offcanvas-menu .nb-mobile-controls .goog-te-gadget-simple {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    padding: 6px;
    font-size: 13px;
    line-height: normal;
    white-space: nowrap;
}
.offcanvas-menu .nb-mobile-controls #google_translate_element img {
    display: inline-block;
    max-width: none;
    vertical-align: middle;
}
.offcanvas-menu .nb-mobile-controls .goog-te-gadget-simple a {
    display: inline-block;
    line-height: normal;
    white-space: nowrap;
}
.offcanvas-menu .nb-mobile-controls .nb-actions,
.offcanvas-menu .nb-mobile-controls .newsboss-auth-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
}
.offcanvas-menu .nb-mobile-controls .newsboss-auth-button,
.offcanvas-menu .nb-mobile-controls .sp-sign-in {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 16px;
    border: 1px solid #272727;
    border-radius: 3px;
    background: #272727;
    color: #fff;
    font: 600 14px/1.4 Arial, sans-serif;
    text-decoration: none;
}
.offcanvas-menu .nb-mobile-controls .newsboss-auth-button:hover,
.offcanvas-menu .nb-mobile-controls .sp-sign-in:hover { background: #111; color: #fff; }
.offcanvas-menu .nb-mobile-controls a:focus-visible,
.offcanvas-menu .nb-mobile-controls button:focus-visible,
.offcanvas-menu .nb-mobile-controls input:focus-visible,
.offcanvas-menu .nb-mobile-controls select:focus-visible {
    outline: 3px solid #1269bd;
    outline-offset: 3px;
}
@media (max-width: 1199.98px) {
    #sp-header.newsboss-header.nb-mobile-tools-moved .nb-nav-row { display: none; }
}
#sp-header.newsboss-header.header-sticky { position: fixed; }
#sp-header.newsboss-header .nb-container { width: 100%; padding-inline: 24px; }
#sp-header.newsboss-header .nb-brand-row { background: var(--nb-brand-background); }
#sp-header.newsboss-header .nb-brand-inner {
    display: flex;
    align-items: center;
    gap: 24px;
    min-height: 104px;
    padding-block: 18px;
}
#sp-header.newsboss-header #sp-logo {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 58%;
    margin: 0;
    padding: 0;
    border: 0;
}
#sp-header.newsboss-header .logo { height: auto !important; max-width: 100%; }
#sp-header.newsboss-header .logo > a { display: block; max-width: 100%; }
#sp-header.newsboss-header .logo img { max-width: 100%; object-fit: contain; }
#sp-header.newsboss-header .sp-module { margin: 0; }
#sp-header.newsboss-header .nb-tools {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    min-width: 0;
    margin-left: auto;
}
#sp-header.newsboss-header .nb-search { width: 270px; max-width: 100%; }
#sp-header.newsboss-header .nb-search form { margin: 0; }
#sp-header.newsboss-header .nb-search .awesomplete { display: block; width: 100%; }
#sp-header.newsboss-header .nb-search input:not([type="hidden"]):not([type="submit"]) {
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 8px 12px;
    border: 1px solid #aaa;
    border-radius: 3px;
    background: #fff;
    color: #202020;
    font: 14px/1.4 Arial, sans-serif;
}
#sp-header.newsboss-header .nb-language { max-width: 100%; font-size: 13px; }
#sp-header.newsboss-header .nb-language select { max-width: 100%; }
#sp-header.newsboss-header .nb-language .goog-te-gadget { color: #333; }
#sp-header.newsboss-header .nb-nav-row { background: var(--nb-navigation-background); }
#sp-header.newsboss-header .nb-nav-inner {
    display: flex;
    align-items: center;
    gap: 20px;
    min-height: 48px;
}
#sp-header.newsboss-header #sp-menu { flex: 1 1 auto; min-width: 0; margin: 0; padding: 0; }
#sp-header.newsboss-header #sp-menu .sp-megamenu-wrapper { justify-content: flex-start; }
#sp-header.newsboss-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: stretch;
    margin: 0;
    padding: 0;
    float: none;
}
#sp-header.newsboss-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent > li.sp-menu-item { margin: 0; flex: 0 0 auto; }
#sp-header.newsboss-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent > li.sp-menu-item > a,
#sp-header.newsboss-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent > li.sp-menu-item > span {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 48px;
    padding: 12px 13px;
    margin: 0;
    color: #fff;
    background: transparent;
    font: 600 14px/1.4 Arial, sans-serif;
    letter-spacing: 0;
    text-transform: none;
    white-space: nowrap;
    border-radius: 0;
}
#sp-header.newsboss-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent > li.sp-menu-item > a > img { max-height: 20px; width: auto; }
#sp-header.newsboss-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent > li.sp-menu-item:hover > a,
#sp-header.newsboss-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent > li.sp-menu-item:focus-within > a,
#sp-header.newsboss-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent > li.sp-menu-item.active > a {
    background: var(--nb-navigation-hover);
    color: #fff;
}
#sp-header.newsboss-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { background: #fff; border-radius: 4px; }
#sp-header.newsboss-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown .sp-menu-item > a,
#sp-header.newsboss-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown .sp-menu-item > span {
    color: #202020;
    font-size: 14px;
    padding: 10px 14px;
    white-space: normal;
}
#sp-header.newsboss-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown .sp-menu-item > a:hover,
#sp-header.newsboss-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown .sp-menu-item > a:focus { background: #f0f0f0; color: #92171c; }
#sp-header.newsboss-header #sp-menu .sp-has-child:focus-within > .sp-dropdown { display: block; }
#sp-header.newsboss-header .nb-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 12px;
    margin-left: auto;
    padding-block: 5px;
}
#sp-header.newsboss-header .nb-actions .newsboss-auth-buttons { display: flex; flex-wrap: wrap; gap: 8px; }
#sp-header.newsboss-header .nb-actions .newsboss-auth-button,
#sp-header.newsboss-header .nb-actions .sp-sign-in {
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    background: #272727;
    border: 1px solid #272727;
    border-radius: 3px;
    color: #fff;
    font: 600 14px/1.4 Arial, sans-serif;
    white-space: nowrap;
}
#sp-header.newsboss-header .nb-actions .newsboss-auth-button:hover,
#sp-header.newsboss-header .nb-actions .sp-sign-in:hover { background: #111; color: #fff; }
#sp-header.newsboss-header #offcanvas-toggler.nb-toggle {
    display: none !important;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    min-height: 0;
    line-height: 1;
    margin: 0 0 0 auto;
    padding: 9px;
    border: 1px solid #888;
    border-radius: 4px;
    background: transparent;
    color: #202020;
    cursor: pointer;
}
#sp-header.newsboss-header #offcanvas-toggler .burger-icon { display: block; width: 24px; }
#sp-header.newsboss-header #offcanvas-toggler .burger-icon > span { background: #202020; }
#sp-header.newsboss-header.nb-always-toggle #offcanvas-toggler.nb-toggle { display: inline-flex !important; margin-left: 0; }
#sp-header.newsboss-header.nb-toggle-left #offcanvas-toggler { order: -1; margin-left: 0; }
#sp-header.newsboss-header a:focus-visible,
#sp-header.newsboss-header button:focus-visible,
#sp-header.newsboss-header input:focus-visible,
#sp-header.newsboss-header select:focus-visible { outline: 3px solid #1269bd; outline-offset: 3px; }
/* Collapse before Nexio's original 992px cutoff, giving the long menu more room. */
@media (max-width: 1199.98px) {
    #sp-header.newsboss-header #sp-menu { display: none; }
    #sp-header.newsboss-header #offcanvas-toggler.nb-toggle { display: inline-flex !important; }
    #sp-header.newsboss-header:not(.nb-has-actions) .nb-nav-row { display: none; }
    #sp-header.newsboss-header .nb-brand-inner { min-height: 88px; gap: 18px; }
    #sp-header.newsboss-header .nb-nav-inner { min-height: 44px; }
}
@media (max-width: 575.98px) {
    #sp-header.newsboss-header .nb-container { padding-inline: 16px; }
    #sp-header.newsboss-header .nb-brand-inner { flex-wrap: wrap; gap: 14px; padding-block: 14px; }
    #sp-header.newsboss-header #sp-logo { max-width: calc(100% - 64px); }
    #sp-header.newsboss-header .nb-tools { order: 3; flex: 1 0 100%; width: 100%; align-items: stretch; margin: 0; }
    #sp-header.newsboss-header .nb-search { width: 100%; }
    #sp-header.newsboss-header .nb-language { align-self: flex-end; }
    #sp-header.newsboss-header .nb-actions { flex-wrap: wrap; min-width: 0; max-width: 100%; }
    #sp-header.newsboss-header .nb-actions .newsboss-auth-button { font-size: 13px; padding: 7px 10px; }
}