/* ============================================================
   nav-footer.css
   Single source of truth for the global header, footer, language
   switcher, share buttons, and scroll-to-top button.
   Generated from the homepage (index.php) canonical styles so every
   page on the site matches the homepage exactly.
   Declarations are !important so this file reliably wins over the
   old per-page duplicated/drifted copies until those are cleaned up.
   ============================================================ */

:root{
--forest:#1B3A2D !important; --forest-mid:#2A5741 !important; --forest-lt:#3D7A5A !important; --forest-pale:#C8DDD4 !important;
--copper:#B5621E !important; --copper-lt:#D4834A !important; --copper-pale:#F0DACE !important;
--chalk:#F4F1EC !important; --chalk-warm:#EDE8DF !important; --chalk-cool:#FAFAF8 !important;
--carbon:#1A1A18 !important; --carbon-mid:#333330 !important; --carbon-lt:#5C5C58 !important; --carbon-fade:#9C9C96 !important;
--amber:#D4A017 !important; --amber-pale:#F5E8C0 !important;
--rule:rgba(26,26,24,.1) !important; --rule-dark:rgba(244,241,236,.12) !important;
--ff-h:'Anton','Bebas Neue',Impact,sans-serif !important;
--ff-b:'Nunito Sans',system-ui,sans-serif !important;
--ff-m:'JetBrains Mono','Courier New',monospace !important;
--pad:52px !important; --max:1400px !important;
}

.site-nav{position:sticky !important;top:0 !important;z-index:200 !important;border-bottom:3px solid var(--copper) !important;padding:0 var(--pad) !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:24px !important;}

.nav-logo{display:inline-flex !important;align-items:center !important;text-decoration:none !important;cursor:default !important;}

.nav-logo .acc{color:var(--copper-lt) !important;}

.nav-right{display:flex !important;align-items:center !important;gap:6px !important;}

.hh-actions{display:flex !important;align-items:center !important;justify-content:center !important;flex-wrap:nowrap !important;gap:10px !important;}

.hh-actions .custom-btn,.hh-actions .custom-btn-alt{flex-shrink:1 !important;}

.nav-dropdown{position:absolute !important;top:73px !important;right:var(--pad) !important;background:var(--carbon-mid) !important;border:1px solid rgba(244,241,236,.1) !important;border-top:3px solid var(--copper) !important;min-width:260px !important;z-index:300 !important;display:none !important;flex-direction:column !important;}

.nav-dropdown.open{display:flex !important;}

.nav-dd-item{background:none !important;border:none !important;border-bottom:1px solid rgba(244,241,236,.06) !important;color:rgba(244,241,236,.6) !important;font-family:var(--ff-b) !important;font-size:12px !important;font-weight:600 !important;letter-spacing:.5px !important;text-transform:uppercase !important;padding:14px 20px !important;cursor:pointer !important;text-align:left !important;transition:all .2s !important;display:block !important;width:100% !important;}

.nav-dd-item:hover{color:var(--copper-lt) !important;background:rgba(244,241,236,.04) !important;}

.nav-dd-item:last-child{border-bottom:none !important;}

@media(max-width:640px) {
.lang-select{display:none !important;}
.nav-dropdown{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;min-width:unset !important;border:none !important;border-top:none !important;background:var(--carbon) !important;z-index:500 !important;overflow-y:auto !important;padding:80px 0 40px !important;}
.nav-dropdown.open{display:flex !important;flex-direction:column !important;}
.nav-dd-item{font-size:16px !important;padding:20px var(--pad) !important;border-bottom:1px solid rgba(244,241,236,.08) !important;letter-spacing:.5px !important;}
.nav-dd-mobile-close{display:flex !important;}
}

.nav-dd-mobile-close{display:none !important;background:none !important;border:none !important;color:rgba(244,241,236,.5) !important;font-family:var(--ff-m) !important;font-size:10px !important;letter-spacing:2px !important;text-transform:uppercase !important;padding:16px var(--pad) !important;cursor:pointer !important;text-align:right !important;position:absolute !important;top:16px !important;right:20px !important;}

.nav-dd-divider{height:1px !important;background:rgba(244,241,236,.1) !important;margin:8px 0 !important;}

.nav-dd-section{font-family:var(--ff-m) !important;font-size:9px !important;letter-spacing:2px !important;text-transform:uppercase !important;color:rgba(244,241,236,.3) !important;padding:16px var(--pad) 6px !important;}

