/* ==========================================================================
   SİPARİŞ / TAKİP PANELLERİ — "sade kutu" stili (v1)
   Civan'ın seçimi: Arial + kalın siyah çerçeve, kaydırılmış gölge, dolu kutu
   butonlar, renkli durum etiketi. Yalnız takip + sepet + onay ekranlarını
   etkiler (site.css'ten sonra yüklenir).
   ========================================================================== */

/* panel zemini: gri değil, düz beyaz */
.sheet.full .sheet-panel,
.sheet--cart .sheet-panel{
  background:#fff;
  font-family:Arial, Helvetica, sans-serif;
  padding:calc(20px + env(safe-area-inset-top)) 16px calc(40px + env(safe-area-inset-bottom));
}
.sheet.full .sheet-panel h3,
.sheet--cart .sheet-panel h3{
  font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:700;
  letter-spacing:-.01em;
}
.sheet-panel .eyebrow{
  font-family:Arial, Helvetica, sans-serif; font-size:13px;
  letter-spacing:0; text-transform:none; color:#8a8a8a;
}
.sheet.full .sheet-x,
.sheet--cart .sheet-x{
  background:#efefef; border:0; border-radius:50%;
  color:#222; font-weight:700;
}
.sheet.full .sheet-x:hover,
.sheet--cart .sheet-x:hover{background:#e2e2e2; color:#222}

/* ---- sipariş kartı ---- */
.order-card{
  border:2px solid #2b2b2b; border-radius:10px; padding:14px;
  background:#fff; box-shadow:4px 4px 0 #2b2b2b;
}
.oc-code{
  font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:700;
  letter-spacing:0; color:#111; background:none; border:0; padding:0;
}
.oc-status{
  font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:700;
  letter-spacing:0; text-transform:uppercase;
  padding:3px 8px; border-radius:4px;
  background:#fff3cd; border:1px solid #e0c46a; color:#7a5a12;
}
.oc-status.hazir{background:#e3f4e0; border-color:#8cbb84; color:#2f6b2f}
.oc-status.teslim{background:#eee; border-color:#bbb; color:#555}
.oc-status.iptal{background:#fde3e3; border-color:#d99; color:#a52222}

/* adımlar: ince çizgi yerine kalın blok */
.ol-steps li{
  font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:400;
  letter-spacing:0; text-transform:uppercase; color:#999;
}
.ol-steps li i{height:6px; border-radius:3px; background:#e2e2e2; box-shadow:none}
.ol-steps li.on{color:#333}
.ol-steps li.on i{background:#2b2b2b}
.ol-steps li.now{font-weight:700; color:#111}
.ol-steps li.now i{box-shadow:none}

/* ürün satırları */
.oc-list .cart-row{border-top:1px dashed #ddd; padding:12px 0}
.oc-list .cart-row:first-child{border-top:0; padding-top:0}
.oc-list .cart-row img{width:56px; height:56px; border-radius:8px; background:#f2f2f2}
.cart-info strong{
  font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:700;
  letter-spacing:0; color:#111;
}
.cart-info span{
  font-family:Arial, Helvetica, sans-serif; font-size:13px;
  letter-spacing:0; text-transform:none; color:#888;
}
.oc-qty{
  font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:700;
  letter-spacing:0; color:#333;
}
.oc-note{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-style:normal; color:#666}

/* ---- butonlar: dolu kutu + kaydırılmış gölge ---- */
.oc-foot{
  border-top:2px solid #2b2b2b; padding-top:12px; gap:10px; flex-wrap:wrap;
}
.oc-cancel, .oc-new, .track-mine, .track-form button{
  font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:700;
  letter-spacing:0; text-transform:none; border-radius:8px;
  padding:8px 14px; background:#fff; color:#111;
  border:2px solid #2b2b2b; box-shadow:3px 3px 0 #2b2b2b;
  transition:transform .12s, box-shadow .12s;
}
.oc-cancel:hover, .oc-new:hover, .track-mine:hover, .track-form button:hover{
  color:#111; background:#fff; transform:translate(1px, 1px); box-shadow:2px 2px 0 #2b2b2b;
}
.oc-cancel{color:#a52222; border-color:#a52222; box-shadow:3px 3px 0 #a52222}
.oc-cancel:hover{color:#a52222; box-shadow:2px 2px 0 #a52222}
.track-switch .track-mine{display:block; width:100%; text-align:center; margin-top:14px}

/* ---- geçmiş siparişler ---- */
.oc-hist{border-top:0; margin-top:22px; padding-top:0}
.oc-hist-cap{
  font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:700;
  letter-spacing:0; text-transform:none; color:#111; margin-bottom:8px;
}
.oc-hist-row{
  border:1px solid #ddd; border-radius:8px; padding:10px 12px; margin-bottom:8px;
  background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px;
  letter-spacing:0; color:#333;
}
.oc-hist-row:hover{color:#111; border-color:#bbb; background:#fafafa}
.oc-hist-code{font-weight:700}

/* ---- kod girişi ---- */
.track-intro{
  font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666;
}
.track-form input{
  font-family:Arial, Helvetica, sans-serif; font-size:15px;
  border:2px solid #2b2b2b; border-radius:8px; background:#fff; color:#111;
  padding:10px 12px;
}
.track-form button{background:#2b2b2b; color:#fff; border-color:#2b2b2b; box-shadow:3px 3px 0 #999}