/* Elf Tracker tidy-up (Paul, 2 Nov 2026, designs/tracker-tidy on the preview site):
   "Ready to show the children" under the elf's name, every sighting in one card, and the share design
   (js/tracker-new/share-block.js) on the free-call card, the share pop-up and the screen after a sighting. */

/* Ready to show the children */
.tn .tn-ready{display:flex;align-items:center;gap:12px;width:100%;margin:14px 0 0;border:0;border-radius:18px;padding:12px 16px 12px 12px;
  background:linear-gradient(180deg,#E63A4D,#D8283C);box-shadow:0 5px 0 #A81C2D,0 10px 24px -8px rgba(216,40,60,.7);color:#fff;text-align:left;text-decoration:none;cursor:pointer;font:inherit}
.tn .tn-ready:active{transform:translateY(3px);box-shadow:0 2px 0 #A81C2D}
.tn .tn-ready:focus-visible{outline:3px solid #F2C14E;outline-offset:3px}
.tn-ready-tv{flex:none;width:52px;height:40px;border-radius:9px;background:#000 url(/img/tracker/cctv-hq.jpg) center/cover;border:2px solid #fff;position:relative}
.tn-ready-tv:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-35%,-50%);border:8px solid transparent;border-left:12px solid #fff}
.tn-ready-txt{min-width:0}
.tn-ready-txt b{display:block;font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:18px;line-height:1.15;font-weight:800}
.tn-ready-txt small{display:block;font-size:13px;line-height:1.3;opacity:.95;margin-top:2px}
.tn-ready-go{margin-left:auto;font:800 24px/1 "Plus Jakarta Sans",sans-serif}
.tn .tn-ready + .btn{margin-top:10px;width:100%}

/* Every sighting in one card */
.tn-latest .tn-share{margin-top:4px}
.tn-again{margin-top:14px;border-top:1px solid rgba(255,255,255,.14);padding-top:12px}
.tn-again>.tn-k{display:block;margin-bottom:8px}
.tn-again .tn-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}

/* Hand-over: Add a child and the ages */
.ho-more{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}

/* The share design */
.sb{display:flex;flex-direction:column;gap:10px}
.sb-chat{background:#E9DDD0;border-radius:14px;padding:10px}
.sb-bubble{display:block;background:#DCF8C6;border-radius:12px 12px 4px 12px;margin-left:30px;overflow:hidden;color:#111;font-size:13px;line-height:1.35;box-shadow:0 1px 0 rgba(0,0,0,.1)}
.sb-bubble img{width:100%;aspect-ratio:1.91/1;object-fit:cover;display:block}
.sb-bubble b{display:block;padding:7px 9px 1px;font-weight:700}
.sb-bubble span{display:block;padding:0 9px;color:#444;font-size:12px}
.sb-bubble em{display:block;padding:1px 9px 8px;color:#1f7a4a;font-size:12px;font-style:normal}
.sb-track{display:flex;align-items:center;margin:6px 4px 0}
.sb-dot{flex:none;width:40px;height:40px;border-radius:50%;border:3px dashed #c9cfe0;display:flex;align-items:center;justify-content:center;font:800 15px "Plus Jakarta Sans",sans-serif;color:#8d96b3;background:#fff}
.sb-dot.on{border:3px solid #1E9E53;background:#1E9E53;color:#fff}
.sb-dot.goal{width:48px;height:48px;border:3px solid #F2C14E;background:#FFF1CC;font-size:20px}
.sb-line{flex:1;height:4px;background:#e2e6f1;border-radius:2px}
.sb-line.on{background:#1E9E53}
.sb-left{margin:0;text-align:center;font-size:13px;color:#56607d}
.sb-wa{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:14px;padding:15px 14px;background:linear-gradient(180deg,#2BB36A,#1E9E53);box-shadow:0 5px 0 #157A3F;
  color:#fff!important;text-decoration:none;font:800 17px "Plus Jakarta Sans",Inter,sans-serif;margin-bottom:4px}
.sb-wa svg{width:22px;height:22px;flex:none}
.sb-wa:active{transform:translateY(3px);box-shadow:0 2px 0 #157A3F}
.sb-more{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sb-btn{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;background:#fff;border:2px solid #e2e6f1;color:#0B1D4D!important;
  text-decoration:none;font:800 13px "Plus Jakarta Sans",Inter,sans-serif;padding:8px 4px;cursor:pointer}
.sb-other{align-self:center;font-size:14px}
.sb-said{margin:0;text-align:center}
.tn-pop .sb-said,.tn-fc .sb-said,.hq-share .sb-said,.p26 .sb-said{color:#0B1D4D!important;font-weight:700}
.sb-sub{text-align:center;margin:0 0 12px;color:#4a5476}

/* The free-call card, cream with a candy-cane top */
.tn .tn-fc.sb-card{background:#FFF8EC;color:#0B1D4D;border-radius:22px;padding:22px 16px 16px;position:relative;overflow:hidden}
.tn .tn-fc.sb-card:before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:repeating-linear-gradient(-45deg,#D8283C 0 12px,#fff 12px 24px)}
.tn-fc.sb-card>.tn-k,.fcpop>.tn-k{color:#D8283C}
.tn-fc.sb-card h2,.fcpop h2{font-size:23px;line-height:1.15;margin:4px 0 12px;color:#0B1D4D;text-align:left}
.sb-prize{display:flex;gap:12px;align-items:center;background:#fff;border-radius:16px;padding:10px;box-shadow:0 2px 0 #eadfca;color:#0B1D4D;text-align:left}
.sb-prize img{width:60px;height:60px;border-radius:12px;object-fit:cover;flex:none}
.sb-prize b{display:block;font-size:15px;line-height:1.2}
.sb-prize small{display:block;color:#56607d;font-size:12.5px;margin-top:2px}
.sb-count{display:flex;justify-content:space-between;font-size:12.5px;color:#56607d;margin:6px 2px 4px}
.sb-count b{color:#157A3F}
.tn-fc.sb-card .fc-signoff{text-align:center;margin:14px 0 4px}
.sb-rules{text-align:center;font-size:12.5px;color:#56607d}
.sb-rules summary{cursor:pointer;text-decoration:underline}
.sb-rules .fc-fine{text-align:left;margin-top:8px}

/* After a sighting plays: the share design under Watch again and Continue */
.hq-share{background:#FFF8EC;color:#0B1D4D;border-radius:20px;padding:16px;margin-top:12px;text-align:left}
.hq-share>.k{color:#D8283C}
.hq-share-h{font-size:20px;margin:2px 0 10px;color:#0B1D4D}

/* Fixes from the design check (2 Nov 2026) */
/* the Ready button spans the whole Elf card, under the photo and the name */
.tn .tn-hero>.tn-ready,.tn .tn-hero>.tn-ready+.btn{grid-column:1/-1}
/* the sightings card: one column at every size, so no empty space beside the caption */
@media (min-width:640px){
  .tn-home .tn-latest{display:flex;flex-direction:column;gap:10px}
  .tn-latest>.tn-cap,.tn-latest>.tn-share{grid-column:auto}
}
.tn-latest .tn-share{align-self:stretch;justify-content:center;background:#fff;color:#0B1D4D;border-color:#fff;font-weight:800}
/* the free-call card and the after-save pop-up: the track and buttons fill the card */
.tn .tn-fc.sb-card,.fcpop{justify-items:stretch;text-align:left}
.tn .tn-fc.sb-card .fc-signoff,.tn .tn-fc.sb-card .sb-rules,.fcpop .fc-signoff,.fcpop .sb-rules{text-align:center}
/* after the first sighting (set-up): the share card's own colours over the screen's white text */
.hq-share,.hq-share p,.hq-share .hq-share-h{color:#0B1D4D}
.hq-share>.k{color:#D8283C}
.hq-share .sb-left{color:#56607d}
.hq-share .sb-btn{color:#0B1D4D}
/* the share pop-up: title centred like its subtitle */
.tn-pop-in.share h2{text-align:center}
/* ---- one share design everywhere (design test, 2 Nov 2026) ---- */
.sb-more{grid-template-columns:repeat(2,minmax(0,1fr))}
.sb-fb{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:14px;padding:15px 14px;background:#1877F2;box-shadow:0 5px 0 #0E4FA8;
  color:#fff!important;text-decoration:none;font:800 17px "Plus Jakarta Sans",Inter,sans-serif;margin-bottom:4px}
.sb-fb svg{width:22px;height:22px;flex:none}
.sb-fb:active{transform:translateY(3px);box-shadow:0 2px 0 #0E4FA8}
.sb .sb-sign{margin:8px 0 0;text-align:center;font:700 20px/1.2 "Plus Jakarta Sans",Inter,sans-serif;color:#B3122A}
.tn-pop .sb-later,.fcpop .sb-later{display:block;width:100%;margin-top:10px}
/* A. the screen after the first sighting plays (kids.js hqreveal): navy heading, red kicker, over the screen's white text */
body.tnew main.tk--ob .hq-share>.k,body.tnew main.tk--ob .hq-share .k{color:#C8102E!important;text-shadow:none!important;background:none!important;opacity:1}
body.tnew main.tk--ob .hq-share h2.hq-share-h,body.tnew main.tk--ob .hq-share .hq-share-h{color:#0B1D4D!important;text-shadow:none!important}
body.tnew main.tk--ob .hq-share p,body.tnew main.tk--ob .hq-share .sb-left{color:#26365F!important;text-shadow:none!important}
body.tnew main.tk--ob .hq-share .sb-sign{color:#B3122A!important}
body.tnew main.tk--ob .hq-share .sb-wa,body.tnew main.tk--ob .hq-share .sb-fb{color:#fff!important}