/* MShowTV V17.4.8 — Weather redesign for NYC + all borough stations */
.weather-v1748-section{padding-bottom:36px}
.weather-v1748-titlebar{
  display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px
}
.weather-v1748-titlebar h2{margin:.2rem 0 0}
.weather-v1748-datetime{
  padding:9px 13px;border-radius:999px;background:#ffffff08;border:1px solid #ffffff12;
  color:#d9cadd;font-size:.78rem
}
.weather-v1748-dashboard{
  padding:0!important;overflow:hidden;border-radius:25px!important;
  background:linear-gradient(180deg,#1b1125 0%,#100916 100%)!important
}
.weather-v1748-hero{
  position:relative;min-height:560px;overflow:hidden;padding:30px;
  display:grid;grid-template-columns:320px minmax(0,1fr);grid-template-rows:auto 1fr auto;
  gap:18px 28px;
  background:
    radial-gradient(circle at 88% 14%,rgba(255,185,97,.28),transparent 19%),
    radial-gradient(circle at 66% 22%,rgba(255,92,191,.14),transparent 32%),
    linear-gradient(125deg,#0d163e 0%,#24358a 39%,#7d346e 72%,#e28389 100%);
  border-bottom:1px solid rgba(255,255,255,.09)
}
.weather-v1748-hero[data-period="night"]{
  background:
    radial-gradient(circle at 83% 14%,rgba(176,188,255,.15),transparent 17%),
    radial-gradient(circle at 60% 20%,rgba(130,55,213,.15),transparent 30%),
    linear-gradient(125deg,#050916 0%,#111331 48%,#291544 100%)
}
.weather-v1748-skyfx{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.weather-v1748-skyline{
  position:absolute;left:38%;right:-3%;bottom:0;height:49%;
  opacity:.38;
  background:
    linear-gradient(to top,rgba(5,6,12,.92),rgba(12,10,25,.3) 70%,transparent),
    repeating-linear-gradient(90deg,
      transparent 0 18px,rgba(10,8,20,.78) 18px 35px,
      transparent 35px 48px,rgba(10,8,20,.62) 48px 78px);
  clip-path:polygon(0 70%,4% 70%,4% 45%,7% 45%,7% 61%,10% 61%,10% 36%,13% 36%,13% 57%,16% 57%,16% 28%,18% 28%,18% 55%,21% 55%,21% 48%,25% 48%,25% 66%,29% 66%,29% 40%,32% 40%,32% 60%,36% 60%,36% 24%,39% 24%,39% 58%,42% 58%,42% 35%,45% 35%,45% 54%,49% 54%,49% 30%,52% 30%,52% 63%,56% 63%,56% 44%,59% 44%,59% 62%,63% 62%,63% 18%,65% 18%,65% 57%,69% 57%,69% 38%,72% 38%,72% 66%,76% 66%,76% 50%,80% 50%,80% 59%,84% 59%,84% 34%,87% 34%,87% 62%,91% 62%,91% 42%,94% 42%,94% 67%,100% 67%,100% 100%,0 100%)
}
.weather-v1748-brand,.weather-v1748-main,.weather-v1748-hourly{position:relative;z-index:3}
.weather-v1748-brand{
  grid-column:1;grid-row:1/3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  padding:8px 6px 8px 12px
}
.weather-v1748-logo{
  width:190px!important;height:190px!important;object-fit:contain!important;
  filter:drop-shadow(0 16px 38px rgba(0,0,0,.35))
}
.weather-v1748-greeting{
  margin-top:16px;font-size:1.65rem!important;font-weight:1000!important;
  color:#ff88d0!important;text-shadow:0 0 24px rgba(255,90,190,.22)
}
.weather-v1748-greeting-sub{margin-top:4px;color:#e8dce8;font-size:.9rem}
.weather-v1748-main{grid-column:2;grid-row:1/2;align-self:end}
.weather-v1748-main h3{
  font-size:clamp(2.4rem,5vw,4.2rem)!important;line-height:1;margin:5px 0 15px!important
}
.weather-v1748-current{display:flex;align-items:center;gap:22px}
.weather-v1748-temp{
  font-size:clamp(4.8rem,9vw,8.2rem)!important;line-height:.85!important;font-weight:1000!important;
  letter-spacing:-.07em!important
}
.weather-v1748-condition{font-size:1.15rem!important;font-weight:900!important}
.weather-v1748-highlow{margin-top:12px!important;display:flex!important;gap:18px!important;flex-wrap:wrap}
.weather-hi{color:#ff8ed0}.weather-lo{color:#72cfff}
.weather-v1748-summary{
  margin-top:15px!important;max-width:700px!important;padding:11px 13px!important;border-radius:12px!important;
  background:#08070d4d!important;border:1px solid #ffffff10!important;color:#ede4ef!important
}
.weather-v1748-hourly{grid-column:2;grid-row:3;align-self:end}
.weather-v1748-hourly-list{
  display:grid!important;grid-template-columns:repeat(6,minmax(95px,1fr))!important;gap:9px!important;
  overflow-x:auto!important;padding-bottom:4px!important
}
.weather-v1748-hourly-list .weather-hour-card{
  min-width:0!important;padding:13px 9px!important;border-radius:15px!important;
  background:rgba(15,8,28,.48)!important;border:1px solid rgba(255,255,255,.12)!important;
  backdrop-filter:blur(12px)!important
}
.weather-v1748-hourly-list .weather-now-card{
  background:linear-gradient(180deg,rgba(255,120,205,.20),rgba(85,47,175,.20))!important;
  border-color:rgba(255,145,217,.38)!important
}
.weather-v1748-stations-head{
  display:flex;justify-content:space-between;align-items:flex-end;gap:15px;padding:22px 24px 12px
}
.weather-v1748-stations-head h3{margin:4px 0 0;font-size:1.45rem}
.weather-v1748-live{
  display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;
  background:#36e58d10;border:1px solid #36e58d1c;color:#63efa6;font-size:.72rem;font-weight:900
}
.weather-v1748-live i{width:7px;height:7px;border-radius:50%;background:#39e98f;box-shadow:0 0 12px #39e98f}
.weather-v1748-stations{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;padding:0 24px 24px
}
.weather-v1748-station{
  position:relative;overflow:hidden;min-height:185px;padding:16px;border-radius:17px;
  border:1px solid #ffffff10;
  background:
    radial-gradient(circle at 85% 20%,rgba(255,108,198,.13),transparent 30%),
    linear-gradient(145deg,#241532,#171020);
  box-shadow:0 12px 30px rgba(0,0,0,.14)
}
.weather-v1748-station::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:52%;
  background:linear-gradient(to top,rgba(6,5,10,.6),transparent)
}
.weather-v1748-station>*{position:relative;z-index:2}
.weather-v1748-station.loading{color:#9f92a6;display:flex;align-items:center}
.weather-v1748-station-name{font-size:1rem;font-weight:1000}
.weather-v1748-station-cond{margin-top:3px;color:#b9acbf;font-size:.72rem;min-height:32px}
.weather-v1748-station-mid{display:flex;align-items:center;justify-content:space-between;margin-top:14px}
.weather-v1748-station-icon{font-size:2.1rem}
.weather-v1748-station-temp{font-size:2.35rem;font-weight:1000}
.weather-v1748-station-range{display:flex;gap:10px;margin-top:13px;font-size:.72rem}
.weather-v1748-station-range .hi{color:#ff8ecf}.weather-v1748-station-range .lo{color:#76cfff}
.weather-v1748-daily{padding:0 24px 20px!important}
.weather-v1748-source{padding:0 24px 22px!important;color:#86798e!important}
@media(max-width:1100px){
  .weather-v1748-hero{grid-template-columns:230px 1fr}
  .weather-v1748-logo{width:150px!important;height:150px!important}
  .weather-v1748-stations{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .weather-v1748-titlebar{align-items:flex-start;flex-direction:column}
  .weather-v1748-hero{display:block;min-height:0;padding:20px}
  .weather-v1748-brand{align-items:center;text-align:center;padding:0 0 20px}
  .weather-v1748-logo{width:125px!important;height:125px!important}
  .weather-v1748-main{text-align:center}
  .weather-v1748-current{justify-content:center;align-items:flex-end;flex-wrap:wrap}
  .weather-v1748-highlow{justify-content:center}
  .weather-v1748-summary{margin-left:auto!important;margin-right:auto!important}
  .weather-v1748-hourly{margin-top:22px}
  .weather-v1748-hourly-list{grid-template-columns:repeat(6,115px)!important}
  .weather-v1748-stations{grid-template-columns:1fr 1fr;padding:0 15px 18px}
  .weather-v1748-stations-head{padding:18px 15px 10px}
  .weather-v1748-daily{padding:0 15px 16px!important}
}
@media(max-width:480px){
  .weather-v1748-stations{grid-template-columns:1fr}
}


/* ==========================================================
   MShowTV V17.4.9 — WEATHER REPAIR
   Night logic, logo spacing, chips, stronger responsive layout
========================================================== */

#clima .weather-v1748-hero{
  min-height: 610px !important;
  grid-template-columns: 275px minmax(0,1fr) !important;
  grid-template-rows: auto 1fr auto !important;
  column-gap: 34px !important;
  row-gap: 16px !important;
  padding: 30px 34px 28px !important;
}

/* Dedicated logo / greeting zone. Prevents text from colliding with logo. */
#clima .weather-v1748-brand{
  grid-column: 1 !important;
  grid-row: 1 / 4 !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 16px 10px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
  gap: 0 !important;
  z-index: 6 !important;
}

#clima .weather-v1748-logo{
  display:block !important;
  width: 158px !important;
  height: 158px !important;
  max-width: 158px !important;
  max-height: 158px !important;
  margin: 4px auto 16px !important;
  object-fit: contain !important;
  flex: 0 0 auto !important;
  filter: drop-shadow(0 18px 34px rgba(0,0,0,.34)) !important;
}

#clima .weather-v1749-greeting{
  width:100% !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  font-size: 1.45rem !important;
  line-height: 1.15 !important;
  color:#ff8bd2 !important;
  white-space: normal !important;
  position: static !important;
  transform:none !important;
}

#clima .weather-v1748-greeting-sub{
  width:100% !important;
  margin-top:7px !important;
  font-size:.80rem !important;
  line-height:1.35 !important;
  color:#c7b9cc !important;
}

/* Main weather block */
#clima .weather-v1748-main{
  grid-column:2 !important;
  grid-row:1 / 3 !important;
  align-self:center !important;
  padding: 8px 0 0 !important;
  z-index:7 !important;
}

#clima .weather-v1748-main h3{
  margin: 0 0 16px !important;
  font-size: clamp(3rem, 5.5vw, 5.1rem) !important;
}

#clima .weather-v1748-current{
  align-items:center !important;
  gap:28px !important;
}

#clima .weather-v1748-temp{
  font-size: clamp(5.5rem, 10vw, 9.3rem) !important;
  letter-spacing:-.08em !important;
}

#clima .weather-v1748-condition{
  font-size:1.25rem !important;
}

#clima .weather-v1748-summary{
  display:none !important;
}

/* Small information cards instead of one long sentence */
#clima .weather-meta-chips-v1749{
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}

