/* Parentif chrome: layout for the header, menu, drawer, cookie note (colours and type come from pfg.css) */
.pfn{position:sticky;top:0;z-index:999;font-family:Inter,system-ui,sans-serif}
.admin-bar .pfn{top:32px}
.pfn *{box-sizing:border-box}
.pfn ul{list-style:none;margin:0;padding:0}
.pfn a{text-decoration:none}
.pfn-in{max-width:1240px;margin:0 auto;padding:0 20px}
.navbar-wrap{background:#264653;position:relative}
.navbar-wrap .navbar-inner{display:flex;align-items:center;gap:18px;min-height:78px}
.pfn .logo-wrap{flex:0 0 auto;display:flex;align-items:center}
.pfn-logo{display:inline-flex;align-items:center}
.pfn-logo img{display:block;height:40px;width:auto;max-width:224px}
.pfn-nav{flex:1 1 auto;display:flex;justify-content:center;min-width:0}
.pfn .main-menu{display:flex;align-items:center;gap:2px}
.pfn .main-menu>li{position:relative}
.pfn .main-menu>li>a{display:block;white-space:nowrap;color:#FCF1E5}
.pfn .main-menu>li.menu-item-has-children>a:after{display:none}
.pfn .main-menu .sub-menu{position:absolute;top:100%;left:0;z-index:50;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .16s,transform .16s,visibility .16s;margin-top:8px}
.pfn .main-menu>li>.sub-menu:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.pfn .main-menu li:hover>.sub-menu,.pfn .main-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.pfn .main-menu .sub-menu li{position:relative}
.pfn .main-menu .sub-menu .sub-menu{top:-12px;left:100%;margin:0 0 0 6px;min-width:280px;background:#fff;border:1px solid #F1DCC6;border-radius:18px;padding:10px;box-shadow:0 22px 44px -22px rgba(30,47,54,.55)}
.pfn .main-menu .sub-menu .sub-menu:before{content:"";position:absolute;left:-10px;top:0;bottom:0;width:10px}
.pfn .main-menu .sub-menu li.menu-item-has-children>a:after{content:"›";margin-left:auto;font-size:18px;color:#E76F51;padding-left:10px}
.pfn .main-menu>li:nth-last-child(-n+3)>.sub-menu{left:auto;right:0}
.pfn .main-menu>li:nth-last-child(-n+3)>.sub-menu .sub-menu{left:auto;right:100%;margin:0 6px 0 0}
.navbar-right{flex:0 0 auto;display:flex;align-items:center;gap:8px}
.pfn-ib{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;padding:0;flex:0 0 auto}
.pfn-ib:hover{background:rgba(255,255,255,.2)}
.pfn-burger{display:none}
.pfn-search{background:#264653;border-top:1px solid rgba(255,255,255,.12);padding:14px 0}
.pfn-sf{display:flex;align-items:center;background:#fff;border:1px solid #F1DCC6;border-radius:999px;overflow:hidden;max-width:640px;margin:0 auto}
.pfn-sf input{flex:1;min-width:0;border:0;background:transparent;padding:13px 18px;font:inherit;font-size:16px;color:#1E2F36;outline:0}
.pfn-sf button{border:0;background:#E76F51;color:#fff;width:46px;height:46px;border-radius:50%;margin:3px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}
/* drawer */
.mobile-collapse{position:fixed;inset:0;z-index:100000}
.mobile-collapse[hidden]{display:none}
.pfn-shade{position:absolute;inset:0;background:rgba(30,47,54,.55)}
.mobile-collapse .collapse-holder{position:absolute;top:0;right:0;bottom:0;width:min(420px,92vw);overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:-20px 0 50px rgba(0,0,0,.25);animation:pfn-in .2s ease-out}
@keyframes pfn-in{from{transform:translateX(30px);opacity:.4}to{transform:none;opacity:1}}
.pfn-dhead{display:flex;align-items:center;justify-content:space-between;background:#264653;padding:12px 16px;position:sticky;top:0;z-index:2}
.pfn-dhead .pfn-logo img{height:32px}
.mobile-collapse .mobile-search-form{padding:16px 16px 0}
.mobile-collapse .mobile-menu>li{position:relative}
.mobile-collapse .mobile-menu>li>a{display:block;padding-right:48px}
.mobile-collapse .mobile-menu .sub-menu{display:none}
.mobile-collapse .mobile-menu li.pfn-open>.sub-menu{display:block}
.mobile-collapse .mobile-menu .sub-menu a{display:block}
.pfn-sub-t{position:absolute;right:0;top:9px;width:36px;height:36px;border-radius:50%;border:0;background:#FCF1E5;color:#264653;font-size:20px;font-weight:700;line-height:1;cursor:pointer}
html.pfn-lock{overflow:hidden}
/* cookie + top */
.pfn-ck{position:fixed;left:16px;bottom:16px;z-index:9990;max-width:400px;background:#1E2F36;color:#F7EDE2;border-radius:18px;padding:14px 16px;display:flex;align-items:center;gap:14px;box-shadow:0 18px 40px rgba(0,0,0,.3);font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.45}
.pfn-ck[hidden],.pfn-up[hidden]{display:none}
.pfn-ck p{margin:0}
.pfn-ck a{text-decoration:underline}
.pfn-ck a{color:#F4A261;font-weight:700}
.pfn-ck button{border:0;font-size:14px;border-radius:999px;background:#E76F51;color:#fff;font-weight:800;padding:10px 18px;cursor:pointer;flex:0 0 auto}
.pfn-up{position:fixed;right:18px;bottom:18px;z-index:9989;width:44px;height:44px;border-radius:50%;background:#264653;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 26px rgba(0,0,0,.25)}
.pfn-up:hover{background:#E76F51;color:#fff}
/* anchors land below the sticky bar */
.pf-theme [id]{scroll-margin-top:96px}
@media (max-width:1180px){.pfn .main-menu .sub-menu .sub-menu{display:none}.pfn .main-menu .sub-menu li.menu-item-has-children>a:after{display:none}}
@media (max-width:1024px){
 .pfn-nav{display:none}.pfn-burger{display:inline-flex}
 .navbar-wrap .navbar-inner{min-height:62px;gap:10px}
 .pfn .logo-wrap{flex:1 1 auto}.pfn-logo img{height:34px}
 .pfh-cta-wrap{margin-left:0}.pfh-cta{height:38px;padding:0 14px;font-size:13.5px}
 .pfn-in{padding:0 14px}
}
@media (max-width:782px){.admin-bar .pfn{top:46px}}
@media (max-width:600px){.admin-bar .pfn{top:0}.pfn-ck{left:10px;right:10px;max-width:none;bottom:10px}.pfn-up{bottom:84px}}
@media (max-width:380px){.pfn-search-t{display:none}}
.pfn .mobile-collapse{background:transparent!important}
@media (max-width:1024px){.navbar-right{min-width:0}.pfn .logo-wrap{min-width:0}.pfn-logo img{max-width:100%}}
@media (max-width:560px){.pfh-cta-wrap{display:none}}
.pfn-sub-t{font-size:20px}
.pfn-ib{font-size:inherit}
.pfn-sf input[type=search]{border:0;background:transparent;border-radius:0;padding:13px 18px;font-size:16px}
