/* Sky Scout V83: narrow visual corrections for chart and transit pages.
   The logo asset, astronomical calculations, timelines, and saved data are untouched. */

/* Match the existing Pathfinder logo size on all three tabs, using the same
   actual image file, intrinsic aspect ratio, parent width and mobile margins. */
.sky-page-chart header .sky-brand,
.sky-page-transits header .sky-brand{
  width:100% !important;
  max-width:640px !important;
  margin:0 auto 12px !important;
}
.sky-page-chart header .sky-brand img,
.sky-page-transits header .sky-brand img{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  filter:none !important;
}
html.sky-desktop.sky-page-chart header .sky-brand,
html.sky-desktop.sky-page-transits header .sky-brand{
  width:100% !important;
  max-width:640px !important;
  margin:0 auto 12px !important;
}

/* Calendar readout: ordinary crisp text, no doubled highlight/shadow. */
.sky-page-chart .planetwatcher-nav .nav-current,
.sky-page-chart .planetwatcher-nav .nav-current span{
  font-family:"Jost","Trebuchet MS",Arial,sans-serif !important;
  font-weight:400 !important;
  font-style:normal !important;
  text-shadow:none !important;
  -webkit-text-stroke:0 !important;
  filter:none !important;
  letter-spacing:0 !important;
}

/* Animate has the same visible, soft violet light as the other primary buttons. */
.sky-page-chart .pw-animation-toolbar #pwAnimate{
  color:#fff8ff !important;
  background:linear-gradient(180deg,#8149b3 0%,#542989 53%,#2b154e 100%) !important;
  border:1px solid #c88efc !important;
  box-shadow:0 0 0 1px rgba(173,99,228,.35),0 0 12px rgba(201,128,255,.75),
    0 0 25px rgba(153,78,232,.46),0 5px 15px rgba(9,3,22,.48),
    inset 0 1px 0 rgba(255,224,255,.48) !important;
}

/* Label alignment and a full-width zone selector, without the external label. */
.sky-page-chart .orientation-panel .section-title{
  text-align:center !important;
}
.sky-page-chart .orientation-panel .timezone-control{
  width:100% !important;
  max-width:100% !important;
  display:block !important;
  margin:8px 0 0 !important;
}
.sky-page-chart .orientation-panel .timezone-control select{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  margin:0 !important;
}

/* Finder View chart links: dark-violet pill with a readable white label. */
.sky-page-transits #finderResults .finder-result a{
  color:#fff8ff !important;
  background:linear-gradient(180deg,#8149b3 0%,#542989 55%,#2b154e 100%) !important;
  border:1px solid #c88efc !important;
  border-radius:999px !important;
  box-shadow:0 0 0 1px rgba(173,99,228,.3),0 0 10px rgba(191,105,254,.6),
    0 0 21px rgba(148,69,228,.35),inset 0 1px 0 rgba(255,224,255,.48) !important;
  font-weight:700 !important;
  text-decoration:none !important;
}
.sky-page-transits #finderResults .finder-result a:hover{
  filter:brightness(1.12);
}

/* Upcoming Transits RESULTS only: lavender, not nearly-white, with high-contrast
   original planetary glyphs and legible description/date text. */
.sky-page-transits .table-scroll:has(.event-list){
  background:linear-gradient(155deg,#d9b7ea 0%,#cfa8e4 56%,#c397da 100%) !important;
  border-color:#ba87d6 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.43),0 5px 20px #13082060 !important;
}
.sky-page-transits .table-scroll .event-list tr:nth-child(even){
  background:rgba(92,44,132,.09) !important;
}
.sky-page-transits .table-scroll .event-list td,
.sky-page-transits .table-scroll .event-list .sky-transit-name,
.sky-page-transits .table-scroll .event-icon-position{
  color:#2b173e !important;
}

/* Match Pathfinder's actual header geometry on phone and desktop, not merely
   the source PNG. All three pages keep using the same unmodified logo asset. */
@media(max-width:609px){
  .sky-page-chart header,
  .sky-page-transits header{padding-top:16px !important;}
  .sky-page-chart header .sky-brand,
  .sky-page-transits header .sky-brand{
    width:93% !important;
    margin:0 auto 8px !important;
  }
  .sky-page-chart header .site-nav,
  .sky-page-transits header .site-nav{
    width:calc(100% + 4px) !important;
    max-width:none !important;
    margin:0 -2px 18px !important;
  }
}
@media(min-width:610px){
  .sky-page-chart header,
  .sky-page-transits header{padding-top:26px !important;}
}
@media(min-width:610px){
  .sky-page-chart header .site-nav a,
  .sky-page-transits header .site-nav a{
    min-height:42px !important;
  }
}