/* ============================================================
   CHABAD OF FORT LEE — HOMEPAGE POLISH V8
   2026-10-08

   Scope:
   - Homepage event cards (desktop + mobile)
   - Homepage Prayer Times presentation
   - Homepage Shabbat & Holidays presentation
   - No visual changes to the full Upcoming at Chabad page
   ============================================================ */

/* ============================================================
   HOMEPAGE EVENTS — SHARED
   ============================================================ */

html body.home #cfle-home-v4 .cfle-v4-events-slot{
  width:100% !important;
  max-width:1400px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

html body.home #cfle-home-v4 .chabad_updates.cfle-home-events-widget,
html body.home #cfle-home-v4 .chabad_updates.cfle-home-events-widget > div,
html body.home #cfle-home-v4 .chabad_updates.cfle-home-events-widget .cfle-home-events-shell{
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

html body.home #cfle-home-v4 .chabad_updates.cfle-home-events-widget .cfle-home-events-shell{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
}

html body.home #cfle-home-v4 .cfle-home-events-heading{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:18px !important;
  width:100% !important;
  margin:0 auto 20px !important;
  padding:0 !important;
  color:#ad680d !important;
  font-family:"Playfair Display",Georgia,"Times New Roman",serif !important;
  font-size:21px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  letter-spacing:.18em !important;
  text-align:center !important;
  text-transform:uppercase !important;
}

html body.home #cfle-home-v4 .cfle-home-events-heading:before,
html body.home #cfle-home-v4 .cfle-home-events-heading:after{
  content:"" !important;
  display:block !important;
  flex:0 0 56px !important;
  width:56px !important;
  height:1px !important;
  background:#cc8b20 !important;
}

html body.home #cfle-home-v4 .cfle-home-events-list{
  --cfle-v8-gap:clamp(14px,1.25vw,20px);
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  align-items:stretch !important;
  justify-content:center !important;
  column-gap:var(--cfle-v8-gap) !important;
  row-gap:18px !important;
  width:100% !important;
  max-width:1400px !important;
  margin:0 auto !important;
  padding:0 !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}

/* 1 = one larger centered card */
html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"]{
  grid-template-columns:minmax(0,570px) !important;
  max-width:570px !important;
}

/* 2 = two larger centered cards */
html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"]{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  max-width:1140px !important;
}

/* 3 / 5 / 6 = three equal cards across */
html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="3"] > .cfle-home-event,
html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="5"] > .cfle-home-event,
html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="6"] > .cfle-home-event{
  grid-column:span 2 !important;
}

/* 4 = centered 2 x 2 using the same compact card width */
html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="4"] > .cfle-home-event:nth-child(1),
html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="4"] > .cfle-home-event:nth-child(3){
  grid-column:2 / span 2 !important;
}
html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="4"] > .cfle-home-event:nth-child(2),
html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="4"] > .cfle-home-event:nth-child(4){
  grid-column:4 / span 2 !important;
}

/* 5 = 3 top + 2 centered bottom */
html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="5"] > .cfle-home-event:nth-child(4){
  grid-column:2 / span 2 !important;
}
html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="5"] > .cfle-home-event:nth-child(5){
  grid-column:4 / span 2 !important;
}

/* Base compact card (3+ events). */
html body.home #cfle-home-v4 a.cfle-home-event{
  position:relative !important;
  display:grid !important;
  grid-template-columns:82px minmax(0,1fr) !important;
  grid-template-areas:"date content" !important;
  align-items:center !important;
  column-gap:22px !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  height:118px !important;
  min-height:118px !important;
  margin:0 !important;
  padding:10px 16px !important;
  border:1.7px solid rgba(213,157,47,.78) !important;
  border-radius:20px !important;
  background:rgba(255,254,250,.96) !important;
  color:#11182d !important;
  text-decoration:none !important;
  box-shadow:0 7px 18px rgba(83,53,8,.055) !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease !important;
}

html body.home #cfle-home-v4 a.cfle-home-event:hover{
  transform:translateY(-2px) !important;
  border-color:#d99b1d !important;
  background:#fffdf7 !important;
  box-shadow:0 11px 25px rgba(83,53,8,.10) !important;
}

/* Larger cards only when total count is 1 or 2. */
html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] > a.cfle-home-event,
html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] > a.cfle-home-event{
  grid-template-columns:90px minmax(0,1fr) !important;
  column-gap:26px !important;
  height:124px !important;
  min-height:124px !important;
  padding:11px 18px !important;
}

/* Date block: slightly narrower/shorter than V7, but the text fills it. */
html body.home #cfle-home-v4 .cfle-home-date-box{
  grid-area:date !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  width:82px !important;
  height:97px !important;
  min-width:82px !important;
  min-height:97px !important;
  margin:0 !important;
  padding:5px 4px !important;
  border:1.7px solid #dfb85f !important;
  border-radius:15px !important;
  background:linear-gradient(180deg,#fffaf0 0%,#fffefb 100%) !important;
  box-shadow:inset 0 0 0 2px rgba(229,169,0,.045) !important;
  text-align:center !important;
  box-sizing:border-box !important;
}

