/* Shared header & footer styles for SV Hirelink (used by all pages) */
/* Header / Nav */
header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #e4e1dc;transition:box-shadow .3s ease, background-color .3s ease}
header.scrolled{box-shadow:0 10px 30px rgba(0,0,0,.08);background:rgba(255,255,255,.97)}
nav{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;max-width:1240px;margin:0 auto}
.logo{display:flex;align-items:center;gap:12px;font-family:Inter,Arial,sans-serif;font-weight:700;transition:transform .25s ease}
.logo:hover{transform:scale(1.02)}
.logo .mark{width:52px;height:52px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.logo .mark img{width:80px;height:80px;object-fit:contain;border-radius:0}
.logo .name{font-size:15px;letter-spacing:1px;line-height:1.15}
.logo .name span{display:block;font-size:10px;letter-spacing:1.6px;color:#6b6663;text-transform:uppercase}
.navlinks{display:flex;align-items:center;gap:36px}
.navlinks a:not(.nav-cta){position:relative;font-size:13px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:#231f20;transition:color .25s ease}
.navlinks a:not(.nav-cta)::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#c40101;transition:width .25s ease}
.navlinks a:not(.nav-cta):hover{color:#c40101}
.navlinks a:not(.nav-cta):hover::after{width:100%}
.nav-cta{background:#c40101;color:#fff;padding:11px 22px;border-radius:10px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:transform .25s ease, background-color .25s ease, box-shadow .25s ease}
.nav-cta:hover{background:#920101;transform:translateY(-2px);box-shadow:0 6px 18px rgba(196,1,1,.3)}
.navtoggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;transition:transform .2s ease}
.navtoggle:hover{transform:scale(1.1)}

/* Footer */
footer{background:#151311;color:#a39d98;padding:58px 0 24px}
.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:56px;padding-bottom:50px;border-bottom:1px solid #2c2926}
.footer-brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:16px;font-weight:700}
.footer-brand .mark img{width:56px;height:56px;object-fit:cover;border-radius:14px;transition:transform .3s ease}
.footer-brand:hover .mark img{transform:rotate(4deg) scale(1.05)}
.footer-copy{max-width:330px;font-size:15px;line-height:1.65;margin-top:18px}
.footer-title{font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin:7px 0 18px}
.footer-list{display:grid;gap:12px;font-size:14px}
.footer-list a{color:inherit;transition:color .2s ease, transform .2s ease;display:inline-block}
.footer-list a:hover{color:#fff;transform:translateX(4px)}
.footer-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.3px;padding-top:18px}
.footer-row a{margin-left:24px;color:#fff;font-weight:600;transition:color .2s ease}
.footer-row a:hover{color:var(--red, #c40101)}
.footer-row .footer-credit{margin-left:0}

/* Responsive adjustments */
@media (max-width:900px){
  .navlinks{position:fixed;top:64px;left:0;right:0;background:#fff;flex-direction:column;padding:20px 22px;border-bottom:1px solid #e4e1dc;gap:0;display:none;box-shadow:0 12px 30px rgba(0,0,0,.15);animation:fadeInDown .25s ease}
  @keyframes fadeInDown { from { opacity:0; transform:translateY(-10px); } to { opacity:1; transform:translateY(0); } }
  .navlinks.open{display:flex}
  .navlinks a{padding:14px 0;border-bottom:1px solid #e4e1dc;width:100%}
  .navtoggle{display:block}
  .footer-main{grid-template-columns:1fr;gap:26px;padding-bottom:30px}
  .footer-row{align-items:flex-start;gap:16px;flex-direction:column;padding-top:22px}
}