#clima .weather-meta-chip-v1749{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:9px 12px;
  border-radius:999px;
  background:rgba(8,7,15,.38);
  border:1px solid rgba(255,255,255,.13);
  backdrop-filter:blur(10px);
  box-shadow:0 7px 20px rgba(0,0,0,.10);
  color:#ede5ef;
  font-size:.76rem;
  line-height:1;
}

#clima .weather-meta-chip-v1749 .ico{
  font-size:.95rem;
}

/* Hourly cards: more compact and readable */
#clima .weather-v1748-hourly{
  grid-column:2 !important;
  grid-row:3 !important;
  z-index:8 !important;
}

#clima .weather-v1748-hourly-list{
  grid-template-columns:repeat(6,minmax(112px,1fr)) !important;
  gap:10px !important;
}

#clima .weather-v1748-hourly-list .weather-hour-card{
  min-height:132px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  gap:5px !important;
  text-align:center !important;
}

/* Strong NIGHT presentation */
#clima #weatherScene[data-period="night"]{
  background:
    radial-gradient(circle at 83% 13%,rgba(195,204,255,.16),transparent 13%),
    radial-gradient(circle at 66% 22%,rgba(129,50,208,.18),transparent 29%),
    linear-gradient(135deg,#040713 0%,#0c1230 44%,#24103d 77%,#3b123a 100%) !important;
}