html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] .cfle-home-date-box,
html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] .cfle-home-date-box{
  width:90px !important;
  height:101px !important;
  min-width:90px !important;
  min-height:101px !important;
}

/* Match the full Upcoming page date typography: Arial, heavy, high-contrast. */
html body.home #cfle-home-v4 .cfle-home-date-month,
html body.home #cfle-home-v4 .cfle-home-date-weekday{
  display:block !important;
  color:#c28608 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:12.5px !important;
  line-height:1.05 !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

html body.home #cfle-home-v4 .cfle-home-date-day{
  display:block !important;
  margin:4px 0 3px !important;
  color:#111 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:43px !important;
  line-height:.96 !important;
  font-weight:900 !important;
  letter-spacing:-.035em !important;
}

html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] .cfle-home-date-month,
html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] .cfle-home-date-weekday,
html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] .cfle-home-date-month,
html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] .cfle-home-date-weekday{
  font-size:13px !important;
}

html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] .cfle-home-date-day,
html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] .cfle-home-date-day{
  font-size:46px !important;
}

html body.home #cfle-home-v4 .cfle-home-date-box--range .cfle-home-date-day{
  font-size:30px !important;
  letter-spacing:-.04em !important;
}
html body.home #cfle-home-v4 .cfle-home-date-box--cross-month .cfle-home-date-month{
  font-size:10.5px !important;
  letter-spacing:.025em !important;
}

/* Content entity is vertically centered beside the entire date box. */
html body.home #cfle-home-v4 .cfle-home-event-content{
  grid-area:content !important;
  align-self:stretch !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  text-align:left !important;
}

html body.home #cfle-home-v4 .cfle-home-event-title{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 0 6px !important;
  padding:0 !important;
  color:#11182d !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:27px !important;
  line-height:1.04 !important;
  font-weight:900 !important;
  letter-spacing:-.018em !important;
  text-align:left !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] .cfle-home-event-title,
html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] .cfle-home-event-title{
  font-size:30px !important;
}

html body.home #cfle-home-v4 .cfle-home-event-time{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  gap:0 !important;
  color:#536078 !important;
  font-family:"Lato",Arial,Helvetica,sans-serif !important;
  font-size:14.5px !important;
  line-height:1.14 !important;
  font-weight:600 !important;
  white-space:nowrap !important;
  text-align:left !important;
}

html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] .cfle-home-event-time,
html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] .cfle-home-event-time{
  font-size:16px !important;
}

html body.home #cfle-home-v4 .cfle-home-event-time .cfle-meta-svg,
html body.home #cfle-home-v4 .cfle-home-event-time > svg{
  display:none !important;
}

/* No arrow on homepage at any breakpoint. */
html body.home #cfle-home-v4 .cfle-home-event-arrow{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

/* No Featured pill on homepage. Full Upcoming page is untouched. */
html body.home #cfle-home-v4 .cfle-home-featured-pill{
  display:none !important;
}

/* Featured card: same gold treatment as the Upcoming page. */
html body.home #cfle-home-v4 a.cfle-home-event--featured{
  grid-template-columns:82px minmax(0,1fr) 50px !important;
  grid-template-areas:"date content featured-star" !important;
  column-gap:18px !important;
  border-width:2px !important;
  border-color:#dca31e !important;
  background:linear-gradient(135deg,#f9edcf 0%,#fdf5e5 50%,#fff8e8 100%) !important;
  box-shadow:0 8px 20px rgba(86,57,10,.075),inset 0 0 0 1px rgba(229,169,0,.055) !important;
}

html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] > a.cfle-home-event--featured,
html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] > a.cfle-home-event--featured{
  grid-template-columns:90px minmax(0,1fr) 54px !important;
  column-gap:22px !important;
}

html body.home #cfle-home-v4 a.cfle-home-event--featured:hover{
  border-color:#efb62d !important;
  background:linear-gradient(135deg,#f6e5b9 0%,#fbedcf 52%,#fff5df 100%) !important;
  box-shadow:0 13px 29px rgba(94,61,7,.13),0 0 0 3px rgba(229,169,0,.055),inset 0 0 0 1px rgba(229,169,0,.07) !important;
}

/* Star: far-right and vertically centered with the date-number zone. */
html body.home #cfle-home-v4 .cfle-home-featured-star{
  grid-area:featured-star !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:center !important;
  justify-self:end !important;
  width:44px !important;
  height:44px !important;
  margin:0 !important;
  padding:0 !important;
  color:#d7950a !important;
  font-size:40px !important;
  line-height:1 !important;
  text-shadow:0 2px 8px rgba(177,119,8,.23) !important;
  transform:none !important;
}

