/* =========================
   ORDERS TRACKING - HERO
========================= */

.page-slug-orders-tracking .entry-content,
.page-id-XXXX .entry-content {
  max-width: 1280px;
  margin: 0 auto;
}

.nv-tracking-hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 28px;
  padding: 30px;
  border-radius: 24px;
  background: linear-gradient(135deg, #003049 0%, #041f2b 55%, #112b37 100%);
  color: #fff;
  box-shadow: 0 16px 40px rgba(19, 22, 80, 0.18);
}

.nv-tracking-hero__eyebrow {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #fcbf49;
}

.nv-tracking-hero h1 {
  margin: 0 0 10px;
  font-size: 34px;
  line-height: 1.1;
  color: #fff;
}

.nv-tracking-hero p {
  margin: 0;
  max-width: 760px;
  font-size: 15px;
  line-height: 1.7;
  color: rgba(255,255,255,.88);
}

/* =========================
   ORDERS TRACKING - LAYOUT
========================= */

.page-slug-orders-tracking .entry-content {
  max-width: 1280px;
  margin: 0 auto;
  padding: 32px 20px 48px;
}

.page-slug-orders-tracking .entry-content > form,
.page-slug-orders-tracking .woo-orders-tracking-shortcode-timeline-container {
  background: #fff;
  border: 1px solid #e8ebf3;
  border-radius: 24px;
  box-shadow: 0 10px 30px rgba(18, 20, 60, 0.06);
}

/* Buscador */
.page-slug-orders-tracking .vi-woo-orders-tracking-form-search {
  padding: 26px;
  margin-bottom: 24px;
}

.page-slug-orders-tracking .vi-woo-orders-tracking-form-row {
  display: flex;
  gap: 12px;
  align-items: stretch;
}

.page-slug-orders-tracking .vi-woo-orders-tracking-form-search-tracking-number {
  flex: 1 1 auto;
  min-height: 52px;
  border: 1px solid #dfe5f1;
  border-radius: 14px;
  background: #fff;
  color: #2f3553;
  padding: 0 16px;
  box-shadow: none;
  transition: all .2s ease;
}

.page-slug-orders-tracking .vi-woo-orders-tracking-form-search-tracking-number:focus {
  border-color: #7adfff;
  box-shadow: 0 0 0 3px rgba(122, 223, 255, 0.18);
  outline: none;
}

.page-slug-orders-tracking .vi-woo-orders-tracking-form-search-tracking-number-btnclick {
  min-width: 140px;
  min-height: 52px;
  border: none;
  border-radius: 14px;
  background: #1b1c7f;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
  transition: all .2s ease;
}

.page-slug-orders-tracking .vi-woo-orders-tracking-form-search-tracking-number-btnclick:hover {
  transform: translateY(-1px);
  background: #23268d;
}

/* Mensaje */
.page-slug-orders-tracking .vi-woo-orders-tracking-form-message {
  margin-top: 14px;
  font-size: 14px;
  color: #6b7285;
}

/* Timeline contenedor */
.page-slug-orders-tracking .woo-orders-tracking-shortcode-timeline-container {
  padding: 28px;
}

/* Título de tracking */
.page-slug-orders-tracking .woo-orders-tracking-shortcode-timeline-title {
  margin-bottom: 18px;
  text-align: left;
}

.page-slug-orders-tracking .woo-orders-tracking-shortcode-timeline-title span {
  display: inline-block;
  font-size: 28px;
  font-weight: 800;
  color: #161616;
  line-height: 1.2;
}

