/* Jyotishiji.com — shared Arunodaya header
   Visual treatment copied from the approved Panchanga header.
   Page-specific typography remains untouched. */

.site-header{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:332px;
  padding-top:24px;
  padding-bottom:12px;
  background:transparent;
  border-bottom:0;
  box-shadow:none;
}

.refined-arunodaya-header-image{
  position:absolute;
  inset:0;
  z-index:-3;
  width:100%;
  height:100%;
}

.desktop-header-image{
  display:block;
  object-fit:fill;
}

.mobile-header-image{
  display:none;
  object-fit:cover;
  object-position:center 58%;
}

/* Light readability veil only */
.site-header::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:linear-gradient(
    180deg,
    rgba(50,18,34,.12) 0%,
    rgba(50,18,34,.06) 48%,
    rgba(50,18,34,.03) 100%
  );
}

.site-header h1,
.site-header .site-nav{
  position:relative;
  z-index:2;
  text-shadow:0 1px 4px rgba(45,0,12,.34);
}

.site-header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:8px;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(
    to bottom,
    rgba(237,245,242,0),
    var(--page-background, var(--bg, var(--site-cream, #fffaf0)))
  );
}

/* Mobile appearance deliberately kept as in the approved Panchanga view. */
@media(max-width:700px){
  .site-header{
    min-height:235px;
    padding:14px 10px 12px;
  }
  .desktop-header-image{
    display:none;
  }
  .mobile-header-image{
    display:block;
  }
}

@media(max-width:420px){
  .site-header{
    min-height:215px;
  }
}