/* יש אלבום · orders (shipped only in the ORDERS_LIVE=1 build). Uses the v4 tokens and classes from styles.css. */
.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink-20)}
.btn-ghost:hover{background:rgba(42,36,32,.05)}
.doc .btn-ghost{color:var(--ink)}
.btn[aria-disabled=true]{opacity:.38;cursor:not-allowed;transform:none}
.btn[aria-disabled=true]:hover{transform:none;background:var(--ink)}
.btn-ghost[aria-disabled=true]:hover{background:transparent}

/* order.html */
.order .wrap{max-width:860px}
.order .eyebrow{margin-bottom:12px}
.o-lead{font-size:19px!important;color:var(--ink-70)!important}
.o-card{background:var(--white);border:1px solid rgba(42,36,32,.08);border-radius:24px;padding:32px 36px;margin-top:24px}
.o-card h2{margin:0 0 16px}
.o-list{list-style:none;padding:0!important;margin:0 0 8px!important;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}
.o-list li{display:flex;align-items:flex-start;gap:10px;margin:0!important;font-size:16px!important;line-height:1.45!important;color:rgba(42,36,32,.85)!important}
.o-list img{width:18px;height:18px;flex:none;margin-top:2px}
.o-lines{margin:20px 0 0;padding:0}
.o-lines > div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid var(--ink-12)}
.o-lines dt{font-size:17px;font-weight:500;color:var(--ink)}
.o-lines dt small{display:block;font-size:14px;font-weight:400;line-height:1.5;color:var(--ink-60);margin-top:2px}
.o-lines dd{margin:0;font-size:20px;font-weight:600;white-space:nowrap}
.o-lines .o-total{border-top:2px solid var(--ink)}
.o-lines .o-total dt{font-size:20px;font-weight:700}
.o-lines .o-total dd{font-size:40px;font-weight:700;letter-spacing:-.03em;line-height:1}
.o-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:20px}
.o-meta p{font-size:14px!important;color:var(--ink-60)!important;margin:0!important}
.o-card ul:not(.o-list){margin-bottom:0}
.o-pay{background:var(--ink);color:var(--cream);border:0;border-radius:32px;padding:40px}
.o-pay h2{color:var(--cream)}
.o-pay p{color:var(--cream-80)}
.o-pay a{color:var(--cream)}
.agree{display:flex;align-items:flex-start;gap:12px;font-size:17px;font-weight:500;line-height:1.45;cursor:pointer}
.agree input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--gold);flex:none;cursor:pointer}
.agree-links{font-size:14px!important;margin:8px 34px 0 0!important;color:var(--cream-70)!important}
.pay-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.o-pay .pay-btn{background:var(--gold);color:var(--ink)}
.o-pay .pay-btn:hover{background:#ebb64d}
.o-pay .pay-btn.btn-ghost{background:transparent;color:var(--cream);box-shadow:inset 0 0 0 1.5px var(--cream-45)}
.o-pay .pay-btn.btn-ghost:hover{background:var(--cream-14)}
.o-pay .pay-btn[aria-disabled=true]{opacity:.4}
.o-pay .pay-btn[aria-disabled=true]:hover{background:var(--gold)}
.o-pay .pay-btn.btn-ghost[aria-disabled=true]:hover{background:transparent}
.pay-status{font-weight:600;font-size:15px!important;color:var(--gold)!important;margin-top:14px!important;min-height:1.5em}
.o-pay .small{color:var(--cream-60)!important;margin-top:16px!important}


/* Extra copy option (order.html #extra) */
.o-opt{display:flex;align-items:flex-start;gap:12px;font-size:17px;font-weight:500;line-height:1.45;cursor:pointer;margin-top:14px;color:var(--ink)}
.o-opt input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--gold);flex:none;cursor:pointer}
.o-opt-note{font-size:14px!important;line-height:1.55!important;color:var(--ink-60)!important;margin:16px 0 0!important}
.o-lines > div[hidden],.o-opt[hidden]{display:none!important}

@media (max-width:900px){
  .o-lead{font-size:16px!important}
  .o-card{padding:24px 20px;border-radius:20px;margin-top:16px}
  .o-list{grid-template-columns:1fr}
  .o-lines dt{font-size:16px}
  .o-lines .o-total dd{font-size:32px}
  .o-pay{padding:32px 20px;border-radius:28px}
  .agree{font-size:16px}
  .pay-row{flex-direction:column}
  .pay-row .btn{width:100%}
}
.order a[href^="mailto:"]{white-space:nowrap}