.share-container{background:transparent !important;border-top:1px solid rgba(244,241,236,.15) !important;padding:28px 0 0 !important;margin-top:28px !important;text-align:center !important;}

.share-footer{border-top:none !important;padding:0 !important;margin-top:0 !important;}

.share-title{font-family:var(--ff-h) !important;font-size:20px !important;letter-spacing:2px !important;color:rgba(244,241,236,.65) !important;margin-bottom:16px !important;text-transform:uppercase !important;text-align:center !important;}

.share-footer .share-title{font-size:14px !important;margin-bottom:0 !important;color:rgba(244,241,236,.55) !important;white-space:nowrap !important;flex-shrink:0 !important;}

.share-buttons{display:flex !important;flex-direction:column !important;gap:20px !important;align-items:center !important;}

.share-footer .share-buttons{flex-direction:row !important;flex-wrap:nowrap !important;gap:6px !important;align-items:center !important;justify-content:flex-end !important;overflow-x:auto !important;scrollbar-width:none !important;-ms-overflow-style:none !important;}

.share-footer .share-buttons::-webkit-scrollbar{display:none !important;}

.share-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;padding:9px 16px !important;font-family:var(--ff-b) !important;font-size:12px !important;letter-spacing:.5px !important;text-transform:uppercase !important;border:1px solid rgba(244,241,236,.2) !important;background:transparent !important;color:rgba(244,241,236,.7) !important;text-decoration:none !important;cursor:pointer !important;transition:all .2s !important;border-radius:4px !important;font-weight:600 !important;width:100% !important;}

.share-footer .share-btn{width:auto !important;padding:6px 10px !important;font-size:11px !important;border:none !important;background:transparent !important;white-space:nowrap !important;flex-shrink:0 !important;}

.share-btn:hover{background:rgba(244,241,236,.1) !important;color:var(--chalk) !important;border-color:rgba(244,241,236,.4) !important;}

.share-btn.copy{border-color:rgba(181,98,30,.6) !important;color:var(--copper-lt) !important;}

.share-btn.copy:hover{background:rgba(181,98,30,.2) !important;color:var(--copper-lt) !important;border-color:var(--copper-lt) !important;}