/* Estado superior */
.page-slug-orders-tracking .woo-orders-tracking-shortcode-timeline-status-wrap {
  margin-bottom: 18px;
  border-radius: 16px;
  padding: 14px 18px;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.page-slug-orders-tracking .woo-orders-tracking-shortcode-timeline-status-delivered {
  background: #e8faf1;
  color: #0f8a50;
}

/* Última actualización */
.page-slug-orders-tracking .woo-orders-tracking-shortcode-timeline-last-update {
  margin-bottom: 28px;
}

.page-slug-orders-tracking .woo-orders-tracking-shortcode-timeline-last-update-text {
  font-size: 14px;
  color: #6b7285;
}

.page-slug-orders-tracking .woo-orders-tracking-shortcode-timeline-last-update-text span {
  color: #2f3553;
  font-weight: 700;
}

/* Eventos timeline */
.page-slug-orders-tracking .woo-orders-tracking-shortcode-timeline-events-wrap {
  margin-top: 12px;
}

.page-slug-orders-tracking .woo-orders-tracking-shortcode-timeline-event-content {
  background: #fff;
  border: 1px solid #e7eaf3;
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(18, 20, 60, 0.05);
  padding: 18px 20px;
}

.page-slug-orders-tracking .woo-orders-tracking-shortcode-timeline-event-des {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  color: #2f3553;
  line-height: 1.35;
}

.page-slug-orders-tracking .woo-orders-tracking-shortcode-timeline-event-location,
.page-slug-orders-tracking .woo-orders-tracking-shortcode-timeline-event-time {
  display: block;
  font-size: 14px;
  line-height: 1.6;
  color: #6b7285;
}

/* Iconos del timeline */
.page-slug-orders-tracking .woo-orders-tracking-shortcode-timeline-icon {
  box-shadow: 0 8px 18px rgba(18, 20, 60, 0.10);
}

/* Responsive */
@media (max-width: 767px) {
  .page-slug-orders-tracking .entry-content {
    padding: 20px 14px 36px;
  }

  .nv-tracking-hero {
    padding: 22px 18px;
    border-radius: 18px;
  }

  .nv-tracking-hero h1 {
    font-size: 28px;
  }

  .page-slug-orders-tracking .vi-woo-orders-tracking-form-search,
  .page-slug-orders-tracking .woo-orders-tracking-shortcode-timeline-container {
    padding: 18px;
    border-radius: 18px;
  }

  .page-slug-orders-tracking .vi-woo-orders-tracking-form-row {
    flex-direction: column;
  }

  .page-slug-orders-tracking .vi-woo-orders-tracking-form-search-tracking-number-btnclick {
    width: 100%;
    min-width: 0;
  }

  .page-slug-orders-tracking .woo-orders-tracking-shortcode-timeline-title span {
    font-size: 22px;
  }

  .page-slug-orders-tracking .woo-orders-tracking-shortcode-timeline-event-des {
    font-size: 16px;
  }
}

/* Botón hero */
.nv-tracking-hero__actions {
  display: flex;
  align-items: center;
}

.nv-tracking-hero__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 18px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  color: #fff;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  transition: all .25s ease;
}

.nv-tracking-hero__btn:hover {
  background: rgba(255,255,255,.18);
  color: #fff;
}

@media (max-width: 767px) {
  .nv-tracking-hero {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .nv-tracking-hero__actions {
    width: 100%;
  }

  .nv-tracking-hero__btn {
    width: 100%;
  }
}

/* =========================
   ORDERS TRACKING - RESULTADO
========================= */

.nv-orders-tracking-page .woo-orders-tracking-shortcode-timeline-container {
  margin-top: 24px;
  padding: 30px;
  background: #fff;
  border: 1px solid #e7eaf3;
  border-radius: 24px;
  box-shadow: 0 10px 30px rgba(18, 20, 60, 0.06);
}

/* Título principal del carrier */
.nv-orders-tracking-page .woo-orders-tracking-shortcode-timeline-title {
  margin-bottom: 18px;
  text-align: left;
}

.nv-orders-tracking-page .woo-orders-tracking-shortcode-timeline-title span {
  display: inline-block;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 800;
  color: #161616;
}

/* Estado del envío */
.nv-orders-tracking-page .woo-orders-tracking-shortcode-timeline-status-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  margin-bottom: 18px;
  padding: 0 20px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
  box-shadow: none;
}

.nv-orders-tracking-page .woo-orders-tracking-shortcode-timeline-status-delivered {
  background: #e8faf1;
  color: #0f8a50;
}

.nv-orders-tracking-page .woo-orders-tracking-shortcode-timeline-status-transit,
.nv-orders-tracking-page .woo-orders-tracking-shortcode-timeline-status-in_transit {
  background: #eef4ff;
  color: #2456c7;
}

.nv-orders-tracking-page .woo-orders-tracking-shortcode-timeline-status-pending {
  background: #fff6e8;
  color: #b56a00;
}

/* Última actualización */
.nv-orders-tracking-page .woo-orders-tracking-shortcode-timeline-last-update {
  margin-bottom: 28px;
}

.nv-orders-tracking-page .woo-orders-tracking-shortcode-timeline-last-update-text {
  font-size: 14px;
  color: #6b7285;
}

