/* Proximo Shabat v2 — o widget-assinatura. Hierarquia: horarios reis, countdown linha,
   trilhas online/presencial, 4 estados: loading / ready / during / error. Sem card aninhado. */
.shab{border-top:3px solid var(--color-gold);}
.shab__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4);}
.shab__title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,1.9rem);font-weight:700;margin:0;}
.shab__date{font-family:var(--font-display);font-size:var(--size-lg);color:var(--color-earth-soft);margin:2px 0 0;}
.badge{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:var(--size-xs);
  letter-spacing:.06em;padding:6px 12px;border-radius:var(--radius-full);}
.badge--live{background:var(--color-brick);color:#fff;}
.badge--live .dot{width:9px;height:9px;border-radius:999px;background:#fff;animation:gi-pulse 1.6s infinite;}
.badge--during{background:var(--color-gold);color:var(--color-earth);}
.badge--off{background:var(--color-cream);border:1px solid var(--color-line);color:var(--color-earth-soft);}

.shab__times{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);
  padding:var(--space-4) 0;border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);}
.zman-big{min-height:96px;}
.zman-big__label{display:flex;align-items:center;gap:8px;font-size:var(--size-xs);font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--color-earth-soft);margin:0 0 2px;}
.zman-big__time{font-family:var(--font-display);font-weight:700;font-size:clamp(2.6rem,6vw,3.6rem);
  line-height:1.05;font-variant-numeric:tabular-nums;margin:0;}
.zman-big__sub{font-size:var(--size-sm);color:var(--color-earth-soft);margin:0;}
@media (max-width:640px){.shab__times{grid-template-columns:1fr;gap:var(--space-4);}.zman-big{min-height:84px;}}

.shab__count{display:flex;align-items:center;gap:10px;min-height:34px;margin:var(--space-4) 0;
  font-variant-numeric:tabular-nums;color:var(--color-earth);}
.shab__count .dot{width:8px;height:8px;border-radius:999px;background:var(--color-brick);animation:gi-pulse 1.6s infinite;flex:none;}
.shab__count b{font-weight:700;}

.track{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) 0;border-top:1px solid var(--color-line);}
.track .icon{margin-top:4px;color:var(--color-earth-soft);}
.track__kind{font-size:var(--size-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-earth-soft);margin:0 0 2px;}
.track__what{font-weight:600;margin:0;}
.track__note{font-size:var(--size-sm);color:var(--color-earth-soft);margin:2px 0 0;}
.track__cta{margin-left:auto;align-self:center;white-space:nowrap;}
@media (max-width:640px){.track{flex-wrap:wrap;}.track__cta{margin-left:34px;}}

/* Estados */
html.js .shab[data-state="loading"] [data-skel]{display:inline-block;min-width:130px;border-radius:6px;
  background:var(--color-line) linear-gradient(90deg,var(--color-line),var(--color-surface),var(--color-line));
  background-size:160px 100%;animation:gi-shimmer 1.2s linear infinite;color:transparent;}
.shab [data-when-error]{display:none;}
.shab[data-state="error"] [data-when-error]{display:block;}
.shab[data-state="error"] [data-when-ready]{display:none;}
.shab[data-state="during"]{border-top-color:var(--color-gold);
  background:linear-gradient(180deg,rgba(204,139,35,.12),var(--color-surface) 42%);}
.shab__note{font-size:var(--size-xs);color:var(--color-earth-soft);margin-top:var(--space-3);}