html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] .cfle-home-featured-star,
html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] .cfle-home-featured-star{
  width:46px !important;
  height:46px !important;
  font-size:42px !important;
}

/* View-all is an actual block-level flex item so auto margins truly center it. */
html body.home #cfle-home-v4 .cfle-home-events-more{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:center !important;
  gap:8px !important;
  width:max-content !important;
  min-width:0 !important;
  min-height:44px !important;
  margin:18px auto 0 !important;
  padding:9px 24px !important;
  border:1.6px solid #c98515 !important;
  border-radius:999px !important;
  background:#fffdf8 !important;
  color:#17203a !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:16px !important;
  line-height:1 !important;
  font-weight:700 !important;
  text-align:center !important;
  text-decoration:none !important;
  box-shadow:0 5px 13px rgba(83,53,8,.035) !important;
  position:relative !important;
  left:auto !important;
  right:auto !important;
  float:none !important;
  clear:both !important;
}

/* ============================================================
   PRAYER + SHABBAT — SHARED SECTION HEADING LANGUAGE
   ============================================================ */

html body.home #cfle-home-v4 .cfle-v4-info{
  position:relative !important;
  width:100% !important;
  max-width:1190px !important;
}

html body.home #cfle-home-v4 .cfle-v4-prayer-slot .widget_header,
html body.home #cfle-home-v4 .cfle-v4-shabbat-slot .widget_header{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:16px !important;
  margin:0 0 25px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

/* Replace old icon/box with matching lines on both sides. */
html body.home #cfle-home-v4 .cfle-v4-prayer-slot .widget_header:before,
html body.home #cfle-home-v4 .cfle-v4-prayer-slot .widget_header:after,
html body.home #cfle-home-v4 .cfle-v4-shabbat-slot .widget_header:before,
html body.home #cfle-home-v4 .cfle-v4-shabbat-slot .widget_header:after{
  content:"" !important;
  display:block !important;
  flex:0 0 48px !important;
  width:48px !important;
  height:1px !important;
  margin:0 !important;
  background:#d39a3c !important;
  transform:none !important;
  color:transparent !important;
  font-size:0 !important;
}

html body.home #cfle-home-v4 .cfle-v4-prayer-slot .widget_header h5,
html body.home #cfle-home-v4 .cfle-v4-shabbat-slot .widget_header h5{
  margin:0 !important;
  padding:0 !important;
  color:#b66f12 !important;
  font-family:"Playfair Display",Georgia,"Times New Roman",serif !important;
  font-size:18px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  letter-spacing:.18em !important;
  text-align:center !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

/* ============================================================
   PRAYER TIMES — DESKTOP
   ============================================================ */

@media (min-width:1025px){

  /* Lift only the Upcoming section a little; following info remains in normal flow. */
  html body.home #cfle-home-v4 .cfle-v4-events-slot{
    position:relative !important;
    top:-12px !important;
  }

  html body.home #cfle-home-v4 .cfle-v4-info{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:0 !important;
    margin:44px auto 0 !important;
  }

  html body.home #cfle-home-v4 .cfle-v4-prayer-slot,
  html body.home #cfle-home-v4 .cfle-v4-shabbat-slot{
    min-width:0 !important;
    padding:0 36px !important;
  }

  html body.home #cfle-home-v4 .cfle-v4-shabbat-slot{
    border-left:1px solid #ddd6ca !important;
  }

  /* Divider moved left: Shacharit 42%, Mincha/Maariv 58%. */
  html body.home #cfle-home-v4 .cfle-v4-prayer-slot .bottom_padding{
    display:grid !important;
    grid-template-columns:42% 58% !important;
    gap:0 !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
  }

  html body.home #cfle-home-v4 .cfle-v4-prayer-block{
    display:block !important;
    min-width:0 !important;
    padding:0 22px !important;
    color:#38445e !important;
    font-family:"Lato",Arial,Helvetica,sans-serif !important;
    font-size:14.5px !important;
    line-height:1.78 !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  html body.home #cfle-home-v4 .cfle-v4-prayer-block + .cfle-v4-prayer-block{
    padding-left:30px !important;
    padding-right:8px !important;
    border-left:1px solid #d9d5cf !important;
  }

  html body.home #cfle-home-v4 .cfle-v4-prayer-slot .prayer_heading{
    display:block !important;
    width:100% !important;
    margin:0 0 5px !important;
    color:#141d35 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:19px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    text-align:center !important;
    white-space:nowrap !important;
  }
}

/* ============================================================
   SHABBAT & HOLIDAYS — NEW PRESENTATION FROM THE SAME LIVE DATA
   ============================================================ */

html body.home #cfle-home-v4 .cfle-v8-shabbat-native{
  display:none !important;
}

html body.home #cfle-home-v4 .cfle-v8-shabbat-present{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}

