/* ══════════════════════════════════════════════════════════════════════
   SHIVAA v187 — polish for Amrita ji's private thank-you page (#/amrita).

   Visual-only layer, loaded after v184.css so it wins. Copy, flow, the
   switch, the coupon and every money path are unchanged.

     · READABILITY FIRST. The v184 secondary text sat near 45–55% opacity on
       the dark gold ground. It is lifted to comfortable contrast.
     · KEYBOARD AND TOUCH. Visible focus rings on the stars, dishes and the
       home card; 44px minimum tap targets.
     · MOTION STAYS A GIFT. Nothing here adds an animation. The reduced-motion
       block in v184.css still governs every existing one.
   ══════════════════════════════════════════════════════════════════════ */

/* ── readability: secondary text ───────────────────────────────────── */
.am-foot{color:rgba(233,213,168,.66)}
.am-hint{color:rgba(233,213,168,.74)}
.am-msg{color:rgba(243,223,174,.92)}
.am-fld>span{color:rgba(243,223,174,.78)}
.am-fld input::placeholder{color:rgba(233,213,168,.52)}
.am-opt>b{color:rgba(243,223,174,.74)}
.am-dish-body small{color:rgba(243,223,174,.84)}
.am-ticket-for{color:rgba(243,223,174,.84)}
.am-ticket-note{color:rgba(233,213,168,.78)}
.am-done-row span{color:rgba(243,223,174,.8)}
.am-p{color:rgba(246,235,214,.92)}
.shv-ae-sub{color:rgba(243,223,174,.9)}

/* ── focus rings for keyboard users (no ring on mouse click) ───────── */
.am-star:focus-visible,
.am-dish:focus-visible,
.am-next .btn:focus-visible,
.shv-amrita-entry-card:focus-visible{outline:none;
  box-shadow:0 0 0 3px #14100a,0 0 0 5px rgba(240,197,96,.9)}
.am-star:focus-visible{border-radius:12px}
.am-dish:focus-visible{border-color:rgba(240,197,96,.8)}

/* ── tap targets: at least 44px tall ───────────────────────────────── */
.am-dish{min-height:44px}
.am-fld input{min-height:48px}
.am-fld-row .btn{min-height:48px}
.am-next .btn{min-height:48px}

/* ── typography rhythm ─────────────────────────────────────────────── */
.am-kicker{letter-spacing:.2em}
.am-h1{text-wrap:balance}
.am-p{text-wrap:pretty}
.am-ask{font-family:var(--ff-disp);font-size:17px;letter-spacing:.01em}

/* ── the coupon card: a little more craft ──────────────────────────── */
.am-ticket{box-shadow:0 18px 48px rgba(0,0,0,.44),
  inset 0 1px 0 rgba(255,255,255,.10),
  inset 0 0 0 1px rgba(240,197,96,.08)}
.am-ticket::before,.am-ticket::after{box-shadow:inset 0 0 0 1px rgba(240,197,96,.30)}
.am-ticket-off{box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.am-ticket-code{letter-spacing:.12em}
.am-done-rows{background:rgba(0,0,0,.12)}
.am-done-row+.am-done-row{border-top:1px solid rgba(212,175,90,.12)}

/* ── the entry card on the home page ───────────────────────────────── */
.shv-amrita-entry-card{box-shadow:0 10px 34px rgba(0,0,0,.28),
  inset 0 1px 0 rgba(255,255,255,.07)}
.shv-ae-title{letter-spacing:.005em}

/* ── desktop politeness ────────────────────────────────────────────── */
@media (min-width:760px){
  .am-h1{font-size:38px}
  .am-ticket-code{font-size:33px}
}

/* ── very small phones ─────────────────────────────────────────────── */
@media (max-width:359px){
  .am-card{padding:22px 16px 20px}
  .am-dish-art{width:50px;height:50px;font-size:24px}
  .am-star svg{width:36px;height:36px}
}