/* =========================================================
   Mobile Stylesheet for Worship Stream Page (no viewport tag)
   ========================================================= */

#worship-stream {
  padding: 3rem 2rem;              /* larger padding for breathing room */
  text-align: center;
  background: var(--white);
  color: var(--black);
}

/* Headings */
#worship-stream .stream-header {
  font-size: 4rem;                 /* very large headline */
  font-weight: 700;
  margin-bottom: 2rem;
  color: var(--primary-green);
}

#worship-stream .stream-subheader {
  font-size: 3rem;                 /* oversized subheading */
  font-weight: 600;
  margin-bottom: 2rem;
  color: var(--dark-gray);
}

/* Description and instructions */
#worship-stream .stream-description,
#worship-stream .stream-instructions {
  font-size: 2.2rem;               /* big body text */
  line-height: 1.8;
  margin: 1.5rem 0;
  padding: 0 1rem;
}

/* Schedule emphasis */
#worship-stream .stream-schedule {
  font-size: 2.6rem;               /* bold, oversized schedule */
  font-weight: 700;
  margin: 2rem 0;
  color: var(--primary-green);
}

/* Logo container */
#worship-stream .stream-logo {
  margin: 3rem auto;
}

#worship-stream .stream-icon {
  width: 140px;                    /* very large tap target */
  height: auto;
  display: inline-block;
}

/* Responsive tweaks for very small screens */
@media (max-width: 400px) {
  #worship-stream .stream-header {
    font-size: 3.2rem;
  }
  #worship-stream .stream-subheader {
    font-size: 2.6rem;
  }
  #worship-stream .stream-description,
  #worship-stream .stream-instructions {
    font-size: 2rem;
  }
  #worship-stream .stream-schedule {
    font-size: 2.2rem;
  }
  #worship-stream .stream-icon {
    width: 120px;
  }
}