/* ============================================================
   MMUST CU Phase 51.5.3
   Daily Word visibility, readability & responsive composition
   ============================================================ */

.member-portal-body .daily-word-card-modern{
  color:#fff!important;
}

/* Keep the reference strong without overwhelming the actual Scripture. */
.member-portal-body .daily-word-card-modern .daily-word-stage-main h2{
  color:#fff!important;
  font-size:clamp(38px,4.4vw,62px)!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
  text-shadow:0 3px 18px rgba(1,20,36,.18)!important;
}

/* The verse itself is the focus. Avoid the narrow poem-like column seen previously. */
.member-portal-body .daily-word-card-modern .daily-word-stage-main blockquote{
  color:#fff!important;
  max-width:21ch!important;
  font-size:clamp(24px,2.55vw,36px)!important;
  line-height:1.43!important;
  font-weight:800!important;
  letter-spacing:-.015em!important;
  text-wrap:balance;
  text-shadow:0 2px 14px rgba(1,20,36,.16)!important;
}

.member-portal-body .daily-word-card-modern .daily-word-date{
  color:rgba(255,255,255,.90)!important;
  font-weight:900!important;
}
.member-portal-body .daily-word-card-modern .daily-word-theme-chip{
  color:#fff!important;
  background:rgba(255,255,255,.16)!important;
  border-color:rgba(255,255,255,.34)!important;
}
.member-portal-body .daily-word-card-modern .daily-word-stage-meta span{
  color:#fff!important;
  background:rgba(4,26,45,.22)!important;
  border-color:rgba(255,255,255,.25)!important;
  font-weight:800!important;
}

/* The screenshot showed these paragraphs inheriting the dark portal body colour. */
.member-portal-body .daily-word-card-modern .daily-word-info-card,
.member-portal-body .daily-word-card-modern .daily-word-info-card *{
  color:#fff!important;
}
.member-portal-body .daily-word-card-modern .daily-word-info-card{
  background:rgba(4,29,49,.31)!important;
  border-color:rgba(255,255,255,.25)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.member-portal-body .daily-word-card-modern .daily-word-info-kicker{
  color:#fff!important;
  font-weight:900!important;
}
.member-portal-body .daily-word-card-modern .daily-word-info-card p{
  color:rgba(255,255,255,.94)!important;
  font-weight:650!important;
  line-height:1.65!important;
}
.member-portal-body .daily-word-card-modern .daily-word-reflection-card{
  background:rgba(255,255,255,.115)!important;
}
.member-portal-body .daily-word-card-modern .daily-word-reflection-card .daily-word-info-kicker{
  color:#ffd58d!important;
}

.member-portal-body .daily-word-card-modern .daily-word-week-progress-card{
  background:rgba(255,255,255,.11)!important;
  border-color:rgba(255,255,255,.24)!important;
}
.member-portal-body .daily-word-card-modern .daily-word-week-progress-card strong{
  color:#0079c8!important;
  background:#fff!important;
}
.member-portal-body .daily-word-card-modern .daily-word-week-progress-card span{
  color:#fff!important;
  font-weight:800!important;
}
.member-portal-body .daily-word-card-modern .daily-word-week-progress-card small{
  color:rgba(255,255,255,.82)!important;
  font-weight:550!important;
}

/* Actions must remain obvious against all seven background themes. */
.member-portal-body .daily-word-card-modern .daily-word-member-actions .button{
  min-height:46px!important;
  border:1px solid rgba(255,255,255,.58)!important;
  background:#fff!important;
  color:#263548!important;
  font-weight:850!important;
  box-shadow:0 7px 18px rgba(3,24,41,.08)!important;
}
.member-portal-body .daily-word-card-modern .daily-word-member-actions .button.primary{
  background:#0099FF!important;
  border-color:#0099FF!important;
  color:#fff!important;
}
.member-portal-body .daily-word-card-modern .daily-word-member-actions .button:hover{
  transform:translateY(-1px);
}

/* Give the two columns a more deliberate balance on wide displays. */
@media(min-width:981px){
  .member-portal-body .daily-word-card-modern .daily-word-stage-grid{
    grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr)!important;
    gap:clamp(30px,4vw,52px)!important;
  }
  .member-portal-body .daily-word-card-modern .daily-word-stage-aside{
    align-self:center!important;
  }
}

/* Mobile remains compact and readable, with no accidental horizontal overflow. */
@media(max-width:800px){
  .member-portal-body .daily-word-card-modern{
    border-radius:22px!important;
  }
  .member-portal-body .daily-word-card-modern .daily-word-stage-main h2{
    font-size:clamp(30px,10vw,48px)!important;
  }
  .member-portal-body .daily-word-card-modern .daily-word-stage-main blockquote{
    max-width:none!important;
    font-size:clamp(20px,6vw,29px)!important;
    line-height:1.5!important;
  }
  .member-portal-body .daily-word-card-modern .daily-word-info-card{
    border-radius:18px!important;
  }
}
@media(max-width:560px){
  .member-portal-body .daily-word-card-modern .daily-word-member-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  .member-portal-body .daily-word-card-modern .daily-word-member-actions form,
  .member-portal-body .daily-word-card-modern .daily-word-member-actions .button{
    width:100%!important;
  }
}
@media(max-width:390px){
  .member-portal-body .daily-word-card-modern .daily-word-member-actions{
    grid-template-columns:1fr!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .member-portal-body .daily-word-card-modern .daily-word-member-actions .button:hover{
    transform:none!important;
  }
}