.nv-orders-tracking-page .woo-orders-tracking-shortcode-timeline-last-update-text span {
  color: #2f3553;
  font-weight: 700;
}

/* Área timeline */
.nv-orders-tracking-page .woo-orders-tracking-shortcode-timeline-events-wrap {
  margin-top: 16px;
}

/* Línea central si el plugin la genera con pseudo/estructura */
.nv-orders-tracking-page .woo-orders-tracking-shortcode-timeline-wrap {
  position: relative;
}

/* Evento */
.nv-orders-tracking-page .woo-orders-tracking-shortcode-timeline-event {
  margin-bottom: 24px;
}

/* Ícono del evento */
.nv-orders-tracking-page .woo-orders-tracking-shortcode-timeline-icon {
  box-shadow: 0 10px 22px rgba(18, 20, 60, 0.10);
  border: 4px solid #fff;
}

/* Tarjeta del evento */
.nv-orders-tracking-page .woo-orders-tracking-shortcode-timeline-event-content {
  background: #fff;
  border: 1px solid #e7eaf3;
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(18, 20, 60, 0.05);
  padding: 18px 20px;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.nv-orders-tracking-page .woo-orders-tracking-shortcode-timeline-event-content:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(18, 20, 60, 0.08);
  border-color: #dbe5f5;
}

/* Título del evento */
.nv-orders-tracking-page .woo-orders-tracking-shortcode-timeline-event-des {
  display: block;
  margin-bottom: 10px;
  font-size: 17px;
  line-height: 1.4;
  font-weight: 700;
  color: #2f3553;
}

/* Ubicación y fecha */
.nv-orders-tracking-page .woo-orders-tracking-shortcode-timeline-event-location,
.nv-orders-tracking-page .woo-orders-tracking-shortcode-timeline-event-time {
  display: block;
  font-size: 14px;
  line-height: 1.6;
  color: #6b7285;
}

/* Separar mejor location y time */
.nv-orders-tracking-page .woo-orders-tracking-shortcode-timeline-event-location {
  margin-bottom: 4px;
}

/* Buscador arriba */
.nv-orders-tracking-page .vi-woo-orders-tracking-form-search {
  margin-bottom: 24px;
  padding: 26px;
  background: #fff;
  border: 1px solid #e7eaf3;
  border-radius: 24px;
  box-shadow: 0 10px 30px rgba(18, 20, 60, 0.06);
}

.nv-orders-tracking-page .vi-woo-orders-tracking-form-row {
  display: flex;
  align-items: stretch;
  gap: 12px;
}

.nv-orders-tracking-page .vi-woo-orders-tracking-form-search-tracking-number {
  flex: 1 1 auto;
  min-height: 52px;
  border: 1px solid #dfe5f1;
  border-radius: 14px;
  background: #fff;
  color: #2f3553;
  padding: 0 16px;
  box-shadow: none;
  transition: all .2s ease;
}

.nv-orders-tracking-page .vi-woo-orders-tracking-form-search-tracking-number:focus {
  border-color: #7adfff;
  box-shadow: 0 0 0 3px rgba(122, 223, 255, 0.18);
  outline: none;
}

.nv-orders-tracking-page .vi-woo-orders-tracking-form-search-tracking-number-btnclick {
  min-width: 140px;
  min-height: 52px;
  border: none;
  border-radius: 14px;
  background: #1b1c7f;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
  transition: all .2s ease;
}

.nv-orders-tracking-page .vi-woo-orders-tracking-form-search-tracking-number-btnclick:hover {
  transform: translateY(-1px);
  background: #23268d;
}

/* Responsive */
@media (max-width: 767px) {
  .nv-orders-tracking-page .woo-orders-tracking-shortcode-timeline-container,
  .nv-orders-tracking-page .vi-woo-orders-tracking-form-search {
    padding: 18px;
    border-radius: 18px;
  }

  .nv-orders-tracking-page .woo-orders-tracking-shortcode-timeline-title span {
    font-size: 22px;
  }

  .nv-orders-tracking-page .woo-orders-tracking-shortcode-timeline-event-des {
    font-size: 16px;
  }

  .nv-orders-tracking-page .vi-woo-orders-tracking-form-row {
    flex-direction: column;
  }

  .nv-orders-tracking-page .vi-woo-orders-tracking-form-search-tracking-number-btnclick {
    width: 100%;
    min-width: 0;
  }
}