/* Melagodo 4.0 · Preferito brand layer (loaded last). Colours and fonts are set in the :root of index.html;
   this file only adds the brand pieces and a few refinements. */

/* the « powered by preferito » foot line */
.pf-footwrap{display:flex;justify-content:center;padding:6px 0 calc(10px + env(safe-area-inset-bottom));clear:both}
.pf-footwrap .pf-foot{padding:14px 0 12px !important;opacity:.9}

/* the « p » mark next to a name: a clean square, no stroke inherited */
.pf-mark{flex:none;display:block}
.wordmark .pf-mark,.cc-brand .pf-mark{border-radius:28%}

/* titles: Sora Semibold, slightly tighter */
h1,h2,h3,.wordmark{letter-spacing:-.02em}

/* photo screens (welcome, order ready, paid, celebration): a deep Prune scrim, white text */
.hero,.ready-screen,.paid-screen,.celebrate{color:#fff}
.hero .wordmark{color:#fff}
.hero .lbtn,.ready-screen .lbtn,.paid-screen .lbtn{background:rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}

/* borne: the people planned in the next 3 hours */
.bn-eb2{margin-top:10px}
.bn-p.bn-plan{display:flex;align-items:center;gap:12px}
.bn-plan .bn-pn{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.bn-plan .bn-pn b{font-size:16px;flex:none}
.bn-plan .bn-pn small{color:var(--muted);font-size:12px}
.bn-st{flex:none;font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:999px;background:var(--butter-2);color:var(--ink);white-space:nowrap}
.bn-st-in{background:#E4F1E7;color:var(--ok-ink)}
.bn-st-late{background:#FBE7E4;color:var(--warn)}
.bn-plan.is-in .kav{background:var(--ok)}

/* text inside Prune elements stays light */
.tips button[aria-checked="true"] .a{color:rgba(255,255,255,.85)}
.zstats div:first-child span{color:rgba(255,255,255,.85)}
/* …but the light cards sitting on them keep dark text */
:is(.hero,.ready-screen,.paid-screen,.celebrate) :is(.glass,.ratecard,.bonus,.demo-tag,.tcard,.receipt,.card,.sheet){color:var(--ink)}