/* The fixed header leaves its Elementor column empty; remove its default 1px height. */
.elementor-location-header .elementor-column:has(.procoves-header) {
    min-height: 0;
}

.procoves-header {
    --ph-background: var(--e-global-color-primary, #10212d);
    --ph-red: #eb2128;
    --ph-top: 0px;
    position: fixed;
    inset: var(--ph-top) 0 auto;
    width: 100%;
    z-index: 9999;
    color: #fff;
    background: transparent;
    font-family: "FuturaLT", sans-serif;
    line-height: 1.4;
    text-align: left;
    transition: background-color .2s ease;
}
.procoves-header, .procoves-header * { box-sizing: border-box; }
.procoves-header ul { list-style: none; margin: 0; padding: 0; }
.procoves-header li::before { content: none !important; }
.procoves-header a { color: #fff; text-decoration: none; }
.procoves-header a:hover, .procoves-header a:focus { color: #fff; }
.procoves-header a:focus-visible, .procoves-header button:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
.procoves-header [hidden] { display: none !important; }
.procoves-header__bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(20px, 2vw, 40px);
    min-height: 116px;
    padding: 20px clamp(16px, 1vw, 24px);
    transition: min-height .2s ease, padding .2s ease;
}
.procoves-header__logos { display: flex; align-items: flex-end; gap: clamp(24px, 1.6vw, 32px); flex-shrink: 0; }
.procoves-header__brand { display: block; width: clamp(250px, 18.6vw, 355px); }
.procoves-header__marmon { display: block; width: clamp(158px, 11vw, 210px); }
.procoves-header__logos img { display: block; width: 100%; max-width: 100%; height: auto; }
.procoves-header__panel { display: flex; align-items: center; gap: clamp(24px, 2vw, 40px); min-width: 0; }
.procoves-header__menu { display: flex; align-items: center; gap: clamp(18px, 2.2vw, 44px); }
.procoves-header__menu li { position: relative; }
.procoves-header__menu > li { display: flex; align-items: center; }
.procoves-header__menu a { position: relative; display: block; padding: 10px 0; font-size: 15px; font-weight: 700; white-space: nowrap; }
.procoves-header__menu a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 5px; /* Account for the link's 10px bottom padding. */
    height: 1px;
    width: 0;
    background-color: #de2324;
    transform: translateX(-50%);
    transition: width .3s ease-in-out;
    pointer-events: none;
}
.procoves-header__menu a:hover::after,
.procoves-header__menu a:focus-visible::after,
.procoves-header__menu .current-menu-item > a::after,
.procoves-header__menu .current-menu-ancestor > a::after { width: 50px; }
.procoves-header__menu .sub-menu { position: absolute; top: 100%; right: 0; min-width: 190px; padding: 12px 20px; background: var(--ph-background); box-shadow: 0 12px 20px rgb(0 0 0 / 12%); visibility: hidden; opacity: 0; }
.procoves-header__menu .sub-menu .sub-menu { top: 0; right: 100%; }
.procoves-header__menu .sub-menu a { font-size: 14px; }
.procoves-header__menu .sub-menu .menu-item-has-children { display: grid; grid-template-columns: 1fr 28px; align-items: center; }
.procoves-header__menu li.is-submenu-open > .sub-menu { visibility: visible; opacity: 1; }
.procoves-header:not(.is-ready) .procoves-header__menu li:hover > .sub-menu,
.procoves-header:not(.is-ready) .procoves-header__menu li:focus-within > .sub-menu { visibility: visible; opacity: 1; }
.procoves-header button { font: inherit; color: #fff; background: transparent; border: 0; border-radius: 0; box-shadow: none; cursor: pointer; }
.procoves-header__submenu-toggle { display: inline-flex; align-items: center; justify-content: center; width: 28px; min-height: 40px; padding: 0; }
.procoves-header__submenu-toggle::after { content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid currentColor; }
.procoves-header__submenu-toggle[aria-expanded="true"]::after { transform: rotate(180deg); }
.procoves-header__languages ul { display: flex; align-items: center; gap: 16px; }
.procoves-header__languages a, .procoves-header__languages span { display: block; padding: 10px 0; font-size: 15px; }
.procoves-header .procoves-header__current-language { color: var(--ph-red); font-weight: 700; }
.procoves-header.is-scrolled, .procoves-header.is-open { background: var(--ph-background); }
.procoves-header.is-scrolled .procoves-header__bar { min-height: 98px; padding-top: 16px; padding-bottom: 16px; }
.procoves-header__burger { display: none; width: 44px; height: 44px; padding: 9px 7px; flex-shrink: 0; }
.procoves-header__burger span { display: block; height: 2px; width: 30px; margin: 6px 0; background: currentColor; transition: transform .2s ease, opacity .2s ease; }
.procoves-header.is-open .procoves-header__burger span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.procoves-header.is-open .procoves-header__burger span:nth-child(2) { opacity: 0; }
.procoves-header.is-open .procoves-header__burger span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
body.admin-bar .procoves-header { --ph-top: 32px; }
/*RESPONSIVE*/

/*mobile and tablet*/
@media (max-width: 1023px) {
    .procoves-header__menu a::after { content: none; }
    .procoves-header__bar, .procoves-header.is-scrolled .procoves-header__bar { min-height: 88px; padding: 16px 24px; }
    .procoves-header__brand, .procoves-header.is-scrolled .procoves-header__brand { width: clamp(160px, 24vw, 250px); }
    .procoves-header__marmon { width: clamp(120px, 17vw, 170px); }
    .procoves-header.is-ready .procoves-header__burger { display: block; }
    .procoves-header.is-ready .procoves-header__panel {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        max-height: calc(100vh - var(--ph-top) - var(--ph-height, 88px));
        max-height: calc(100dvh - var(--ph-top) - var(--ph-height, 88px));
        overflow-y: auto;
        overscroll-behavior: contain;
        padding: 24px;
        background-color: var(--ph-background);
        background-image: url('/wp-content/uploads/2022/01/footer-bg.png');
        background-position: left;
        background-repeat: no-repeat;
        background-size: contain;
        visibility: hidden;
        opacity: 0;
        transform: translateX(-100%);
        transition: transform .25s ease, opacity .25s ease, visibility .25s;
    }
    .procoves-header.is-open .procoves-header__panel { visibility: visible; opacity: 1; transform: translateX(0); }
    .procoves-header__panel { flex-direction: column; align-items: flex-start; gap: 24px; }
    .procoves-header__nav, .procoves-header__menu { width: 100%; }
    .procoves-header__menu { flex-direction: column; align-items: stretch; gap: 8px; }
    .procoves-header__menu > li { display: block; }
    .procoves-header__menu .sub-menu .menu-item-has-children { display: block; }
    .procoves-header__menu a { font-size: 18px; white-space: normal; padding-right: 44px; }
    .procoves-header__submenu-toggle { position: absolute; right: 0; top: 0; width: 44px; min-height: 44px; }
    .procoves-header__menu .sub-menu, .procoves-header__menu .sub-menu .sub-menu { display: none; position: static; min-width: 0; padding: 4px 0 4px 24px; background: transparent; box-shadow: none; }
    .procoves-header__menu li.is-submenu-open > .sub-menu,
    .procoves-header:not(.is-ready) .procoves-header__menu .sub-menu { display: block; visibility: visible; opacity: 1; }
    .procoves-header__menu .sub-menu a { font-size: 16px; }
    .procoves-header:not(.is-ready) .procoves-header__bar { flex-wrap: wrap; background: var(--ph-background); }
}
@media (max-width: 782px) { body.admin-bar .procoves-header { --ph-top: 46px; } }
@media (max-width: 600px) { body.admin-bar .procoves-header { --ph-top: var(--ph-admin-offset, 46px); } }
/*phone*/
@media (max-width: 767px) {
    .procoves-header__bar, .procoves-header.is-scrolled .procoves-header__bar { min-height: 76px; padding: 12px 16px; gap: 8px; }
    .procoves-header__logos { gap: 12px; min-width: 0; }
    .procoves-header__brand, .procoves-header.is-scrolled .procoves-header__brand { width: clamp(110px, 30vw, 200px); }
    .procoves-header__marmon { width: clamp(92px, 24vw, 140px); }
    .procoves-header.is-ready .procoves-header__panel { padding: 20px 16px; }
}
@media (prefers-reduced-motion: reduce) { .procoves-header, .procoves-header *, .procoves-header__menu a::after { transition: none !important; } }



/*tablet*/
@media (min-width: 768px) and (max-width: 1023px) {
    .procoves-header__menu a { font-size: 20px; }
}

/*desktop*/
@media (min-width: 1025px) {
    .procoves-header__panel { flex-direction: row; }
}

/*laptop 1 — 1024px also uses the horizontal menu.*/
@media (min-width: 1024px) and (max-width: 1439px) {
    .procoves-header__bar { gap: 12px; padding-left: 16px; padding-right: 16px; }
    .procoves-header__logos { gap: 12px; }
    .procoves-header__brand { width: clamp(160px, 16vw, 230px); }
    .procoves-header__marmon { width: clamp(96px, 9.5vw, 135px); }
    .procoves-header__panel { gap: 12px; }
    .procoves-header__nav { min-width: 0; }
    .procoves-header__menu { gap: clamp(8px, 1vw, 14px); }
    .procoves-header__menu > li > a { font-size: 13px; white-space: normal; }
    .procoves-header__submenu-toggle { width: 24px; flex-shrink: 0; }
    .procoves-header__languages { flex-shrink: 0; }
    .procoves-header__languages ul { gap: 10px; }
    .procoves-header__languages a, .procoves-header__languages span { font-size: 13px; }
}

/*laptop 2*/
@media (min-width: 1440px) and (max-width: 1700px) {
    .procoves-header__bar, .procoves-header__panel { gap: 24px; }
    .procoves-header__logos { gap: 24px; }
    .procoves-header__brand { width: clamp(240px, 18vw, 300px); }
    .procoves-header__marmon { width: clamp(150px, 11vw, 187px); }
    .procoves-header__menu { gap: clamp(18px, 1.5vw, 24px); }
}

/*RESPONSIVE*/