html body.home #cfle-home-v4 .cfle-v8-shabbat-card{
  width:100% !important;
  max-width:520px !important;
  margin:0 auto !important;
  padding:16px 20px 14px !important;
  border:1px solid #e4c27b !important;
  border-radius:14px !important;
  background:linear-gradient(180deg,#fffaf0 0%,#fffdf8 100%) !important;
  box-shadow:0 5px 16px rgba(110,76,22,.045) !important;
  text-align:center !important;
}

html body.home #cfle-home-v4 .cfle-v8-shabbat-card-head,
html body.home #cfle-home-v4 .cfle-v8-shabbat-detail{
  width:100% !important;
  text-align:center !important;
}

html body.home #cfle-home-v4 .cfle-v8-shabbat-title,
html body.home #cfle-home-v4 .cfle-v8-shabbat-detail-heading{
  color:#17203a !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-weight:700 !important;
  text-align:center !important;
}

html body.home #cfle-home-v4 .cfle-v8-shabbat-title{
  font-size:18px !important;
  line-height:1.2 !important;
}

html body.home #cfle-home-v4 .cfle-v8-shabbat-location{
  margin-top:2px !important;
  color:#58627b !important;
  font-family:"Lato",Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:600 !important;
  text-align:center !important;
}

html body.home #cfle-home-v4 .cfle-v8-shabbat-times{
  margin-top:11px !important;
}

html body.home #cfle-home-v4 .cfle-v8-shabbat-time-line{
  display:flex !important;
  align-items:baseline !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
  width:100% !important;
  padding:5px 0 !important;
  color:#58627b !important;
  font-family:"Lato",Arial,Helvetica,sans-serif !important;
  font-size:13.5px !important;
  line-height:1.25 !important;
  font-weight:600 !important;
  white-space:nowrap !important;
  text-align:center !important;
  text-decoration:none !important;
}

html body.home #cfle-home-v4 .cfle-v8-shabbat-date,
html body.home #cfle-home-v4 .cfle-v8-shabbat-dash,
html body.home #cfle-home-v4 .cfle-v8-shabbat-label{
  color:#58627b !important;
}

html body.home #cfle-home-v4 .cfle-v8-shabbat-time{
  color:#c47910 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:18px !important;
  line-height:1 !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}

html body.home #cfle-home-v4 .cfle-v8-shabbat-divider{
  width:100% !important;
  height:1px !important;
  margin:10px 0 !important;
  background:#eadbbd !important;
}

html body.home #cfle-home-v4 .cfle-v8-shabbat-detail-heading{
  font-size:17px !important;
  line-height:1.2 !important;
}

html body.home #cfle-home-v4 .cfle-v8-shabbat-detail-value{
  display:block !important;
  margin-top:3px !important;
  color:#263a68 !important;
  font-family:"Lato",Arial,Helvetica,sans-serif !important;
  font-size:16px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  text-align:center !important;
  text-decoration:none !important;
}

html body.home #cfle-home-v4 .cfle-v8-shabbat-detail-date{
  margin-top:4px !important;
  color:#58627b !important;
  font-family:"Lato",Arial,Helvetica,sans-serif !important;
  font-size:12.5px !important;
  line-height:1.25 !important;
  text-align:center !important;
}

/* ============================================================
   MOBILE / TABLET HOMEPAGE EVENTS + INFO
   ============================================================ */

