/*
 * /encomendas/ — vertical rhythm refinements after real desktop/mobile preview.
 * Loaded after ori2-orders.css so the base composition stays stable while
 * headings, supporting copy and card micro-hierarchy get more breathing room.
 */

.ori2-orders .ori2-eyebrow {
  margin-bottom: 18px;
}

.ori2-orders .ori2-section-head .ori2-h2 + .ori2-copy {
  margin-top: 20px;
}

.ori2-orders-hero .ori2-display + .ori2-lead {
  margin-top: 30px;
}

.ori2-orders-choice > .ori2-eyebrow {
  margin-bottom: 18px;
}

.ori2-orders-choice-row div > span {
  margin-top: 7px;
}

/*
 * Quick-choice steps: the base row rule sets all spans to display:block,
 * which was overriding the shared .ori2-index centring. Restore a dedicated
 * grid badge and give it a softer Oribeleza treatment.
 */
.ori2-orders-choice-row > .ori2-index {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  border: 1px solid rgba(169, 47, 82, .20);
  border-radius: 50%;
  background: linear-gradient(145deg, #ffffff 0%, var(--ori2-blush) 100%);
  color: var(--ori2-pink-dark);
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .02em;
  box-shadow: 0 5px 14px rgba(50, 34, 26, .055), inset 0 0 0 1px rgba(255,255,255,.72);
  transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.ori2-orders-choice-row:hover > .ori2-index {
  background: var(--ori2-ink);
  color: var(--ori2-white);
  border-color: var(--ori2-ink);
  box-shadow: none;
  transform: scale(1.03);
}

.ori2-orders-categories .ori2-section-head {
  margin-bottom: clamp(34px, 4.5vw, 48px);
}

.ori2-orders-category h3 + p {
  margin-top: 12px;
}

.ori2-orders-member-copy .ori2-h2 + .ori2-lead {
  margin-top: 30px;
}

.ori2-orders-member-summary {
  margin-top: 30px;
}

.ori2-orders-label {
  margin-bottom: 13px;
}

.ori2-orders-member-card h3 + p {
  margin: 16px 0 0;
}

.ori2-orders-benefits {
  margin-top: 20px;
}

.ori2-orders-promos .ori2-section-head {
  margin-bottom: clamp(34px, 4.5vw, 48px);
}

.ori2-orders-promo-meta {
  margin-bottom: 14px;
}

.ori2-orders-promo-card h3 + p {
  margin-top: 14px;
}

.ori2-orders-shortcuts .ori2-section-head {
  margin-bottom: 32px;
}

.ori2-orders-support .ori2-support-card .ori2-h2 + p {
  margin-top: 22px;
}

.ori2-orders-faq-intro .ori2-h2 + .ori2-copy {
  margin-top: 20px;
}

/*
 * The FAQ intro is sticky on desktop. Keep it below Blocksy's fixed header
 * instead of pinning it to the viewport edge. The extra admin-bar rule keeps
 * the same visual gap while logged in to WordPress.
 */
@media (min-width: 1051px) {
  .ori2-orders-faq-intro {
    top: 96px;
  }

  body.admin-bar .ori2-orders-faq-intro {
    top: 128px;
  }
}

.ori2-orders .ori2-faq-item h3 + p {
  margin-top: 14px;
}

.ori2-orders-final .ori2-final-card .ori2-h2 + p {
  margin-top: 20px;
}

.ori2-orders-final .ori2-actions {
  margin-top: 30px;
}

@media (max-width: 720px) {
  .ori2-orders .ori2-eyebrow {
    margin-bottom: 16px;
  }

  .ori2-orders .ori2-section-head .ori2-h2 + .ori2-copy {
    margin-top: 17px;
  }

  .ori2-orders-hero .ori2-display + .ori2-lead {
    margin-top: 24px;
  }

  .ori2-orders-choice > .ori2-eyebrow {
    margin-bottom: 16px;
  }

  .ori2-orders-choice-row div > span {
    margin-top: 6px;
  }

  .ori2-orders-choice-row > .ori2-index {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    font-size: 10px;
  }

  .ori2-orders-categories .ori2-section-head,
  .ori2-orders-promos .ori2-section-head {
    margin-bottom: 30px;
  }

  .ori2-orders-category h3 + p {
    margin-top: 10px;
  }

  .ori2-orders-member-copy .ori2-h2 + .ori2-lead {
    margin-top: 24px;
  }

  .ori2-orders-member-summary {
    margin-top: 26px;
  }

  .ori2-orders-label {
    margin-bottom: 11px;
  }

  .ori2-orders-member-card h3 + p {
    margin-top: 14px;
  }

  .ori2-orders-benefits {
    margin-top: 18px;
  }

  .ori2-orders-promo-card h3 + p {
    margin-top: 12px;
  }

  .ori2-orders-shortcuts .ori2-section-head {
    margin-bottom: 28px;
  }

  .ori2-orders-support .ori2-support-card .ori2-h2 + p {
    margin-top: 19px;
  }

  .ori2-orders-faq-intro .ori2-h2 + .ori2-copy {
    margin-top: 17px;
  }

  .ori2-orders .ori2-faq-item h3 + p {
    margin-top: 12px;
  }

  .ori2-orders-final .ori2-final-card .ori2-h2 + p {
    margin-top: 18px;
  }
}