/* =========================================
   SUBHODAYAM – MODERN HEADER + TOP DRAWER
========================================= */

*{margin:0;padding:0;box-sizing:border-box;}

body{
  font-family:system-ui,-apple-system,"Segoe UI",Roboto;
  background:#fff;
  color:#111827;
}

/* ===== HEADER ===== */
.site-header{
  border-bottom:1px solid #e5e7eb;
  position:relative;
}

.header-wrap{
  max-width:1200px;
  margin:auto;
  padding:28px 16px;
  display:flex;
  justify-content:center;
  align-items:center;
  position:relative;
}

.site-logo{
  max-width:300px;
  height:auto;
}

/* MENU ICON */
.menu-btn{
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  font-size:22px;
  cursor:pointer;
}

/* ===== TOP DRAWER ===== */
.drawer{
  position:fixed;
  top:0;
  left:0;
  right:0;
  background:#ffffff;
  border-bottom:1px solid #e5e7eb;
  transform:translateY(-100%);
  transition:.35s ease;
  z-index:9999;
}

.drawer.active{
  transform:translateY(0);
}

.drawer-inner{
  max-width:1200px;
  margin:auto;
  padding:24px 16px 32px;
  text-align:center;
}

.drawer a{
  display:block;
  padding:14px 0;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.6px;
  text-decoration:none;
  color:#111827;
}

.drawer a:hover{ color:#f97316; }

/* ===== FOOTER ===== */
.site-footer{ margin-top:60px; }

.footer-wrap{
  max-width:1200px;
  margin:auto;
  padding:45px 16px;
  text-align:center;
}

.footer-logo{
  max-width:240px;
  margin:0 auto 16px;
  display:block;
}

.footer-social{
  display:flex;
  justify-content:center;
  gap:18px;
  margin:16px 0;
}

.footer-social a{
  font-size:18px;
  transition:.3s;
}
.footer-social a:hover{
  color:#f97316;
  transform:scale(1.2);
}

.footer-copy{
  font-size:13px;
  opacity:.75;
}

/* MOBILE */
@media(max-width:768px){
  .site-logo{max-width:220px;}
}