@media (max-width:1024px){

  html body.home #cfle-home-v4 .cfle-v4-events-slot{
    position:static !important;
    top:auto !important;
  }

  html body.home #cfle-home-v4 .cfle-home-events-list,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"],
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"],
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="3"],
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="4"],
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="5"],
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="6"]{
    display:grid !important;
    grid-template-columns:1fr !important;
    max-width:650px !important;
    row-gap:18px !important;
  }

  html body.home #cfle-home-v4 .cfle-home-events-list > .cfle-home-event{
    grid-column:auto !important;
  }

  html body.home #cfle-home-v4 a.cfle-home-event,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] > a.cfle-home-event,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] > a.cfle-home-event{
    grid-template-columns:74px minmax(0,1fr) !important;
    grid-template-areas:"date content" !important;
    column-gap:14px !important;
    width:100% !important;
    height:auto !important;
    min-height:118px !important;
    padding:10px 12px !important;
    border-radius:18px !important;
  }

  html body.home #cfle-home-v4 a.cfle-home-event--featured,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] > a.cfle-home-event--featured,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] > a.cfle-home-event--featured{
    grid-template-columns:74px minmax(0,1fr) 36px !important;
    grid-template-areas:"date content featured-star" !important;
    column-gap:12px !important;
    border-width:2px !important;
    border-color:#dca31e !important;
    background:linear-gradient(135deg,#f9edcf 0%,#fdf5e5 50%,#fff8e8 100%) !important;
  }

  html body.home #cfle-home-v4 .cfle-home-date-box,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] .cfle-home-date-box,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] .cfle-home-date-box{
    width:74px !important;
    height:96px !important;
    min-width:74px !important;
    min-height:96px !important;
    padding:4px 3px !important;
    border-radius:14px !important;
  }

  html body.home #cfle-home-v4 .cfle-home-date-month,
  html body.home #cfle-home-v4 .cfle-home-date-weekday,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] .cfle-home-date-month,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] .cfle-home-date-weekday,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] .cfle-home-date-month,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] .cfle-home-date-weekday{
    font-size:12px !important;
  }

  html body.home #cfle-home-v4 .cfle-home-date-day,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] .cfle-home-date-day,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] .cfle-home-date-day{
    margin:4px 0 3px !important;
    font-size:39px !important;
    line-height:.96 !important;
  }

  html body.home #cfle-home-v4 .cfle-home-event-title,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] .cfle-home-event-title,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] .cfle-home-event-title{
    font-size:23px !important;
    line-height:1.04 !important;
    margin-bottom:5px !important;
  }

  html body.home #cfle-home-v4 .cfle-home-event-time,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] .cfle-home-event-time,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] .cfle-home-event-time{
    font-size:13.5px !important;
  }

  html body.home #cfle-home-v4 .cfle-home-featured-star,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] .cfle-home-featured-star,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] .cfle-home-featured-star{
    justify-self:end !important;
    width:32px !important;
    height:32px !important;
    font-size:30px !important;
  }

  html body.home #cfle-home-v4 .cfle-home-events-more{
    align-self:center !important;
    margin:20px auto 0 !important;
  }

  /* Normal document flow: whatever number of event cards exists pushes this down. */
  html body.home #cfle-home-v4 .cfle-v4-info{
    display:grid !important;
    grid-template-columns:1fr !important;
    max-width:650px !important;
    margin:38px auto 0 !important;
    position:relative !important;
    top:auto !important;
    transform:none !important;
  }

  html body.home #cfle-home-v4 .cfle-v4-prayer-slot,
  html body.home #cfle-home-v4 .cfle-v4-shabbat-slot{
    padding:0 4px !important;
  }

  html body.home #cfle-home-v4 .cfle-v4-prayer-slot .bottom_padding{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
    width:100% !important;
    max-width:430px !important;
    margin:0 auto !important;
    padding:0 !important;
    text-align:center !important;
  }

  html body.home #cfle-home-v4 .cfle-v4-prayer-block{
    padding:0 10px !important;
    color:#38445e !important;
    font-family:"Lato",Arial,Helvetica,sans-serif !important;
    font-size:15px !important;
    line-height:1.8 !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  html body.home #cfle-home-v4 .cfle-v4-prayer-block + .cfle-v4-prayer-block{
    padding:23px 10px 0 !important;
    border-left:0 !important;
    border-top:1px solid #d9d5cf !important;
  }

  html body.home #cfle-home-v4 .cfle-v4-prayer-slot .prayer_heading{
    display:block !important;
    width:100% !important;
    margin:0 0 5px !important;
    color:#141d35 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:19px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  html body.home #cfle-home-v4 .cfle-v4-shabbat-slot{
    margin-top:38px !important;
    padding-top:35px !important;
    border-left:0 !important;
    border-top:1px solid #ddd6ca !important;
  }

  html body.home #cfle-home-v4 .cfle-v8-shabbat-card{
    max-width:100% !important;
    padding:15px 11px 13px !important;
  }

  html body.home #cfle-home-v4 .cfle-v8-shabbat-time-line{
    font-size:12.5px !important;
    letter-spacing:-.01em !important;
  }

  html body.home #cfle-home-v4 .cfle-v8-shabbat-time{
    font-size:16px !important;
  }
}

@media (max-width:700px){

  html body.home #cfle-home-v4 .cfle-home-events-heading{
    gap:10px !important;
    margin-bottom:20px !important;
    font-size:15px !important;
    font-weight:800 !important;
    letter-spacing:.18em !important;
  }

  html body.home #cfle-home-v4 .cfle-home-events-heading:before,
  html body.home #cfle-home-v4 .cfle-home-events-heading:after{
    flex-basis:30px !important;
    width:30px !important;
  }

  html body.home #cfle-home-v4 .cfle-v4-prayer-slot .widget_header,
  html body.home #cfle-home-v4 .cfle-v4-shabbat-slot .widget_header{
    gap:10px !important;
  }

  html body.home #cfle-home-v4 .cfle-v4-prayer-slot .widget_header:before,
  html body.home #cfle-home-v4 .cfle-v4-prayer-slot .widget_header:after,
  html body.home #cfle-home-v4 .cfle-v4-shabbat-slot .widget_header:before,
  html body.home #cfle-home-v4 .cfle-v4-shabbat-slot .widget_header:after{
    flex-basis:28px !important;
    width:28px !important;
  }

  html body.home #cfle-home-v4 .cfle-v4-prayer-slot .widget_header h5,
  html body.home #cfle-home-v4 .cfle-v4-shabbat-slot .widget_header h5{
    font-size:16px !important;
    letter-spacing:.16em !important;
  }

  html body.home #cfle-home-v4 .cfle-v8-shabbat-title{
    font-size:18px !important;
  }

  html body.home #cfle-home-v4 .cfle-v8-shabbat-location{
    font-size:12.5px !important;
  }

  html body.home #cfle-home-v4 .cfle-v8-shabbat-time-line{
    font-size:11.8px !important;
    letter-spacing:-.025em !important;
  }

  html body.home #cfle-home-v4 .cfle-v8-shabbat-time{
    font-size:15px !important;
  }

  html body.home #cfle-home-v4 .cfle-v8-shabbat-detail-heading{
    font-size:17px !important;
  }

  html body.home #cfle-home-v4 .cfle-v8-shabbat-detail-value{
    font-size:16px !important;
  }
}