#clima #weatherScene[data-period="night"] .weather-v1748-skyline{
  opacity:.62 !important;
  filter: drop-shadow(0 -4px 16px rgba(100,86,255,.10));
}

#clima #weatherScene[data-period="night"] .weather-stars{
  display:block !important;
  opacity:.75 !important;
}

#clima #weatherScene[data-period="night"] .weather-moon{
  display:block !important;
  opacity:1 !important;
}

#clima #weatherScene[data-period="night"] .weather-sun{
  display:none !important;
}

/* DAY stays bright but cleaner */
#clima #weatherScene[data-period="day"]{
  background:
    radial-gradient(circle at 88% 14%,rgba(255,201,100,.30),transparent 18%),
    radial-gradient(circle at 69% 20%,rgba(255,94,191,.13),transparent 30%),
    linear-gradient(125deg,#0f2f73 0%,#4058ae 42%,#a45091 73%,#e79991 100%) !important;
}

#clima #weatherScene[data-period="day"] .weather-moon,
#clima #weatherScene[data-period="day"] .weather-stars{
  display:none !important;
}

/* Borough cards */
#clima .weather-v1748-station{
  min-height:170px !important;
  padding:15px 16px !important;
  transition:transform .18s ease,border-color .18s ease;
}

#clima .weather-v1748-station:hover{
  transform:translateY(-2px);
  border-color:rgba(255,116,201,.24);
}

