/*
 * The universal birth form (assets/birth-form.js, deploy/jyotisoft/birth_form.py). Ready readings and
 * the field a reading asks for are marked in the brand ORANGE, never red (owner 2026-11-03): fills and
 * rings use --orange, orange TEXT uses --accent-ink (4.9:1 on the light sheet, the raw orange on dark).
 */
.bf [hidden] { display: none !important; } /* the steps and the city box are [hidden] until asked for */
.bf { display: grid; gap: .9rem; padding: 1.15rem; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow); color: var(--ink); text-align: left; }
.bf__h { margin: 0; font: 600 1.35rem/1.25 var(--serif); }
.bf__lead { margin: 0; color: var(--ink-2); font-size: .95rem; }
.bf__form { display: grid; gap: .7rem; margin: 0; }
.bf__f { display: grid; gap: .3rem; padding: .55rem .65rem; border-radius: 14px; border: 1px solid var(--line); background: var(--surface-2); transition: box-shadow .25s, border-color .25s; }
.bf__f > label, .bf__f > span { font-weight: 600; font-size: .92rem; }
.bf__f input[type="date"], .bf__f input[type="time"], .bf__f input[type="search"], .bf__f .dp-in {
  width: 100%; min-height: 44px; padding: .5rem .7rem; border-radius: 10px; border: 1px solid var(--line-strong);
  background: var(--surface); color: var(--ink); font: 400 16px/1.3 var(--sans); /* 16px: no iOS zoom */
}
.bf__f .dp { display: flex; gap: .4rem; }
.bf__check { display: inline-flex; align-items: center; gap: .45rem; font-size: .92rem; min-height: 44px; cursor: pointer; }
.bf__check input { width: 1.15rem; height: 1.15rem; accent-color: var(--orange); }
.bf__f.is-need { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(253, 90, 1, .28); }
.bf__hint { margin: 0; color: var(--accent-ink); font-weight: 600; font-size: .9rem; }
.bf__hint:empty { display: none; }
.bf__here { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .6rem; font-size: .92rem; }
.bf__here > .bf__f { flex-basis: 100%; }
.bf__link { padding: .35rem .1rem; min-height: 44px; border: 0; background: none; color: var(--accent-ink); font: inherit; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.bf__place { position: relative; }
.bf__opts { position: absolute; z-index: 5; left: .65rem; right: .65rem; top: 100%; margin: .2rem 0 0; padding: .25rem; list-style: none; border-radius: 12px; border: 1px solid var(--line-strong); background: var(--surface); box-shadow: var(--shadow-lift); }
.bf__opts button { display: grid; width: 100%; min-height: 44px; padding: .4rem .6rem; border: 0; border-radius: 8px; background: none; color: var(--ink); font: inherit; text-align: left; cursor: pointer; }
.bf__opts button:hover, .bf__opts button:focus-visible { background: var(--surface-2); }
.bf__opts span { color: var(--ink-2); font-size: .85rem; }
.bf__status:empty, .bf__next:empty { display: none; }
.bf__status { margin: 0; color: var(--ink-2); font-size: .9rem; }
.bf__next { margin: 0; font-size: .92rem; color: var(--ink-2); }
.bf__cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(15.5rem, 1fr)); gap: .6rem; margin: 0; padding: 0; list-style: none; }
.bf__cards > li { display: grid; grid-template-rows: 1fr auto; }
.bf__cards > li.is-open { grid-column: 1 / -1; }
.bf-card { display: grid; grid-template-columns: auto 1fr; column-gap: .7rem; row-gap: .15rem; align-content: start; padding: .75rem .85rem; border-radius: 14px; border: 1px solid var(--line); background: var(--surface-2); color: var(--ink); text-decoration: none; transition: border-color .25s, background .25s, transform .2s; }
.bf-card > :not(.bf-card__icon) { grid-column: 2; }
.bf-card__icon { grid-row: 1 / span 3; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 12px; background: rgba(253, 90, 1, .12); color: var(--accent-ink); }
.bf-card__icon svg { width: 1.4rem; height: 1.4rem; }
.bf-card__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .2rem .5rem; }
.bf-card__state { font-size: .82rem; color: var(--ink-2); }
.bf-card__badge { padding: .05rem .5rem; border-radius: 999px; font-size: .78rem; font-weight: 700; white-space: nowrap; }
.bf-card__badge--free { background: rgba(0, 169, 92, .14); border: 1px solid rgba(0, 169, 92, .45); color: var(--ink); } /* ink, not green: AA on both themes */
.bf-card__badge--price { background: var(--surface); border: 1px solid var(--line-strong); color: var(--ink); }
.bf-card__h { font: 600 1.02rem/1.3 var(--serif); }
.bf-card__p { font-size: .88rem; color: var(--ink-2); }
.bf__why { margin: 0; font-size: .86rem; color: var(--ink-2); }
.bf-card[data-state="ready"] { border: 2px solid var(--orange); background: linear-gradient(135deg, rgba(253, 90, 1, .13), rgba(253, 90, 1, .04)); }
.bf-card[data-state="ready"] .bf-card__state { color: var(--accent-ink); font-weight: 700; }
.bf-card[data-state="ready"]:hover { transform: translateY(-1px); }
.bf-card[aria-expanded="true"] { box-shadow: 0 0 0 3px rgba(253, 90, 1, .22); }
.bf-card.is-new { animation: bf-lit 1.4s ease-out; }
@keyframes bf-lit { 0% { box-shadow: 0 0 0 0 rgba(253, 90, 1, .55); } 100% { box-shadow: 0 0 0 14px rgba(253, 90, 1, 0); } }
.bf-out { margin-top: .5rem; padding: .85rem; border-radius: 14px; border: 1px solid var(--line); background: var(--surface); font-size: .95rem; }
.bf-out > :first-child { margin-top: 0; }
.bf-out .table-scroll { overflow-x: auto; }
.bf-res__dl { display: grid; gap: .45rem; margin: 0; }
.bf-res__dl dt { font-size: .82rem; color: var(--ink-2); }
.bf-res__dl dd { margin: 0; }
.bf-res__h { margin: .9rem 0 .2rem; font: 600 1.05rem/1.3 var(--serif); }
.bf-res__more { margin: .7rem 0 0; }
.bf-sub { margin-top: .8rem; padding-top: .7rem; border-top: 1px solid var(--line); }
.bf-busy { display: flex; align-items: center; gap: .55rem; margin: 0; color: var(--ink-2); }
.bf-spin { width: 1.1rem; height: 1.1rem; border-radius: 50%; border: 2px solid var(--line-strong); border-top-color: var(--orange); animation: bf-spin .8s linear infinite; }
@keyframes bf-spin { to { transform: rotate(360deg); } }
/* the week of hours (modules/landing/panchanga_day.week) */
.pg-week__today { margin: 0 0 .6rem; }
.pg-week__list { display: grid; gap: .35rem; margin: .4rem 0 0; padding: 0; list-style: none; font-size: .9rem; }
.pg-week__list li { display: grid; grid-template-columns: 6.5rem 1fr; gap: .1rem .6rem; padding: .35rem 0; border-top: 1px solid var(--line); }
.pg-week__day { font-weight: 600; }
.pg-week__good b { color: var(--t-best); }
.pg-week__bad b { color: var(--accent-ink); }