/* ============================================================
   CHABAD OF FORT LEE — V9 PRECISE DELTAS
   2026-10-08

   IMPORTANT:
   This section intentionally sits AFTER the complete V8 rules.
   It changes ONLY the items approved in the V9 review:
   - Homepage event spacing/star placement/heading weight
   - Homepage prayer typography and day emphasis
   - Homepage Shabbat typography/color/spacing
   - Upcoming-page Featured badge position + title/meta spacing
   - Mobile spacing/typography refinements
   ============================================================ */

/* ============================================================
   HOMEPAGE EVENTS — DESKTOP: KEEP CARD SIZE, MAXIMIZE CONTENT
   ============================================================ */
@media (min-width:1025px){

  html body.home #cfle-home-v4 .cfle-home-events-heading{
    font-size:22px !important;
    font-weight:900 !important;
  }

  /* Keep the approved card dimensions; only reclaim wasted horizontal space. */
  html body.home #cfle-home-v4 a.cfle-home-event{
    grid-template-columns:82px minmax(0,1fr) !important;
    grid-template-areas:"date content" !important;
    column-gap:11px !important;
    padding-left:8px !important;
    padding-right:16px !important;
  }

  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] > a.cfle-home-event,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] > a.cfle-home-event{
    grid-template-columns:90px minmax(0,1fr) !important;
    column-gap:13px !important;
    padding-left:9px !important;
    padding-right:18px !important;
  }

  /* Featured cards use the SAME content grid; the star floats independently. */
  html body.home #cfle-home-v4 a.cfle-home-event--featured,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] > a.cfle-home-event--featured,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] > a.cfle-home-event--featured{
    position:relative !important;
    grid-template-areas:"date content" !important;
  }

  html body.home #cfle-home-v4 a.cfle-home-event--featured{
    grid-template-columns:82px minmax(0,1fr) !important;
    column-gap:11px !important;
  }

  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] > a.cfle-home-event--featured,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] > a.cfle-home-event--featured{
    grid-template-columns:90px minmax(0,1fr) !important;
    column-gap:13px !important;
  }

  /* Leave only the star's actual footprint unavailable to the text. */
  html body.home #cfle-home-v4 a.cfle-home-event--featured .cfle-home-event-content{
    padding-right:52px !important;
    box-sizing:border-box !important;
  }

  html body.home #cfle-home-v4 .cfle-home-event-title{
    max-width:100% !important;
    text-wrap:balance !important;
  }

  /* Exact requested star zone: centered vertically, hugging the far-right. */
  html body.home #cfle-home-v4 .cfle-home-featured-star,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] .cfle-home-featured-star,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] .cfle-home-featured-star{
    position:absolute !important;
    top:50% !important;
    right:11px !important;
    left:auto !important;
    bottom:auto !important;
    z-index:2 !important;
    width:44px !important;
    height:44px !important;
    margin:0 !important;
    transform:translateY(-50%) !important;
    font-size:40px !important;
  }

  /* Prayer/Shabbat headings: same heavier weight, one step larger than V8. */
  html body.home #cfle-home-v4 .cfle-v4-prayer-slot .widget_header h5,
  html body.home #cfle-home-v4 .cfle-v4-shabbat-slot .widget_header h5{
    font-size:19px !important;
    font-weight:900 !important;
  }
}

/* ============================================================
   HOMEPAGE PRAYER — STRUCTURED ROWS FROM V9 JS
   ============================================================ */
html body.home #cfle-home-v4 .cfle-v9-prayer-rows{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  width:100% !important;
  margin:48px 0 0 !important;
  padding:0 !important;
  gap:0 !important;
  text-align:center !important;
}

html body.home #cfle-home-v4 .cfle-v9-prayer-row{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  color:#38445e !important;
  white-space:nowrap !important;
  text-align:center !important;
}

html body.home #cfle-home-v4 .cfle-v9-prayer-day{
  color:#26334f !important;
  font-weight:800 !important;
}

html body.home #cfle-home-v4 .cfle-v9-prayer-time{
  color:#38445e !important;
  font-weight:400 !important;
}

