/* ============================================================
   EPFOIndiaa.com – Shared Layout CSS (header + footer + base)
   ============================================================ */

/* ── Reset & Base ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;color:#1E293B;background:#fff;line-height:1.7}
img{max-width:100%;height:auto;display:block}
a{color:#1565C0;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* ── Disclaimer Bar ── */
.disclaimer-bar{background:#FFF3E0;border-bottom:2px solid #FF6F00;padding:7px 20px;text-align:center;font-size:.76rem;color:#5D4037;line-height:1.5}
.disclaimer-bar strong{color:#FF6F00}

/* ── Header ── */
.site-header{background:#fff;border-bottom:3px solid #1565C0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 12px rgba(10,35,66,.1)}
.header-inner{display:flex;align-items:center;gap:16px;padding:10px 20px;max-width:1200px;margin:0 auto}
.header-logo{flex-shrink:0;line-height:0}
.header-logo img{height:44px;width:auto}
.header-search{flex:1;max-width:400px}
.search-box{display:flex;border:2px solid #1565C0;border-radius:6px;overflow:hidden}
.search-box input{border:none;outline:none;padding:9px 14px;font-size:.88rem;width:100%;font-family:inherit;color:#1E293B}
.search-box button{background:#1565C0;color:#fff;border:none;padding:0 18px;cursor:pointer;font-size:.88rem;font-weight:600;white-space:nowrap;transition:background .2s}
.search-box button:hover{background:#0A2342}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;font-size:1.6rem;color:#0A2342;padding:4px 8px;line-height:1;margin-left:auto}

/* ── Main Nav ── */
.main-nav{background:#0A2342}
.nav-inner{max-width:1200px;margin:0 auto;padding:0 20px}
.nav-menu{display:flex;list-style:none;overflow-x:auto;-webkit-overflow-scrolling:touch}
.nav-menu>li{position:relative;flex-shrink:0}
.nav-menu>li>a{display:block;color:#fff;padding:13px 16px;font-size:.84rem;font-weight:600;white-space:nowrap;transition:background .2s;text-decoration:none}
.nav-menu>li>a:hover,.nav-menu>li>a.active{background:#1565C0;text-decoration:none}
/* Dropdowns */
.nav-dropdown{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:200px;border-radius:0 0 8px 8px;box-shadow:0 8px 24px rgba(10,35,66,.15);border-top:3px solid #1565C0;z-index:500}
.nav-menu>li:hover .nav-dropdown{display:block}
.nav-dropdown a{display:block;padding:10px 18px;font-size:.83rem;color:#1E293B;border-bottom:1px solid #F0F4FA;text-decoration:none;transition:background .2s}
.nav-dropdown a:last-child{border-bottom:none}
.nav-dropdown a:hover{background:#E3F2FD;color:#1565C0}

/* ── Footer ── */
.site-footer{background:#0A2342;color:rgba(255,255,255,.78);margin-top:0}
.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr 1fr;gap:32px;max-width:1200px;margin:0 auto;padding:48px 20px 36px}
.footer-brand-col .footer-logo img{height:38px;width:auto;filter:brightness(0) invert(1);opacity:.9;margin-bottom:14px}
.footer-brand-col p{font-size:.82rem;line-height:1.7;color:rgba(255,255,255,.65)}
.footer-disc-box{margin-top:16px;padding:12px 14px;background:rgba(255,165,0,.1);border:1px solid rgba(255,165,0,.3);border-radius:6px;font-size:.75rem;line-height:1.6;color:rgba(255,255,255,.7)}
.footer-col h5{color:#fff;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin-bottom:14px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:7px}
.footer-col ul li a{font-size:.82rem;color:rgba(255,255,255,.68);display:flex;align-items:center;gap:5px;transition:color .2s;text-decoration:none}
.footer-col ul li a::before{content:'›';color:#1565C0;font-size:1rem;flex-shrink:0}
.footer-col ul li a:hover{color:#fff;text-decoration:none}
.footer-bottom-bar{border-top:1px solid rgba(255,255,255,.1);padding:16px 20px;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.footer-bottom-bar p{font-size:.77rem;color:rgba(255,255,255,.55)}
.footer-bottom-links{display:flex;gap:16px;flex-wrap:wrap}
.footer-bottom-links a{font-size:.77rem;color:rgba(255,255,255,.55);text-decoration:none}
.footer-bottom-links a:hover{color:#fff}

/* ── Responsive ── */
@media(max-width:1024px){
  .footer-grid{grid-template-columns:1fr 1fr 1fr;gap:24px}
  .footer-brand-col{grid-column:1/-1}
}
@media(max-width:768px){
  .nav-toggle{display:block}
  .main-nav{display:none}
  .main-nav.open{display:block}
  .nav-menu{flex-direction:column;overflow:visible}
  .nav-menu>li>a{padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.08)}
  .nav-dropdown{position:static;box-shadow:none;border-radius:0;border-top:none;background:#0d2d54}
  .nav-dropdown a{padding:9px 28px;color:rgba(255,255,255,.75);border-bottom:1px solid rgba(255,255,255,.06)}
  .nav-dropdown a:hover{background:rgba(255,255,255,.08);color:#fff}
  .nav-menu>li:hover .nav-dropdown{display:none}
  .nav-menu>li.open .nav-dropdown{display:block}
  .header-search{display:none}
  .footer-grid{grid-template-columns:1fr 1fr;gap:20px;padding:32px 20px 24px}
  .footer-brand-col{grid-column:1/-1}
}
@media(max-width:480px){
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom-bar{flex-direction:column;text-align:center}
}