.share-btn.twitter:hover{background:rgba(29,161,242,.2) !important;color:#fff !important;border-color:rgba(29,161,242,.7) !important;}

.share-btn.facebook:hover{background:rgba(24,119,242,.2) !important;color:#fff !important;border-color:rgba(24,119,242,.7) !important;}

.share-btn.linkedin:hover{background:rgba(10,102,194,.2) !important;color:#fff !important;border-color:rgba(10,102,194,.7) !important;}

.share-btn.email:hover{background:rgba(181,98,30,.2) !important;color:var(--copper-lt) !important;border-color:rgba(181,98,30,.7) !important;}

.site-footer{color:var(--chalk) !important;padding:56px var(--pad) 24px !important;}

.sf-inner{max-width:var(--max) !important;margin:0 auto !important;}

.sf-top{display:grid !important;grid-template-columns:2fr 1fr 1fr 1fr !important;gap:40px !important;padding-bottom:40px !important;border-bottom:1px solid rgba(244,241,236,.1) !important;}

@media(max-width:900px) {
.sf-top{grid-template-columns:1fr 1fr !important;}
}

@media(max-width:580px) {
.sf-top{grid-template-columns:1fr !important;}
}

.sf-brand{}

.sf-brand-logo{display:block !important;margin-bottom:12px !important;}

.sf-brand-logo .acc{color:var(--copper-lt) !important;}

.sf-brand-desc{font-size:13px !important;color:rgba(244,241,236,.5) !important;line-height:1.7 !important;margin-bottom:20px !important;max-width:300px !important;}

.sf-social{display:flex !important;gap:8px !important;flex-wrap:wrap !important;}

.sf-social-link{font-family:var(--ff-m) !important;font-size:10px !important;letter-spacing:.5px !important;color:rgba(244,241,236,.4) !important;border:1px solid rgba(244,241,236,.1) !important;padding:5px 10px !important;text-decoration:none !important;transition:all .2s !important;}

.sf-social-link:hover{color:var(--copper-lt) !important;border-color:var(--copper-lt) !important;}

.sf-col-title{font-family:var(--ff-m) !important;font-size:10px !important;letter-spacing:2px !important;text-transform:uppercase !important;color:rgba(244,241,236,.3) !important;margin-bottom:16px !important;}

.sf-col-links{display:flex !important;flex-direction:column !important;gap:10px !important;}

.sf-col-links a{font-size:13px !important;color:rgba(244,241,236,.55) !important;text-decoration:none !important;transition:color .2s !important;}

.sf-col-links a:hover{color:var(--copper-lt) !important;}

.sf-col-links button{background:none !important;border:none !important;font-size:13px !important;color:rgba(244,241,236,.55) !important;cursor:pointer !important;padding:0 !important;text-align:left !important;transition:color .2s !important;font-family:var(--ff-b) !important;}

.sf-col-links button:hover{color:var(--copper-lt) !important;}

.sf-bottom{display:flex !important;align-items:center !important;justify-content:space-between !important;flex-wrap:wrap !important;gap:20px !important;padding-top:24px !important;font-family:var(--ff-m) !important;font-size:11px !important;letter-spacing:.3px !important;color:rgba(244,241,236,.25) !important;}

.sf-bottom-center{display:flex !important;align-items:center !important;justify-content:center !important;flex:1 !important;}

.sf-bottom a{color:rgba(244,241,236,.35) !important;text-decoration:none !important;transition:color .2s !important;}

.sf-bottom a:hover{color:var(--copper-lt) !important;}

.sf-bottom-links{display:flex !important;gap:16px !important;flex-wrap:wrap !important;white-space:nowrap !important;}

.stt{position:fixed !important;bottom:24px !important;right:24px !important;z-index:100 !important;width:40px !important;height:40px !important;background:var(--carbon) !important;color:var(--chalk) !important;border:1px solid rgba(244,241,236,.15) !important;display:flex !important;align-items:center !important;justify-content:center !important;font-family:var(--ff-m) !important;font-size:13px !important;cursor:pointer !important;transition:all .2s !important;opacity:0 !important;pointer-events:none !important;}

.stt.show{opacity:1 !important;pointer-events:all !important;}

.stt:hover{background:var(--copper) !important;border-color:var(--copper) !important;}

.lang-select{position:relative !important;display:flex !important;align-items:center !important;}

.lang-btn{background:none !important;border:1px solid rgba(244,241,236,.2) !important;color:rgba(244,241,236,.7) !important;font-family:var(--ff-m) !important;font-size:10px !important;letter-spacing:.5px !important;padding:6px 10px 6px 12px !important;cursor:pointer !important;display:flex !important;align-items:center !important;gap:6px !important;transition:all .2s !important;white-space:nowrap !important;}

.lang-btn:hover{border-color:var(--copper-lt) !important;color:var(--copper-lt) !important;}

.lang-btn .lang-globe{font-size:13px !important;line-height:1 !important;}

.lang-btn .lang-caret{font-size:8px !important;opacity:.5 !important;transition:transform .2s !important;}

.lang-select.open .lang-btn .lang-caret{transform:rotate(180deg) !important;}

.lang-select.open .lang-btn{border-color:var(--copper-lt) !important;color:var(--copper-lt) !important;}

.lang-dropdown{position:absolute !important;top:calc(100% + 6px) !important;left:0 !important;background:var(--carbon-mid) !important;border:1px solid rgba(244,241,236,.12) !important;border-top:2px solid var(--copper) !important;min-width:190px !important;z-index:400 !important;display:none !important;flex-direction:column !important;box-shadow:0 8px 24px rgba(0,0,0,.35) !important;}

.lang-select.open .lang-dropdown{display:flex !important;}

.lang-dd-item{background:none !important;border:none !important;border-bottom:1px solid rgba(244,241,236,.06) !important;color:rgba(244,241,236,.55) !important;font-family:var(--ff-m) !important;font-size:10px !important;letter-spacing:.5px !important;padding:11px 14px !important;cursor:pointer !important;text-align:left !important;display:flex !important;align-items:center !important;gap:10px !important;transition:all .2s !important;text-decoration:none !important;}

.lang-dd-item:last-child{border-bottom:none !important;}

.lang-dd-item:hover{color:var(--copper-lt) !important;background:rgba(244,241,236,.04) !important;}

.lang-dd-item.active{color:var(--chalk) !important;font-weight:600 !important;}

.lang-dd-item .lang-flag{font-size:14px !important;flex-shrink:0 !important;}

.lang-dd-item .lang-name{flex:1 !important;}

.lang-dd-item .lang-badge{font-size:7px !important;letter-spacing:.5px !important;background:rgba(244,241,236,.08) !important;color:rgba(244,241,236,.3) !important;padding:1px 5px !important;text-transform:uppercase !important;}