/* Kill any legacy icon/pseudo-decoration that can bleed behind these headings. */
html body.home #cfle-home-v4 .cfle-v4-prayer-slot .widget_header h5,
html body.home #cfle-home-v4 .cfle-v4-shabbat-slot .widget_header h5{
  background:none !important;
  background-image:none !important;
}

html body.home #cfle-home-v4 .cfle-v4-prayer-slot .widget_header h5:before,
html body.home #cfle-home-v4 .cfle-v4-prayer-slot .widget_header h5:after,
html body.home #cfle-home-v4 .cfle-v4-shabbat-slot .widget_header h5:before,
html body.home #cfle-home-v4 .cfle-v4-shabbat-slot .widget_header h5:after,
html body.home #cfle-home-v4 .cfle-v4-prayer-slot .widget_header .section_heading:before,
html body.home #cfle-home-v4 .cfle-v4-prayer-slot .widget_header .section_heading:after,
html body.home #cfle-home-v4 .cfle-v4-shabbat-slot .widget_header .section_heading:before,
html body.home #cfle-home-v4 .cfle-v4-shabbat-slot .widget_header .section_heading:after{
  content:none !important;
  display:none !important;
}

html body.home #cfle-home-v4 .cfle-v4-prayer-slot .widget_header img,
html body.home #cfle-home-v4 .cfle-v4-prayer-slot .widget_header svg,
html body.home #cfle-home-v4 .cfle-v4-shabbat-slot .widget_header img,
html body.home #cfle-home-v4 .cfle-v4-shabbat-slot .widget_header svg{
  display:none !important;
}

/* ============================================================
   HOMEPAGE SHABBAT — COLOR + SPACING REFINEMENTS
   ============================================================ */
html body.home #cfle-home-v4 .cfle-v8-shabbat-time{
  margin-left:6px !important;
}

html body.home #cfle-home-v4 .cfle-v8-shabbat-date{
  color:#3e4963 !important;
  font-weight:700 !important;
}

html body.home #cfle-home-v4 .cfle-v8-shabbat-detail-value{
  color:#c47910 !important;
}

/* ============================================================
   FULL UPCOMING AT CHABAD PAGE — FEATURED BADGE + TIGHTER META
   Does NOT alter homepage card structure.
   ============================================================ */
#cfle-events .cfle-card--featured{
  position:relative !important;
}

/* Make the card, not the body, the positioning box for the badge. */
#cfle-events
.cfle-grid.cfle-grid--featured
> .cfle-card.cfle-card--featured
> .cfle-card-body{
  position:static !important;
  padding-top:0 !important;
}

#cfle-events
.cfle-grid.cfle-grid--featured
> .cfle-card.cfle-card--featured
> .cfle-card-body
> .cfle-tags{
  position:absolute !important;
  top:11px !important;
  right:13px !important;
  left:auto !important;
  bottom:auto !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
}

#cfle-events .cfle-card--featured .cfle-tag--featured{
  min-height:24px !important;
  padding:4px 8px !important;
  gap:4px !important;
  font-size:10px !important;
  letter-spacing:.035em !important;
}

#cfle-events .cfle-card--featured .cfle-featured-badge-star{
  font-size:11px !important;
}

/* Cut the title-to-time/location gap about in half on every Upcoming card. */
#cfle-events .cfle-event-title,
#cfle-events .cfle-card--featured .cfle-event-title,
#cfle-events .cfle-grid > .cfle-card:first-child:nth-last-child(odd) .cfle-event-title{
  margin-bottom:7px !important;
}

/* ============================================================
   MOBILE HOMEPAGE — SAME CARD LANGUAGE, BETTER USE OF WIDTH
   ============================================================ */
