/**
 * Shipping & Returns page. Registered by
 * public/class-shipping-returns-page.php, enqueued only on
 * `/shipping-returns/`. Depends on public.css's design tokens - this file
 * only adds the layout specific to this page's content, same relationship
 * support.css/financing.css have to public.css.
 *
 * Breakpoints match public.css: sm: 576px  md: 768px  lg: 992px  xl: 1200px
 */

.emobility-shipping-returns__header {
	max-width: 46rem;
	margin-bottom: var(--emobility-space-6);
}

.emobility-shipping-returns__lede {
	margin-bottom: 0;
}

/* Jump-to-section links: a quick table of contents given how much policy
   content lives on this one page. */
.emobility-shipping-returns__jump {
	display: flex;
	flex-wrap: wrap;
	gap: var(--emobility-space-2) var(--emobility-space-4);
	padding: var(--emobility-space-4) var(--emobility-space-5);
	margin-bottom: var(--emobility-space-10);
	background: var(--emobility-color-surface-muted);
	border: var(--emobility-border-width) solid var(--emobility-color-border);
	border-radius: var(--emobility-radius-lg);
}

.emobility-shipping-returns__jump a {
	font-size: var(--emobility-text-sm);
	font-weight: var(--emobility-font-weight-medium);
	white-space: nowrap;
}

.emobility-shipping-returns__section {
	max-width: 52rem;
	margin-bottom: var(--emobility-space-12);
	scroll-margin-top: var(--emobility-space-8);
}

.emobility-shipping-returns__section h3 {
	margin-top: var(--emobility-space-6);
}

.emobility-shipping-returns__section h4 {
	font-size: var(--emobility-text-base);
	margin-bottom: var(--emobility-space-1);
}

/* ------------------------------------------------------------------ */
/* Shipping rates table.                                               */
/* ------------------------------------------------------------------ */

.emobility-shipping-returns__table-wrap {
	overflow-x: auto;
	margin-bottom: var(--emobility-space-4);
	border: var(--emobility-border-width) solid var(--emobility-color-border);
	border-radius: var(--emobility-radius-lg);
}

.emobility-shipping-returns__table {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--emobility-text-sm);
}

.emobility-shipping-returns__table th,
.emobility-shipping-returns__table td {
	padding: var(--emobility-space-4);
	text-align: left;
	vertical-align: top;
	border-bottom: var(--emobility-border-width) solid var(--emobility-color-border);
}

.emobility-shipping-returns__table thead th {
	background: var(--emobility-color-surface-muted);
	font-weight: var(--emobility-font-weight-semibold);
	color: var(--emobility-color-heading);
}

.emobility-shipping-returns__table tbody tr:last-child th,
.emobility-shipping-returns__table tbody tr:last-child td {
	border-bottom: none;
}

.emobility-shipping-returns__table tbody th {
	font-weight: var(--emobility-font-weight-medium);
	background: var(--emobility-color-surface);
}

.emobility-shipping-returns__table-note {
	display: block;
	font-weight: var(--emobility-font-weight-normal);
	margin-top: var(--emobility-space-1);
}

/* ------------------------------------------------------------------ */
/* "How to Start a Return" numbered steps - same layout as              */
/* .emobility-financing__step-list (financing.css) reused per-page.    */
/* ------------------------------------------------------------------ */

.emobility-shipping-returns__step-list {
	list-style: none;
	margin: 0 0 var(--emobility-space-6);
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--emobility-space-5);
}

.emobility-shipping-returns__step-list li {
	display: flex;
	gap: var(--emobility-space-4);
}

.emobility-shipping-returns__step-number {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: var(--emobility-radius-full);
	background: var(--emobility-primary-50);
	color: var(--emobility-primary-700);
	font-weight: var(--emobility-font-weight-bold);
	font-size: var(--emobility-text-sm);
}

.emobility-shipping-returns__step-list p {
	margin-bottom: 0;
	color: var(--emobility-color-text-muted);
}

.emobility-shipping-returns__list {
	margin: 0 0 var(--emobility-space-4);
	padding-left: var(--emobility-space-6);
}

.emobility-shipping-returns__list li {
	margin-bottom: var(--emobility-space-2);
	color: var(--emobility-color-text-muted);
}

/* ------------------------------------------------------------------ */
/* Closing CTA.                                                        */
/* ------------------------------------------------------------------ */

.emobility-shipping-returns__cta {
	max-width: 40rem;
	padding-top: var(--emobility-space-8);
	border-top: var(--emobility-border-width) solid var(--emobility-color-border);
}

.emobility-shipping-returns__cta p {
	margin-bottom: var(--emobility-space-5);
}