/* ===== Boarding-card designs (Admin > Home page > Boarding card design). data-card on <html>. "classic" = the default blue-band card. ===== */

/* ---------- MIDNIGHT: dark navy glass card, gold rim, white type ---------- */
html[data-card="midnight"] .bpc{color:#fff}
html[data-card="midnight"] .bpc .bpc-main,html[data-card="midnight"] .bpc .bpc-stub{background:linear-gradient(160deg,#18214A,#0A1030);color:#fff;box-shadow:inset 0 0 0 1px rgba(230,190,110,.45)}
html[data-card="midnight"] .bpc .bpc-main{border-radius:18px 0 0 18px}
html[data-card="midnight"] .bpc .bpc-stub{border-radius:0 18px 18px 0;border-left:2px dashed rgba(230,190,110,.5)}
html[data-card="midnight"] .bpc .bpc-top{background:none;color:#E8C76F;border-bottom:1px solid rgba(230,190,110,.35);padding-bottom:10px;margin-bottom:2px}
html[data-card="midnight"] .bpc .bpc-route .code,html[data-card="midnight"] .bpc .bpc-grid b,html[data-card="midnight"] .bpc .bpc-stub .pnr{color:#fff}
html[data-card="midnight"] .bpc .bpc-route .code{font-weight:300;letter-spacing:.04em;font-size:2.3rem}
html[data-card="midnight"] .bpc .bpc-route em,html[data-card="midnight"] .bpc .lb,html[data-card="midnight"] .bpc .bpc-path small{color:#A9B7DA}
html[data-card="midnight"] .bpc .bpc-path{color:#E8C76F}
html[data-card="midnight"] .bpc .bpc-path svg{background:#0A1030;color:#E8C76F;box-shadow:0 0 0 1px rgba(230,190,110,.6)}
html[data-card="midnight"] .bpc .bpc-path i{border-top:1.5px solid #E8C76F;opacity:.5}
html[data-card="midnight"] .bpc .bpc-stub .stamp{background:none;border:1.5px solid #E8C76F;color:#E8C76F}
html[data-card="midnight"] .bpc .bpc-stub .bar{background:repeating-linear-gradient(90deg,#E8C76F 0 2px,#0000 2px 4px,#E8C76F 4px 5px,#0000 5px 8px)}
html[data-card="midnight"] .bpc .bpc-grid{border-top-color:rgba(230,190,110,.3)}

/* ---------- PAPER: cream thermal-print slip, monospace, torn edges, red stamp ---------- */
html[data-card="paper"] .bpc{color:#2A2118}
html[data-card="paper"] .bpc .bpc-main,html[data-card="paper"] .bpc .bpc-stub{background:#FBF4E4;color:#2A2118;box-shadow:inset 0 0 0 1px rgba(60,40,10,.12)}
html[data-card="paper"] .bpc .bpc-main{border-radius:4px 0 0 4px;-webkit-mask:none;mask:none;background-image:repeating-linear-gradient(0deg,transparent 0 27px,rgba(60,40,10,.06) 27px 28px)}
html[data-card="paper"] .bpc .bpc-stub{border-radius:0 4px 4px 0;border-left:2px dotted rgba(60,40,10,.4);-webkit-mask:none;mask:none}
html[data-card="paper"] .bpc{filter:drop-shadow(0 12px 18px rgba(60,40,10,.2))}
html[data-card="paper"] .bpc .bpc-top{background:none;color:#2A2118;border-bottom:2px solid #2A2118;padding:12px 20px 8px;font-family:var(--mono);text-transform:uppercase}
html[data-card="paper"] .bpc .bpc-route .code{font:800 2.4rem/1 var(--mono);letter-spacing:-.02em;color:#2A2118}
html[data-card="paper"] .bpc .bpc-route em,html[data-card="paper"] .bpc .lb,html[data-card="paper"] .bpc .bpc-path small{color:#6E5E48;font-family:var(--mono)}
html[data-card="paper"] .bpc .bpc-grid b,html[data-card="paper"] .bpc .bpc-stub .pnr{color:#2A2118;font-family:var(--mono)}
html[data-card="paper"] .bpc .bpc-path{color:#2A2118}
html[data-card="paper"] .bpc .bpc-path i{border-top:2px dashed #2A2118;opacity:.5}
html[data-card="paper"] .bpc .bpc-path svg{background:#FBF4E4;color:#2A2118;box-shadow:none;border:2px solid #2A2118}
html[data-card="paper"] .bpc .bpc-stub .stamp{background:none;color:#C4261E;border:2.5px solid #C4261E;border-radius:4px;transform:rotate(-9deg);font-size:.66rem}
html[data-card="paper"] .bpc .bpc-stub .bar{background:repeating-linear-gradient(90deg,#2A2118 0 3px,#0000 3px 5px,#2A2118 5px 6px,#0000 6px 9px)}
html[data-card="paper"] .bpc .bpc-grid{border-top:2px dashed rgba(60,40,10,.35)}
html[data-card="paper"] .bpc-main::after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:linear-gradient(135deg,#FBF4E4 50%,transparent 50%) 0 0/10px 7px,linear-gradient(225deg,#FBF4E4 50%,transparent 50%) 0 0/10px 7px;transform:translateY(100%)}

/* ---------- COLOUR: bold full-colour gradient card, white type, big rounded corners, white pill stamp ---------- */
html[data-card="colour"] .bpc{color:#fff}
html[data-card="colour"] .bpc .bpc-main,html[data-card="colour"] .bpc .bpc-stub{background:linear-gradient(135deg,var(--gold),var(--navy));color:#fff}
html[data-card="colour"] .bpc .bpc-main{border-radius:30px 0 0 30px}
html[data-card="colour"] .bpc .bpc-stub{border-radius:0 30px 30px 0;background:linear-gradient(135deg,var(--cta),var(--cta-d));border-left:2px dashed rgba(255,255,255,.7);color:var(--on-cta)}
html[data-card="colour"] .bpc .bpc-top{background:rgba(255,255,255,.14);color:#fff;margin:14px 18px 0;border-radius:999px;padding:8px 14px}
html[data-card="colour"] .bpc .bpc-route .code{color:#fff;font-weight:800}
html[data-card="colour"] .bpc .bpc-route em,html[data-card="colour"] .bpc .lb,html[data-card="colour"] .bpc .bpc-path small{color:rgba(255,255,255,.8)}
html[data-card="colour"] .bpc .bpc-grid b{color:#fff}
html[data-card="colour"] .bpc .bpc-path{color:#fff}
html[data-card="colour"] .bpc .bpc-path i{border-top:2.5px dotted #fff;opacity:.6}
html[data-card="colour"] .bpc .bpc-path svg{background:#fff;color:var(--navy)}
html[data-card="colour"] .bpc .bpc-grid{border-top-color:rgba(255,255,255,.3)}
html[data-card="colour"] .bpc .bpc-stub .stamp{background:#fff;color:var(--cta-d);border-radius:999px;transform:none}
html[data-card="colour"] .bpc .bpc-stub .pnr,html[data-card="colour"] .bpc .bpc-stub .lb{color:var(--on-cta)}
html[data-card="colour"] .bpc .bpc-stub .bar{background:repeating-linear-gradient(90deg,rgba(0,0,0,.75) 0 2px,#0000 2px 4px,rgba(0,0,0,.75) 4px 5px,#0000 5px 8px)}