@media (max-width:1024px){

  /* Give the hero-to-Upcoming transition about 1.5x more breathing room. */
  html body.home #cfle-home-v4 .cfle-v4-events-slot{
    margin-top:16px !important;
  }

  html body.home #cfle-home-v4 .cfle-home-events-heading{
    font-weight:900 !important;
  }

  html body.home #cfle-home-v4 a.cfle-home-event,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] > a.cfle-home-event,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] > a.cfle-home-event,
  html body.home #cfle-home-v4 a.cfle-home-event--featured,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] > a.cfle-home-event--featured,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] > a.cfle-home-event--featured{
    position:relative !important;
    grid-template-columns:70px minmax(0,1fr) !important;
    grid-template-areas:"date content" !important;
    column-gap:10px !important;
    padding-left:7px !important;
    padding-right:10px !important;
  }

  html body.home #cfle-home-v4 .cfle-home-date-box,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] .cfle-home-date-box,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] .cfle-home-date-box{
    width:70px !important;
    min-width:70px !important;
    height:102px !important;
    min-height:102px !important;
  }

  html body.home #cfle-home-v4 .cfle-home-date-month,
  html body.home #cfle-home-v4 .cfle-home-date-weekday,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] .cfle-home-date-month,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] .cfle-home-date-weekday,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] .cfle-home-date-month,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] .cfle-home-date-weekday{
    font-size:13px !important;
  }

  html body.home #cfle-home-v4 .cfle-home-date-day,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] .cfle-home-date-day,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] .cfle-home-date-day{
    font-size:42px !important;
  }

  html body.home #cfle-home-v4 a.cfle-home-event--featured .cfle-home-event-content{
    padding-right:43px !important;
    box-sizing:border-box !important;
  }

  html body.home #cfle-home-v4 .cfle-home-event-title{
    text-wrap:balance !important;
  }

  html body.home #cfle-home-v4 .cfle-home-featured-star,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="1"] .cfle-home-featured-star,
  html body.home #cfle-home-v4 .cfle-home-events-list[data-cfle-count="2"] .cfle-home-featured-star{
    position:absolute !important;
    top:50% !important;
    right:9px !important;
    left:auto !important;
    bottom:auto !important;
    z-index:2 !important;
    width:36px !important;
    height:36px !important;
    margin:0 !important;
    font-size:34px !important;
    transform:translateY(-50%) !important;
  }

  /* Double the visual separation before Prayer Times, but keep normal flow. */
  html body.home #cfle-home-v4 .cfle-v4-info{
    margin-top:68px !important;
  }

  /* Gold section-rule above Prayer Times. */
  html body.home #cfle-home-v4 .cfle-v4-prayer-slot{
    padding-top:27px !important;
    border-top:1.5px solid rgba(203,143,37,.72) !important;
  }

  html body.home #cfle-home-v4 .cfle-v4-prayer-slot .bottom_padding{
    gap:18px !important;
  }

  html body.home #cfle-home-v4 .cfle-v9-prayer-rows{
    margin-top:28px !important;
  }

  html body.home #cfle-home-v4 .cfle-v4-prayer-block + .cfle-v4-prayer-block{
    padding-top:18px !important;
  }

  /* Gold divider between Prayer Times and Shabbat/Holidays. */
  html body.home #cfle-home-v4 .cfle-v4-shabbat-slot{
    margin-top:34px !important;
    padding-top:31px !important;
    border-top:1.5px solid rgba(203,143,37,.72) !important;
  }

  html body.home #cfle-home-v4 .cfle-v4-prayer-slot .widget_header h5,
  html body.home #cfle-home-v4 .cfle-v4-shabbat-slot .widget_header h5{
    font-size:17px !important;
    font-weight:900 !important;
  }

  /* Let Shabbat content breathe vertically while increasing readability. */
  html body.home #cfle-home-v4 .cfle-v8-shabbat-card{
    padding:18px 8px 16px !important;
  }

  html body.home #cfle-home-v4 .cfle-v8-shabbat-times{
    margin-top:13px !important;
  }

  html body.home #cfle-home-v4 .cfle-v8-shabbat-divider{
    margin:13px 0 !important;
  }
}

@media (max-width:700px){

  html body.home #cfle-home-v4 .cfle-home-events-heading{
    font-size:15.5px !important;
    font-weight:900 !important;
  }

  html body.home #cfle-home-v4 .cfle-v8-shabbat-title{
    font-size:20px !important;
  }

  html body.home #cfle-home-v4 .cfle-v8-shabbat-location{
    font-size:13.5px !important;
  }

  /* Larger than V8 while preserving the requested one-line date/time rows. */
  html body.home #cfle-home-v4 .cfle-v8-shabbat-time-line{
    font-size:12.8px !important;
    line-height:1.28 !important;
    font-weight:650 !important;
    letter-spacing:-.035em !important;
  }

  html body.home #cfle-home-v4 .cfle-v8-shabbat-time{
    margin-left:4px !important;
    font-size:16px !important;
  }

  html body.home #cfle-home-v4 .cfle-v8-shabbat-detail-heading{
    font-size:18px !important;
  }

  html body.home #cfle-home-v4 .cfle-v8-shabbat-detail-value{
    font-size:17.5px !important;
    color:#c47910 !important;
  }

  html body.home #cfle-home-v4 .cfle-v8-shabbat-detail-date{
    font-size:13.5px !important;
  }

  /* Full Upcoming page: top-right smaller Featured pill on mobile too. */
  #cfle-events
  .cfle-grid.cfle-grid--featured
  > .cfle-card.cfle-card--featured
  > .cfle-card-body
  > .cfle-tags{
    top:9px !important;
    right:9px !important;
    left:auto !important;
  }

  #cfle-events .cfle-card--featured .cfle-tag--featured{
    min-height:22px !important;
    padding:4px 7px !important;
    gap:4px !important;
    font-size:9.25px !important;
  }

  #cfle-events .cfle-card--featured .cfle-featured-badge-star{
    font-size:10px !important;
  }

  #cfle-events .cfle-event-title,
  #cfle-events .cfle-card--featured .cfle-event-title,
  #cfle-events .cfle-grid > .cfle-card:first-child:nth-last-child(odd) .cfle-event-title{
    margin-bottom:6px !important;
  }
}