/* Shared header styling for EVERY page (including contact.html, which does not load
   style.css). Loaded last in <head>. Identical in en/pt/fr - after editing, copy to
   pt/ and fr/ and run python3 scripts/bump_css_version.py */

/* Company logo (unchanged artwork): larger, with a thin white outline so the
   red "WorldSecure" lettering stays readable on dark photos */
nav .nav-logo img{height:70px;width:auto;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 2px rgba(255,255,255,0.9))}
@media(max-width:768px){nav .nav-logo img{height:52px}}

/* Language switcher: same look on every page (white on the dark menu) */
nav .flag-btn:hover{border-color:rgba(255,255,255,0.3)}
nav .flag-btn.active{border-color:rgba(255,255,255,0.5);background:rgba(255,255,255,0.1)}
nav .flag-label{color:rgba(255,255,255,0.85)}

/* Readable labels on dark sections (WCAG AA contrast >= 4.5:1) */
.portfolio-col-tag{color:#ff6b70}

/* Footer: LinkedIn company page link */
.footer-links{align-items:center}
.footer-social{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:-6px 0;color:rgba(255,255,255,0.6);transition:color .2s}
.footer-social svg{width:18px;height:18px}
.footer-social:hover,.footer-social:focus-visible{color:#fff}