/* ===================================================================
   TRUSTOLD · Страница «Мои заказы» + «Детали заказа»
   Использует токены из design.css. Палитру/шрифты не переопределяем.
   =================================================================== */

/* ── шапка страницы ──────────────────────────────────────────── */
.orders-page{background:var(--bg);padding:0 0 40px;min-height:60vh}
.orders-head{max-width:var(--maxw);margin:0 auto;padding:30px var(--pad) 0}
.orders-head .page-lead{max-width:640px}

/* ── пустое состояние ────────────────────────────────────────── */
.orders-empty{
  max-width:var(--maxw);margin:0 auto;padding:70px var(--pad);text-align:center;
}
.orders-empty-title{
  font-family:var(--serif);font-weight:600;font-size:26px;color:var(--ink);margin:0;
}
.orders-empty .btn{margin-top:26px}

/* ── список заказов ──────────────────────────────────────────── */
.orders-list{max-width:var(--maxw);margin:44px auto 0;padding:0 var(--pad)}

.order-card{
  display:block;border:1px solid var(--gold-30);background:var(--surface);
  margin-bottom:24px;transition:border-color .35s,box-shadow .35s,transform .35s;
}
.order-card:hover{border-color:var(--gold-62);box-shadow:var(--shadow-soft);transform:translateY(-3px)}

/* шапка карточки — кликабельная ссылка на детали заказа */
.order-card-head{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;
  padding:24px 32px;border-bottom:1px solid var(--gold-22);transition:background .3s;
}
.order-card-head:hover{background:var(--gold-12)}
.order-card-id{display:flex;align-items:baseline;gap:22px;flex-wrap:wrap}
.order-num{font-family:var(--serif);font-weight:700;font-size:22px;color:var(--ink);transition:color .3s}
.order-card-head:hover .order-num{color:var(--gold)}
.order-date{font-family:var(--sans);font-size:13px;color:var(--muted)}
.order-card-aside{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.order-chip{
  font-family:var(--sans);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold);border:1px solid var(--gold-62);padding:6px 14px;white-space:nowrap;
}
.order-sum{font-family:var(--serif);font-weight:600;font-size:22px;color:var(--ink)}
.order-sum .price-rub{font-size:22px}

/* ── позиции внутри карточки заказа ──────────────────────────── */
.order-items{padding:10px 32px 18px}
.order-line{
  display:flex;align-items:center;gap:20px;padding:16px 0;
  border-bottom:1px solid var(--gold-12);transition:opacity .3s;
}
.order-line:last-child{border-bottom:none}
a.order-line:hover{opacity:.94}
a.order-line:hover .order-line-name{color:var(--gold)}

/* мини-фото в рамке (двойная золотая обводка как у .framed) */
.order-line-thumb{
  position:relative;width:64px;height:64px;flex:none;
  background:#E8E6E0;border:1px solid var(--gold-30);overflow:hidden;
}
.order-line-thumb::after{content:"";position:absolute;inset:6px;border:1px solid var(--gold-30);pointer-events:none;z-index:2}
.order-line-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.order-line-thumb-ph{position:absolute;inset:0;background:linear-gradient(135deg,#EDEAE2,#E2DED5)}
.order-line-info{flex:1;min-width:0}
.order-line-name{
  font-family:var(--serif);font-weight:600;font-size:18px;color:var(--ink);
  line-height:1.25;transition:color .3s;display:block;
}
a.order-line-name:hover{color:var(--gold)}
.order-line-meta{font-family:var(--sans);font-size:12.5px;color:var(--muted-2);margin-top:4px}
.order-line-sum{font-family:var(--sans);font-size:15px;color:var(--ink-2);white-space:nowrap}
.order-line-sum .price-rub{font-family:var(--sans);font-weight:400;font-size:15px;color:var(--ink-2)}

/* ════════ ДЕТАЛИ ОДНОГО ЗАКАЗА ════════════════════════════════ */
.order-detail{max-width:var(--maxw);margin:30px auto 0;padding:0 var(--pad)}
.order-detail-meta{
  font-family:var(--sans);font-weight:300;font-size:14px;color:var(--muted);margin:16px 0 0;
  display:flex;align-items:center;flex-wrap:wrap;
}
.order-detail-meta .sep{margin:0 12px;color:var(--gold-62)}

.order-detail-card{
  border:1px solid var(--gold-30);background:var(--surface);margin-top:40px;
}
.order-detail-card .order-items{padding:6px 36px 8px}
.order-detail-card .order-line-name{font-size:19px}

.order-detail-total{
  display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:14px;
  padding:26px 36px;border-top:1px solid var(--gold-30);
}
.order-detail-total-label{
  font-family:var(--sans);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);
}
.order-detail-total-value{font-family:var(--serif);font-weight:700;font-size:28px;color:var(--ink)}
.order-detail-total-value .price-rub{font-size:28px;font-weight:700}

/* ── адаптив ─────────────────────────────────────────────────── */
@media (max-width:560px){
  .order-card-head{padding:18px 20px}
  .order-items,.order-detail-card .order-items{padding:6px 20px 10px}
  .order-detail-total{padding:22px 20px}
  .order-line{flex-wrap:wrap}
  .order-line-thumb{width:54px;height:54px}
  .order-line-sum{margin-left:84px}
}