/* Alize Jewellery — Sipariş Takip */

body.alize-theme .alize-track-page {
  background: var(--cream);
}

body.alize-theme .alize-auth-wrap.is-compact {
  min-height: auto;
  grid-template-columns: 1fr;
}

body.alize-theme .alize-auth-wrap.is-compact .auth-visual {
  display: none;
}

body.alize-theme .alize-auth-wrap.is-compact .auth-form-side {
  padding: 48px 40px 32px;
}

body.alize-theme .alize-track-results {
  padding: 0 40px 80px;
  max-width: 1320px;
  margin: 0 auto;
}

body.alize-theme .alize-track-card {
  background: var(--white);
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(20, 33, 61, 0.08);
  margin-bottom: 24px;
  overflow: hidden;
}

body.alize-theme .alize-track-card-head {
  padding: 20px 24px;
  border-bottom: 1px solid rgba(20, 33, 61, 0.08);
  display: flex;
  align-items: center;
  gap: 10px;
}

body.alize-theme .alize-track-card-head h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  font-weight: 600;
  color: var(--navy);
  margin: 0;
}

body.alize-theme .alize-track-card-head svg {
  width: 20px;
  height: 20px;
  stroke: var(--gold-dark);
}

body.alize-theme .alize-track-card-body {
  padding: 24px;
}

body.alize-theme .alize-info-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 32px;
}

body.alize-theme .alize-info-item .label {
  display: block;
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #a39a89;
  margin-bottom: 6px;
}

body.alize-theme .alize-info-item strong {
  font-size: 15px;
  color: var(--navy);
}

body.alize-theme .alize-status-badge {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

body.alize-theme .alize-status-badge.is-new,
body.alize-theme .alize-status-badge.is-shipping {
  background: rgba(30, 48, 84, 0.1);
  color: var(--navy-soft);
}

body.alize-theme .alize-status-badge.is-approved {
  background: rgba(198, 166, 100, 0.2);
  color: var(--gold-dark);
}

body.alize-theme .alize-status-badge.is-prepared {
  background: rgba(198, 166, 100, 0.15);
  color: #8a6d35;
}

body.alize-theme .alize-status-badge.is-delivered {
  background: rgba(111, 143, 94, 0.15);
  color: #6f8f5e;
}

body.alize-theme .alize-status-badge.is-cancelled,
body.alize-theme .alize-status-badge.is-return {
  background: rgba(181, 83, 63, 0.12);
  color: #b5533f;
}

body.alize-theme .alize-note-box {
  margin-top: 20px;
  padding: 16px 18px;
  background: #fff8ee;
  border-left: 4px solid var(--gold);
  border-radius: 4px;
  font-size: 14px;
  color: #4a463d;
  line-height: 1.6;
}

body.alize-theme .alize-bank-box {
  background: linear-gradient(150deg, var(--navy-deep), var(--navy-soft));
  border-radius: 8px;
  padding: 24px 28px;
  margin-bottom: 24px;
  color: var(--cream);
}

body.alize-theme .alize-bank-box h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 20px;
  font-weight: 600;
  color: var(--gold-light);
  margin: 0 0 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}

body.alize-theme .alize-bank-box h3 svg {
  width: 22px;
  height: 22px;
  stroke: var(--gold-light);
}

body.alize-theme .alize-bank-instructions {
  background: rgba(198, 166, 100, 0.12);
  border-left: 4px solid var(--gold);
  border-radius: 0 6px 6px 0;
  padding: 16px 20px;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 1.7;
  color: rgba(244, 239, 228, 0.9);
}

body.alize-theme .alize-bank-instructions .kicker {
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--gold-light);
  font-weight: 600;
  margin-bottom: 8px;
}

body.alize-theme .alize-bank-note {
  background: rgba(255, 255, 255, 0.07);
  border-radius: 6px;
  padding: 14px 18px;
  font-size: 14px;
  line-height: 1.65;
  color: rgba(244, 239, 228, 0.85);
}

body.alize-theme .alize-bank-note strong {
  color: var(--gold-light);
}

body.alize-theme .alize-bank-note .highlight {
  color: #8fd4a0;
  font-weight: 600;
}

body.alize-theme .alize-items-table {
  width: 100%;
  border-collapse: collapse;
}

