/* Order Status Header Container */
.order-status-header-container .sidebar-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  margin: 0 0 12px 0 !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid var(--border-color) !important;
}

.order-status-header-container .order-status-content {
  padding: 0 !important;
  margin-top: 8px !important;
  min-height: 72px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.order-status-header-container .sidebar-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 72px !important;
  padding: 16px !important;
  width: 100% !important;
  gap: 0 !important;
}

.order-status-header-container .status-badge-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
}

/* Standardize spacing between all containers on completion page */
#progress-section .progress-container,
#progress-section .status-timeline,
#progress-section .order-notice,
#progress-section .proof-images-container,
#progress-section .order-actions,
#progress-section .error-notice,
#progress-section .sidebar-card {
  margin-bottom: 16px;
}

/* Remove margin from last items */
#progress-section .status-main > *:last-child,
#progress-section .status-sidebar > *:last-child {
  margin-bottom: 0;
}

#progress-section .status-sidebar > .sidebar-card {
  margin-bottom: 0;
}

#progress-section #instagram-ad-box {
  flex: 0 0 auto !important;
  min-height: 0 !important;
}

#progress-section #instagram-ad-content {
  flex: 0 0 220px !important;
  height: 220px;
  min-height: 220px !important;
}

#progress-section #instagram-ad-inner,
#progress-section .completion-instagram-post-link {
  height: 100%;
  min-height: 220px !important;
}

/* Align delivery progress bottom with order details bottom */
#progress-section .status-grid {
  align-items: start;
}

#progress-section .progress-container {
  min-height: fit-content;
}