/* Track shipment modal + results (matches site --brand tokens) */
.track-modal .modal-content{
  border:1px solid #eef3fb;
  border-radius:18px;
  box-shadow:0 18px 44px rgba(15,23,42,.14);
  overflow:hidden;
}
.track-modal .modal-header{padding:1.25rem 1.25rem .5rem}
.track-modal .modal-body{padding:0 1.25rem 1.25rem}
.track-modal textarea.form-control{
  min-height:88px;
  resize:vertical;
  border-radius:12px;
  border-color:#dbe7f5;
}
.track-modal textarea.form-control:focus{
  border-color:var(--brand,#2587d2);
  box-shadow:0 0 0 .2rem rgba(37,135,210,.15);
}
.track-form-actions{text-align:center;margin-top:.75rem}
.track-form-actions .btn-track-submit{
  background:#cb0409;
  border:none;
  color:#fff;
  font-weight:900;
  padding:.6rem 2.25rem;
  border-radius:12px;
}
.track-form-actions .btn-track-submit:hover{background:#a90307;color:#fff}

.page-tracking .hero-home{background-image:url("../img/banner-background.png")}

.tracking-results{padding:48px 0 64px}
.tracking-results .track-block{
  background:#fff;
  border:1px solid #eef3fb;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 14px 34px rgba(15,23,42,.08);
  position:relative;
}
.tracking-results .track-block::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:4px;
  background:linear-gradient(180deg,var(--brand,#2587d2),rgba(37,135,210,.25));
  pointer-events:none;
}
.tracking-results .track-block-head{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:14px 18px 14px 22px;
  border-bottom:1px solid #eef3fb;
  background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);
}
.tracking-results .track-block-hint{font-size:.85rem;color:#64748b;font-weight:500}
.tracking-results .track-block-body{padding:18px 18px 18px 22px}
.tracking-results .track-label{
  display:block;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#64748b;
  font-weight:800;
  margin-bottom:4px;
}
.tracking-results .track-badge{
  display:inline-block;
  font-weight:900;
  font-size:.95rem;
  padding:4px 12px;
  border-radius:999px;
}
.tracking-results .track-badge--delivered{
  color:#15803d;
  background:rgba(21,128,61,.12);
}
.tracking-results .track-badge--transit{
  color:#b45309;
  background:rgba(180,83,9,.12);
}
.tracking-results .track-back-link{
  font-size:.9rem;
  font-weight:700;
  color:var(--brand,#2587d2);
  text-decoration:none;
}
.tracking-results .track-back-link:hover{text-decoration:underline}
.tracking-results .track-party-title{
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#64748b;
  font-weight:800;
  margin-bottom:10px;
}

/* Shipment details — party cards + meta grid */
.tracking-results .track-block-details .track-block-body{padding:22px 22px 24px 26px}
.track-details-parties{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-bottom:22px;
}
.track-party-card{
  background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);
  border:1px solid #e2ebf7;
  border-radius:16px;
  padding:18px 18px 16px;
  height:100%;
}
.track-party-card__head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
  padding-bottom:12px;
  border-bottom:1px solid #e8f0fa;
}
.track-party-card__icon{
  width:40px;
  height:40px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(37,135,210,.12);
  color:var(--brand,#2587d2);
  font-size:1.05rem;
  flex-shrink:0;
}
.track-party-card--receiver .track-party-card__icon{
  background:rgba(21,128,61,.1);
  color:#15803d;
}
.track-party-card__title{
  margin:0;
  font-size:.78rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#64748b;
  font-weight:800;
}
.track-party-card__name{
  margin:0 0 4px;
  font-size:1.05rem;
  font-weight:800;
  color:#0f172a;
  line-height:1.35;
}
.track-party-card__org{
  margin:0 0 10px;
  font-size:.92rem;
  font-weight:600;
  color:#475569;
}
.track-party-card__address{
  margin:0 0 12px;
  font-style:normal;
  color:#475569;
  font-size:.92rem;
  line-height:1.65;
}
.track-party-card__address span{display:block}
.track-party-card__phone{
  margin:0;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:.9rem;
  font-weight:600;
  color:#334155;
}
.track-party-card__phone i{color:var(--brand,#2587d2);font-size:.95rem}
.track-party-card__phone a{color:inherit;text-decoration:none}
.track-party-card__phone a:hover{color:var(--brand,#2587d2);text-decoration:underline}

.track-details-meta{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
  gap:12px;
  padding-top:4px;
  border-top:1px solid #eef3fb;
}
.track-detail-card{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 14px 13px;
  background:#fff;
  border:1px solid #e8f0fa;
  border-radius:14px;
  min-height:100%;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.track-detail-card:hover{
  border-color:#cfe0f5;
  box-shadow:0 6px 18px rgba(15,23,42,.05);
}
.track-detail-card__icon{
  width:36px;
  height:36px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:rgba(37,135,210,.08);
  color:var(--brand,#2587d2);
  font-size:.95rem;
  flex-shrink:0;
}
.track-detail-card__content{min-width:0}
.track-detail-card__label{
  display:block;
  font-size:.72rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#64748b;
  font-weight:700;
  margin-bottom:3px;
}
.track-detail-card__value{
  display:block;
  font-size:.95rem;
  font-weight:700;
  color:#0f172a;
  line-height:1.4;
  word-break:break-word;
}
@media (max-width:768px){
  .track-details-parties{grid-template-columns:1fr}
  .track-details-meta{grid-template-columns:1fr}
}

.tracking-history-table,.tracking-summary-table{width:100%;border-collapse:collapse}
.tracking-history-table th,.tracking-history-table td,
.tracking-summary-table th,.tracking-summary-table td{
  padding:10px 14px;
  border-bottom:1px solid #eef3fb;
  vertical-align:top;
}
.tracking-history-table thead th,.tracking-summary-table thead th{
  background:var(--brand,#2587d2);
  color:#fff;
  font-weight:700;
  font-size:.9rem;
}
.tracking-history-table .date-row td{
  background:rgba(37,135,210,.08);
  font-weight:800;
  color:var(--brand-900,#062b73);
}
.tracking-summary-table tbody tr:nth-child(even){background:#f8fbff}
.tracking-summary-table a{font-weight:800}

.track-not-found{max-width:520px}
.track-not-found-icon{font-size:2.5rem;color:var(--brand,#2587d2);display:block;margin-bottom:12px}

/* Hero: modal trigger styled like secondary CTA */
button.btn-hero{border:none;cursor:pointer;font-family:inherit}