body.alize-theme .alize-items-table th {
  font-size: 11px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #a39a89;
  font-weight: 600;
  padding: 12px 16px;
  text-align: left;
  background: var(--cream-2);
  border-bottom: 1px solid rgba(20, 33, 61, 0.08);
}

body.alize-theme .alize-items-table th.text-center {
  text-align: center;
}

body.alize-theme .alize-items-table th.text-end {
  text-align: right;
}

body.alize-theme .alize-items-table td {
  padding: 16px;
  border-bottom: 1px solid rgba(20, 33, 61, 0.06);
  vertical-align: middle;
  font-size: 14px;
  color: var(--ink);
}

body.alize-theme .alize-items-table td.text-center {
  text-align: center;
}

body.alize-theme .alize-items-table td.text-end {
  text-align: right;
}

body.alize-theme .alize-item-product {
  display: flex;
  align-items: center;
  gap: 14px;
}

body.alize-theme .alize-item-product img {
  width: 52px;
  height: 52px;
  object-fit: cover;
  border-radius: 6px;
  background: var(--cream-2);
}

body.alize-theme .alize-item-product strong {
  display: block;
  color: var(--navy);
  font-weight: 600;
}

body.alize-theme .alize-item-product small {
  display: block;
  font-size: 12px;
  color: #8a8375;
  margin-top: 2px;
}

body.alize-theme .alize-items-table tfoot td {
  background: var(--cream-2);
  border-bottom: none;
}

body.alize-theme .alize-items-table tfoot tr:last-child td {
  background: var(--navy);
  color: var(--cream);
  font-weight: 600;
  font-size: 15px;
}

body.alize-theme .alize-items-table tfoot tr:last-child td strong {
  color: var(--gold-light);
  font-family: 'Cormorant Garamond', serif;
  font-size: 18px;
}

body.alize-theme .alize-timeline {
  position: relative;
  padding-left: 28px;
}

body.alize-theme .alize-timeline::before {
  content: '';
  position: absolute;
  left: 7px;
  top: 4px;
  bottom: 4px;
  width: 2px;
  background: rgba(20, 33, 61, 0.12);
}

body.alize-theme .alize-timeline-item {
  position: relative;
  padding-bottom: 22px;
}

body.alize-theme .alize-timeline-item:last-child {
  padding-bottom: 0;
}

body.alize-theme .alize-timeline-dot {
  position: absolute;
  left: -28px;
  top: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--white);
  border: 2px solid #c5bdb0;
}

body.alize-theme .alize-timeline-item.is-current .alize-timeline-dot {
  border-color: var(--gold);
  background: var(--gold);
  box-shadow: 0 0 0 4px rgba(198, 166, 100, 0.25);
}

body.alize-theme .alize-timeline-content {
  background: var(--cream-2);
  border-radius: 6px;
  padding: 14px 16px;
  border-left: 3px solid transparent;
}

body.alize-theme .alize-timeline-item.is-current .alize-timeline-content {
  background: #fff8ee;
  border-left-color: var(--gold);
}

body.alize-theme .alize-timeline-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 4px;
}

body.alize-theme .alize-timeline-top strong {
  font-size: 14px;
  color: var(--navy);
}

body.alize-theme .alize-timeline-item.is-current .alize-timeline-top strong {
  color: var(--gold-dark);
}

body.alize-theme .alize-timeline-top span {
  font-size: 12px;
  color: #a39a89;
  white-space: nowrap;
}

body.alize-theme .alize-timeline-content p {
  margin: 0;
  font-size: 13px;
  color: #6b6558;
}

body.alize-theme .alize-track-hint {
  margin-top: 20px;
  padding: 14px 16px;
  background: rgba(198, 166, 100, 0.1);
  border-radius: 6px;
  font-size: 13px;
  color: #6b6558;
  line-height: 1.6;
}

body.alize-theme .alize-table-scroll {
  overflow-x: auto;
}

@media (max-width: 980px) {
  body.alize-theme .alize-track-results {
    padding: 0 22px 60px;
  }
}

@media (max-width: 768px) {
  body.alize-theme .alize-info-grid {
    grid-template-columns: 1fr;
  }

  body.alize-theme .alize-items-table th,
  body.alize-theme .alize-items-table td {
    padding: 10px 8px;
    font-size: 13px;
  }

  body.alize-theme .alize-item-product img {
    width: 42px;
    height: 42px;
  }
}