/* PandaPay header accordion. Standalone so the compiled production CSS remains untouched. */
.c-header_nav .pp-nav__list,.c-header_nav .pp-nav__sublist{margin:0;padding:0;list-style:none}
.c-header_nav .pp-nav__item{display:block;overflow:visible;padding:0;border:0;line-height:1.3;font-size:1rem}
.c-header_nav .pp-nav__line{display:flex;align-items:center;min-height:35px;gap:8px;position:relative}
.c-header_nav .pp-nav__link{display:block;flex:1;min-width:0;padding:6px 0;line-height:1.3;transform:none!important;transition:color .18s ease!important}
.c-header_nav .pp-nav__link:hover,.c-header_nav .pp-nav__link:focus-visible{text-decoration:underline;text-underline-offset:4px}
.c-header_nav .pp-nav__placeholder{cursor:default}
.c-header_nav .pp-nav__toggle{flex:0 0 35px;display:flex;align-items:center;justify-content:center;width:35px;height:35px;color:inherit;cursor:pointer;border:0;background:transparent;border-radius:3px;position:relative}
.c-header_nav .pp-nav__toggle:hover,.c-header_nav .pp-nav__toggle:focus-visible{outline:1px solid currentColor;outline-offset:-3px}
.c-header_nav .pp-nav__toggle-icon{width:11px;height:11px;position:relative;display:block}
.c-header_nav .pp-nav__toggle-icon:before,.c-header_nav .pp-nav__toggle-icon:after{content:"";display:block;position:absolute;top:50%;left:0;width:11px;height:1.5px;background:currentColor;transition:transform .2s ease}
.c-header_nav .pp-nav__toggle-icon:after{transform:rotate(90deg)}
.c-header_nav .pp-nav__toggle[aria-expanded="true"] .pp-nav__toggle-icon:after{transform:rotate(0)}
.c-header_nav .pp-nav__sublist{padding:2px 0 8px 15px;border-left:1px solid rgba(255,255,255,.25);margin-left:3px}
.c-header_nav .pp-nav__level-2{padding-left:16px;margin-left:4px}
.c-header_nav .pp-nav__depth-0>.pp-nav__line>.pp-nav__link{font-weight:500}
.c-header_nav .pp-nav__depth-1>.pp-nav__line>.pp-nav__link{font-size:.92rem}
.c-header_nav .pp-nav__depth-2>.pp-nav__line>.pp-nav__link{font-size:.83rem;opacity:.9}
.pp-nav-js .c-header_nav .pp-nav__sublist:not(.is-open){display:none}
/* Fixed logo and footer; only the middle list scrolls. Old Header.js can still control open/close. */
html.has-header-open .c-header_inner{height:min(720px,100vh)!important;max-height:100vh!important;overflow:hidden!important;background:#000!important;color:#fff!important}
@supports(height:100dvh){html.has-header-open .c-header_inner{height:min(720px,100dvh)!important;max-height:100dvh!important}}
html.has-header-open .c-header_expand{top:60px;left:0;right:0;bottom:0;width:100%;padding:17px 20px 0;display:flex;flex-direction:column;min-height:0;overflow:hidden}
html.has-header-open .c-header_nav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.4) transparent;padding:0 5px 15px 0}
html.has-header-open .c-header_nav::-webkit-scrollbar{width:4px}
html.has-header-open .c-header_nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.4)}
html.has-header-open .c-header_socials{flex:0 0 auto;min-height:60px;margin-left:-7px;padding:13px 0 18px;border-top:1px solid rgba(255,255,255,.14)}
html.has-header-open .c-header_langswitcher{color:#fff;bottom:18px}
html.has-header-open .c-header_langswitcher .c-form_select_input{color:#fff}
@media(max-width:699px){html.has-header-open .c-header_inner{height:100vh!important;max-height:100vh!important}html.has-header-open .c-header_expand{padding:15px 20px 0}html.has-header-open .c-header_nav .pp-nav__line{min-height:40px}}
@supports(height:100dvh){@media(max-width:699px){html.has-header-open .c-header_inner{height:100dvh!important;max-height:100dvh!important}}}
@media(prefers-reduced-motion:reduce){.c-header_nav .pp-nav__toggle-icon:after{transition:none}}


/* 28 Sept: native WP menu compatibility with legacy compiled main.css. */
/* main.css shrinks root items 3 to 7 using :nth-child; do not let that hit WP headings. */
.c-header_nav .pp-nav__list > .pp-nav__item,
.c-header_nav .pp-nav__list > .pp-nav__item:nth-child(n+3):nth-child(-n+7) {
    font-size: 1.05rem !important;
    line-height: 1.35 !important;
    overflow: visible !important;
    padding: 0 !important;
}
.c-header_nav .pp-nav__list > .pp-nav__item > .pp-nav__line > .pp-nav__link,
.c-header_nav .pp-nav__list > .pp-nav__item > .pp-nav__line > .pp-nav__placeholder {
    font-size: 1.05rem !important;
    line-height: 1.35 !important;
    font-weight: 500;
    padding: 9px 0 !important;
}
.c-header_nav .pp-nav__sublist > .pp-nav__item {
    font-size: .96rem !important;
    line-height: 1.35 !important;
    overflow: visible !important;
    padding: 0 !important;
}
.c-header_nav .pp-nav__sublist .pp-nav__line > .pp-nav__link,
.c-header_nav .pp-nav__sublist .pp-nav__line > .pp-nav__placeholder {
    font-size: .96rem !important;
    line-height: 1.35 !important;
    padding: 7px 0 !important;
}
.c-header_nav .pp-nav__level-2 > .pp-nav__item,
.c-header_nav .pp-nav__level-2 > .pp-nav__item > .pp-nav__line > .pp-nav__link {
    font-size: .88rem !important;
}
/* Restore the arrow/plus in each WP item with children, regardless of legacy link animation. */
.c-header_nav .pp-nav__has-children > .pp-nav__line > .pp-nav__toggle {
    display: flex !important;
    flex: 0 0 36px !important;
    width: 36px !important;
    min-width: 36px;
    height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: currentColor !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.c-header_nav .pp-nav__list,
.c-header_nav .pp-nav__sublist { list-style:none !important; }
.c-header_nav .pp-nav__sublist { overflow: visible !important; }
/* Never show a collapsed list until its own toggle is activated. */
.pp-nav-js .c-header_nav .pp-nav__sublist:not(.is-open) { display: none !important; }
.pp-nav-js .c-header_nav .pp-nav__sublist.is-open { display: block !important; }

/* PandaPay - prevent the accordion controls from leaking outside the closed header. */
/* Legacy header reveals items with transform; new accordion links deliberately disable
   that transform, so the entire expandable panel must be hidden when closed. */
html:not(.has-header-open) .c-header .c-header_expand {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
html.has-header-open .c-header .c-header_expand {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