#clima .weather-v1748-station-temp{
  font-size:2.05rem !important;
}

/* Daily forecast */
#clima .weather-v1748-daily .weather-daily-list,
#clima #weatherDailyList{
  gap:9px !important;
}

/* Responsive repairs */
@media(max-width:1050px){
  #clima .weather-v1748-hero{
    grid-template-columns:210px minmax(0,1fr) !important;
  }
  #clima .weather-v1748-logo{
    width:132px !important;
    height:132px !important;
  }
  #clima .weather-v1749-greeting{
    font-size:1.25rem !important;
  }
}

@media(max-width:760px){
  #clima .weather-v1748-hero{
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
    padding:20px 15px 18px !important;
  }

  #clima .weather-v1748-brand{
    order:1 !important;
    padding:0 0 8px !important;
  }

  #clima .weather-v1748-logo{
    width:108px !important;
    height:108px !important;
    margin-bottom:9px !important;
  }

  #clima .weather-v1748-main{
    order:2 !important;
    padding:0 !important;
    text-align:center !important;
  }

  #clima .weather-v1748-current{
    flex-direction:column !important;
    gap:12px !important;
  }

  #clima .weather-meta-chips-v1749{
    justify-content:center !important;
  }

  #clima .weather-v1748-hourly{
    order:3 !important;
    width:100% !important;
  }

  #clima .weather-v1748-hourly-list{
    grid-template-columns:repeat(6,108px) !important;
  }
}


/* ==========================================================
   MShowTV V17.5.0 — MOBILE WEATHER + BOROUGHS FIX
========================================================== */

/* Prevent the logo and greeting from colliding on narrow screens */
@media(max-width:760px){
  #clima .weather-v1748-brand{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    min-height:190px !important;
    padding:4px 0 18px !important;
    position:relative !important;
  }

  #clima .weather-v1748-logo{
    position:static !important;
    transform:none !important;
    width:94px !important;
    height:94px !important;
    max-width:94px !important;
    max-height:94px !important;
    margin:0 auto 18px !important;
    z-index:2 !important;
  }

  #clima .weather-v1749-greeting{
    position:static !important;
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
    line-height:1.1 !important;
    font-size:1.35rem !important;
    z-index:3 !important;
  }

  #clima .weather-v1748-greeting-sub{
    position:static !important;
    width:100% !important;
    margin:7px auto 0 !important;
    padding:0 12px !important;
    text-align:center !important;
    line-height:1.35 !important;
  }

  #clima .weather-v1748-main h3{
    font-size:clamp(3.1rem,13vw,4.5rem) !important;
    line-height:.96 !important;
    margin-top:4px !important;
  }

  #clima .weather-v1748-temp{
    font-size:clamp(5.7rem,24vw,8.2rem) !important;
    line-height:.88 !important;
  }

  #clima .weather-v1748-condition{
    font-size:1.05rem !important;
  }

  #clima .weather-v1748-highlow{
    gap:14px !important;
  }

  #clima .weather-meta-chips-v1749{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    width:100% !important;
    gap:9px !important;
    margin-top:18px !important;
  }

  #clima .weather-meta-chip-v1749{
    width:100% !important;
    justify-content:center !important;
    min-height:48px !important;
    padding:10px 11px !important;
    text-align:center !important;
    white-space:normal !important;
    line-height:1.25 !important;
  }

  #clima .weather-meta-chip-v1749:first-child,
  #clima .weather-meta-chip-v1749:nth-child(4),
  #clima .weather-meta-chip-v1749:nth-child(5){
    grid-column:1/-1 !important;
  }

  /* Horizontal hourly rail */
  #clima .weather-v1748-hourly-list{
    display:flex !important;
    overflow-x:auto !important;
    scroll-snap-type:x mandatory !important;
    gap:10px !important;
    padding:0 0 8px !important;
    -webkit-overflow-scrolling:touch !important;
  }

  #clima .weather-v1748-hourly-list .weather-hour-card{
    flex:0 0 146px !important;
    scroll-snap-align:start !important;
    min-height:165px !important;
  }

  /* Borough cards become a clean vertical stack */
  #clima .weather-v1748-stations{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  #clima .weather-v1748-station{
    min-height:155px !important;
  }

  #clima .weather-v1748-stations-head{
    align-items:flex-start !important;
    flex-direction:column !important;
  }

  #clima .weather-v1748-live{
    align-self:flex-start !important;
  }
}

@media(max-width:420px){
  #clima .weather-meta-chips-v1749{
    grid-template-columns:1fr !important;
  }

  #clima .weather-meta-chip-v1749{
    grid-column:1 !important;
  }
}