/* =====================================================================
   PANCHANG — home card, full page, share sheet
   Palette: maroon #7b1113 · gold #c8901a · parchment #fff4d2
   ===================================================================== */
@font-face{font-family:'Mukta';font-weight:500;font-display:swap;src:url(../fonts/mukta-devanagari-500-normal.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF}
@font-face{font-family:'Mukta';font-weight:700;font-display:swap;src:url(../fonts/mukta-devanagari-700-normal.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF}
@font-face{font-family:'Mukta';font-weight:800;font-display:swap;src:url(../fonts/mukta-devanagari-800-normal.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF}
@font-face{font-family:'Mukta';font-weight:500;font-display:swap;src:url(../fonts/mukta-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Mukta';font-weight:700;font-display:swap;src:url(../fonts/mukta-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Mukta';font-weight:800;font-display:swap;src:url(../fonts/mukta-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Rozha One';font-weight:400;font-display:swap;src:url(../fonts/rozha-one-devanagari-400-normal.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF}
@font-face{font-family:'Rozha One';font-weight:400;font-display:swap;src:url(../fonts/rozha-one-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.pg-card{
  --pg-maroon:#7b1113; --pg-maroon-dk:#4d0709; --pg-gold:#c8901a; --pg-gold-lt:#f3d27a;
  --pg-good:#1f6b3a; --pg-good-bg:#eaf6e6; --pg-bad:#b3261e; --pg-bad-bg:#fde9e6;
  --pg-paper:#fffaf0; --pg-line:rgba(123,17,19,.14); --pg-text:#2a160c; --pg-soft:#6b5040;
  font-family:Mukta,var(--font-body);
  background:var(--pg-paper); color:var(--pg-text);
  border:1px solid rgba(200,144,26,.45); border-radius:22px; overflow:hidden;
  box-shadow:0 14px 40px rgba(123,17,19,.14);
  margin-bottom:20px; padding:0;
}
[data-theme="dark"] .pg-card{
  --pg-paper:#1d1512; --pg-line:rgba(243,210,122,.16); --pg-text:#f6ead8; --pg-soft:#c9b39c;
  --pg-good-bg:rgba(31,107,58,.22); --pg-bad-bg:rgba(179,38,30,.22); --pg-good:#7fd69b; --pg-bad:#ff8c84;
  border-color:rgba(243,210,122,.28); box-shadow:0 14px 40px rgba(0,0,0,.5);
}

/* hero */
.pg-hero{
  position:relative; display:flex; align-items:stretch; justify-content:space-between; gap:16px;
  padding:22px 22px 26px; color:#fff;
  background:
    radial-gradient(circle at 92% 12%, rgba(255,196,60,.55) 0, rgba(255,196,60,0) 42%),
    radial-gradient(rgba(255,255,255,.09) 1.5px, transparent 1.6px) 0 0/18px 18px,
    linear-gradient(135deg,#8c1517 0%,#5a0a0c 100%);
}
.pg-hero::after{ /* scalloped gold edge */
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:12px;
  background:radial-gradient(circle at 10px 12px, var(--pg-paper) 9px, transparent 9.5px) 0 0/20px 12px repeat-x;
}
.pg-om{font-family:'Rozha One',Mukta,serif; font-size:26px; color:var(--pg-gold-lt); line-height:1}
.pg-title{font-family:'Rozha One',Mukta,serif; font-weight:400; font-size:clamp(26px,5.2vw,36px); line-height:1.15; margin:4px 0 6px; color:#fff; letter-spacing:0}
.pg-date{margin:0; font-weight:700; font-size:clamp(15px,3.6vw,18px); color:var(--pg-gold-lt)}
.pg-loc{margin:6px 0 0; font-size:13.5px; font-weight:500; opacity:.92}
.pg-loc i{margin-right:5px; color:var(--pg-gold-lt)}
.pg-hero-tithi{
  flex:0 0 auto; min-width:128px; align-self:center; text-align:center;
  background:rgba(255,250,235,.96); color:var(--pg-maroon); border-radius:18px; padding:12px 14px 12px;
  box-shadow:0 8px 22px rgba(0,0,0,.28); border:2px solid var(--pg-gold);
}
.pg-hero-tithi small{display:block; font-size:12px; font-weight:700; color:var(--pg-soft)}
.pg-hero-tithi strong{display:block; font-family:'Rozha One',Mukta,serif; font-weight:400; font-size:clamp(24px,5vw,30px); line-height:1.15; margin:2px 0}
.pg-hero-tithi em{display:block; font-style:normal; font-size:12px; font-weight:700; color:var(--pg-gold)}
[data-theme="dark"] .pg-hero-tithi{background:#2a1c17; color:var(--pg-gold-lt)}
[data-theme="dark"] .pg-hero-tithi small{color:#c9b39c}

.pg-body{padding:18px 18px 20px}

/* sunrise strip */
.pg-sun-row{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:14px}
.pg-sun-row>div{
  display:flex; flex-direction:column; align-items:center; gap:1px; text-align:center;
  padding:10px 6px; border-radius:14px; background:rgba(200,144,26,.10); border:1px solid rgba(200,144,26,.28);
}
.pg-sun-row i{color:var(--pg-gold); font-size:17px; margin-bottom:2px}
.pg-sun-row small{font-size:11.5px; font-weight:600; color:var(--pg-soft)}
.pg-sun-row b{font-size:14px; font-weight:800; color:var(--pg-text); line-height:1.25}

/* cells */
.pg-grid{display:grid; grid-template-columns:1fr; gap:8px; margin-bottom:14px}
.pg-cell{display:flex; align-items:flex-start; gap:12px; padding:11px 12px; border-radius:14px; background:transparent; border:1px solid var(--pg-line)}
.pg-cell-ic{flex:0 0 34px; width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(123,17,19,.09); color:var(--pg-maroon); font-size:14px}
[data-theme="dark"] .pg-cell-ic{background:rgba(243,210,122,.12); color:var(--pg-gold-lt)}
.pg-cell small{display:block; font-size:12px; font-weight:600; color:var(--pg-soft)}
.pg-cell b{display:block; font-size:14.5px; font-weight:700; line-height:1.4; color:var(--pg-text)}
@media (min-width:640px){ .pg-grid{grid-template-columns:repeat(2,1fr)} }
@media (min-width:1100px){ .home-widget-stack .pg-grid{grid-template-columns:repeat(4,1fr)} }

/* shubh / ashubh */
.pg-times{display:grid; grid-template-columns:1fr; gap:10px; margin-bottom:14px}
@media (min-width:560px){ .pg-times{grid-template-columns:1fr 1fr} }
.pg-times-box{border-radius:16px; padding:12px 14px 8px; border:1.5px solid}
.pg-times-box h4{margin:0 0 6px; font-family:Mukta,var(--font-body); font-size:15px; font-weight:800; display:flex; align-items:center; gap:7px}
.pg-good{background:var(--pg-good-bg); border-color:rgba(31,107,58,.4)} .pg-good h4{color:var(--pg-good)}
.pg-bad{background:var(--pg-bad-bg); border-color:rgba(179,38,30,.4)} .pg-bad h4{color:var(--pg-bad)}
.pg-time-row{display:flex; align-items:baseline; justify-content:space-between; gap:10px; padding:7px 0; border-top:1px dashed rgba(0,0,0,.12); font-size:14px}
[data-theme="dark"] .pg-time-row{border-top-color:rgba(255,255,255,.14)}
.pg-time-row span{font-weight:700}
.pg-time-row b{font-weight:700; text-align:right; font-variant-numeric:tabular-nums; color:var(--pg-soft)}

/* chips */
.pg-chips{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px}
.pg-chip{display:inline-flex; align-items:center; gap:7px; padding:6px 13px; border-radius:99px; font-size:13.5px; font-weight:700; background:rgba(29,78,137,.10); color:#1d4e89; border:1px solid rgba(29,78,137,.28)}
[data-theme="dark"] .pg-chip{color:#9cc4f5; background:rgba(29,78,137,.25)}
.pg-chip i{font-size:11px}
.pg-chips-top{margin-top:2px}

.pg-actions{display:flex; gap:10px; flex-wrap:wrap}
.pg-actions .btn{flex:1 1 150px}
.pg-actions .btn-primary{background:linear-gradient(135deg,#8c1517,#5a0a0c)}

/* ===== full page ===== */
.pg-page{padding-top:8px; padding-bottom:36px; max-width:920px}
.pg-page-head{display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin:6px 0 16px}
.pg-page-title{font-family:'Rozha One',Mukta,serif; font-weight:400; font-size:clamp(26px,5vw,34px); margin:0; display:flex; align-items:center; gap:10px}
.pg-page-title .pg-om{color:var(--color-primary)}
.pg-page-sub{margin:2px 0 0; color:var(--color-ink-soft); font-weight:600}
.pg-toolbar{display:flex; flex-direction:column; gap:12px; margin-bottom:18px}
.pg-datenav{display:flex; align-items:center; gap:8px}
.pg-nav-btn,.pg-today{display:inline-flex; align-items:center; justify-content:center; height:44px; min-width:44px; padding:0 14px; border-radius:12px; background:var(--color-surface); border:1.5px solid var(--color-border); color:var(--color-ink); font-weight:700}
.pg-nav-btn:hover,.pg-today:hover{border-color:var(--color-primary); color:var(--color-primary)}
.pg-today{background:var(--color-primary); border-color:var(--color-primary); color:#fff}
.pg-today:hover{color:#fff; opacity:.9}
.pg-datepick{flex:1; min-width:0}
.pg-datepick input{width:100%; height:44px; padding:0 14px; border-radius:12px; border:1.5px solid var(--color-border); background:var(--color-surface); color:var(--color-ink); font:600 15px Mukta,var(--font-body)}
.pg-cities{display:flex; gap:8px; overflow-x:auto; padding-bottom:4px; scrollbar-width:none}
.pg-cities::-webkit-scrollbar{display:none}
.pg-city{flex:0 0 auto; padding:8px 16px; border-radius:99px; font-weight:700; font-size:14px; background:var(--color-surface); border:1.5px solid var(--color-border); color:var(--color-ink-soft)}
.pg-city.on{background:linear-gradient(135deg,#8c1517,#5a0a0c); border-color:transparent; color:#fff}
@media (min-width:760px){ .pg-toolbar{flex-direction:row; align-items:center; justify-content:space-between} .pg-datenav{min-width:340px} }

.pg-h{font-family:Mukta,var(--font-body); font-size:17px; font-weight:800; margin:18px 0 10px; display:flex; align-items:center; gap:9px; color:var(--pg-maroon)}
[data-theme="dark"] .pg-h{color:var(--pg-gold-lt)}
.pg-h i{color:var(--pg-gold)}
.pg-details{margin:0; display:grid; grid-template-columns:1fr; gap:0; border:1px solid var(--pg-line); border-radius:16px; overflow:hidden}
.pg-drow{display:grid; grid-template-columns:120px 1fr; gap:12px; padding:11px 14px; border-top:1px solid var(--pg-line)}
.pg-drow:first-child{border-top:0}
.pg-drow:nth-child(even){background:rgba(200,144,26,.07)}
.pg-drow dt{font-weight:800; color:var(--pg-maroon); font-size:14px}
[data-theme="dark"] .pg-drow dt{color:var(--pg-gold-lt)}
.pg-drow dd{margin:0; font-weight:600; font-size:14.5px; line-height:1.45}
@media (max-width:420px){ .pg-drow{grid-template-columns:96px 1fr; gap:8px} }
.pg-times-full{margin-top:18px}
.pg-week{display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:10px}
.pg-week-item{display:flex; flex-direction:column; gap:2px; padding:11px 13px; border-radius:14px; border:1px solid var(--pg-line); color:var(--pg-text); background:transparent}
.pg-week-item:hover{border-color:var(--pg-gold); color:var(--pg-text); transform:translateY(-1px)}
.pg-week-item small{font-size:12px; font-weight:700; color:var(--pg-soft)}
.pg-week-item b{font-size:16px; font-weight:800; color:var(--pg-maroon)}
[data-theme="dark"] .pg-week-item b{color:var(--pg-gold-lt)}
.pg-week-item span{font-size:12.5px; font-weight:600; color:var(--pg-soft); line-height:1.35}
.pg-note{margin:18px 0 0; font-size:12.5px; line-height:1.5; color:var(--pg-soft); display:flex; gap:8px}
.pg-note i{margin-top:3px; color:var(--pg-gold)}

/* ===== share sheet ===== */
.pg-sheet{position:fixed; inset:0; z-index:9500; display:none; align-items:flex-end; justify-content:center; background:rgba(20,8,6,.62); backdrop-filter:blur(3px)}
.pg-sheet.open{display:flex}
.pg-sheet-panel{
  width:min(560px,100%); max-height:94vh; max-height:94dvh; display:flex; flex-direction:column;
  background:var(--color-surface); color:var(--color-ink); border-radius:24px 24px 0 0; overflow:hidden;
  animation:pgUp .3s ease both; padding-bottom:env(safe-area-inset-bottom);
}
@media (min-width:720px){ .pg-sheet{align-items:center} .pg-sheet-panel{border-radius:24px; max-height:92vh} }
@keyframes pgUp{from{transform:translateY(40px); opacity:0}to{transform:none; opacity:1}}
.pg-sheet-bar{display:flex; align-items:center; justify-content:space-between; padding:14px 16px 10px; font-size:16px}
.pg-sheet-x{width:38px; height:38px; border-radius:50%; border:0; background:var(--color-bg-soft); color:var(--color-ink); font-size:16px; cursor:pointer}
.pg-sheet-stage{position:relative; flex:1; min-height:260px; overflow:auto; padding:6px 16px 12px; background:var(--color-bg-soft); display:flex; justify-content:center; align-items:flex-start}
.pg-sheet-img{display:block; width:100%; max-width:420px; height:auto; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.28); background:#fff}
.pg-sheet:not(.loading) .pg-spinner{display:none}
.pg-sheet.loading .pg-sheet-img{display:none}
.pg-spinner{align-self:center; display:flex; flex-direction:column; align-items:center; gap:12px; padding:70px 0; font-weight:700; color:var(--color-ink-soft)}
.pg-spinner i{font-size:38px; color:var(--color-primary); animation:pgSpin 1.4s linear infinite}
@keyframes pgSpin{to{transform:rotate(360deg)}}
.pg-sheet-actions{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:12px 16px 16px}
.pg-sheet-actions .btn{width:100%; padding:11px 6px; font-size:13px; gap:6px}
.pg-sheet-actions .btn-primary{grid-column:1/-1; padding:13px}
.btn.pg-wa{background:#1faa54; color:#fff}