/* ============================================================
 * My Account — consistent styling across every tab.
 *
 * Goal: Orders, Memberships, Certificates, Account Details, and the
 * program/course dashboards all share one heading scale, base text
 * size, and table style — matching the clean Memberships-tab look.
 * Only loaded on My Account pages (see functions.php).
 * ============================================================ */

/* --- Base text size for the account content column ------------- */
.woocommerce-account .woocommerce-MyAccount-content {
	font-size: 15px;
	line-height: 1.55;
}

.woocommerce-account .woocommerce-MyAccount-content p {
	font-size: 15px;
}

/* --- Consistent, restrained heading scale ---------------------- *
 * Match the admin dashboard scale (h1 ~26px, h2 ~16px). Includes the
 * page title (h1.entry-title, rendered above the content by the theme)
 * which is otherwise a large Bootstrap heading. Also clamps the per-tab
 * in-content headings so no single tab looks huge.                  */
.woocommerce-account h1.entry-title,
.woocommerce-account .woocommerce-MyAccount-content h1,
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-MyAccount-content h4 {
	margin: 0 0 1rem;
	font-weight: 600;
	line-height: 1.2;
}

/* !important: a Bootstrap/theme heading rule otherwise wins on
   specificity, leaving some tabs' headings oversized. */
.woocommerce-account h1.entry-title,
.woocommerce-account .woocommerce-MyAccount-content h1 { font-size: 26px !important; }
.woocommerce-account .woocommerce-MyAccount-content h2 { font-size: 20px !important; }
.woocommerce-account .woocommerce-MyAccount-content h3 { font-size: 14px !important; }
.woocommerce-account .woocommerce-MyAccount-content h4 { font-size: 14px !important; margin: 0; }

/* --- Account nav sidebar ----------------------------------------- */
.woocommerce-MyAccount-navigation .list-group-item {
	font-size: 14px;
}

/* --- Tables: the Memberships shop_table look, everywhere -------- */
.woocommerce-account .woocommerce-MyAccount-content table.shop_table {
	font-size: 14px;
}

.woocommerce-account .woocommerce-MyAccount-content table.shop_table th {
	font-size: 13px;
	font-weight: 600;
}

.woocommerce-account .woocommerce-MyAccount-content table.shop_table td {
	font-size: 14px;
	vertical-align: middle;
}

/* Certificates (<code> reg #) and Bookings tables share the look. */
.woocommerce-account .woocommerce-MyAccount-content table.my_account_certificates td code {
	font-size: 13px;
}

/* Right-align the action column (Open / View buttons) so every table
   matches the Memberships actions column. */
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td.order-actions,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table th.dashboard-actions {
	text-align: right;
}

/* Certificate 30-day download-window notice — needs to actually get
   noticed, not read like the old muted "contact support" footnote. */
.cdc-cert-expiry-notice {
	margin-top: 16px;
	margin-bottom: 30px;
	padding: 14px 16px;
	background: #fdecea;
	border: 1px solid #f5c2c0;
	border-left: 4px solid #dc3545;
	border-radius: 4px;
	color: #7a1f1f;
	font-size: 14px;
	line-height: 1.5;
}

.cdc-cert-expiry-notice a {
	color: #a3242a;
	font-weight: 600;
	text-decoration: underline;
}

.cdc-cert-expiry-notice p:last-child {
	margin-bottom: 0;
}

/* --- Account Home dashboards table ----------------------------- */
.cdc-account-dashboards td.dashboard-name a {
	font-weight: 600;
}