/* Templehall Cafe skin for the shared Clarity board: cafe red fascia, cream, teal and a little mustard. Colours only; layout is the shared core. */
@font-face{font-family:Fredoka;src:url(/assets/fredoka.woff2) format('woff2');font-weight:300 700;font-display:swap}
:root{--bg:#FBF4E6;--card:#FFFDF8;--text:#2b1a12;--sub:#6a5446;--line:rgba(43,26,18,.1);--cardline:rgba(178,58,46,.16);--fill:#f4e7d2;--ring:#efdcc2;
--brand:#B23A2E!important;--pack:#B23A2E!important;--link:#1F6F6B;--tint:#f8e0da;--y:#F2C14E}
body{background:#FBF4E6}
.biz,h1,h2,.hc-h3{font-family:Fredoka,'Arial Rounded MT Bold',system-ui,sans-serif;letter-spacing:0}
.preview-bar{background:#1F6F6B;color:#FFF8EC;gap:6px 12px}
.preview-bar a{color:#FFF8EC;font-weight:700;min-height:44px;display:inline-flex;align-items:center}
.preview-bar label{display:none}
.top{background:linear-gradient(#B23A2E,#B23A2E) top/100% 8px no-repeat}
.logo.logo-img{background:#B23A2E;width:52px;height:52px}
.logo.logo-img img{width:46px;height:46px;object-fit:contain}
.chips{background:rgba(251,244,230,.92)}
.chips a.trade{color:#8f2c22;background:#f8e0da}
.card{border-radius:20px;position:relative}
.card h2{color:#8f2c22}
.btn.primary{background:#B23A2E;border-color:#B23A2E}
.foot{color:#6a5446}
/* kids meals tally */
.th-big{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}
.th-big div{background:#FBF4E6;border:1.5px solid #efdcc2;border-radius:14px;padding:10px 6px;text-align:center}
.th-big b{display:block;font:700 28px/1.1 Fredoka,system-ui,sans-serif;color:#B23A2E}
.th-big div:nth-child(3) b{color:#1F6F6B}
.th-big span{font-size:13px;color:#6a5446}
.th-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.th-row .btn{min-height:44px}
.th-log{list-style:none;padding:0;margin:8px 0;font-size:14px}
.th-log li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px dashed #efdcc2}
.th-fl{display:flex;flex-direction:column;gap:4px;margin:8px 0;font-weight:600}
.th-fl input{min-height:44px;font-size:16px;padding:6px 10px;border-radius:10px;border:1.5px solid #efdcc2}
.th-msg{min-height:1.3em;color:#1F6F6B;font-weight:600}