/*
 * User Dashboard Menu - custom styling layered on top of Bootstrap 5.
 * Kept intentionally small: Bootstrap does the heavy lifting, this file
 * only adds the identity (rounded cards, active-link accent, spacing).
 */

.udm-dashboard {
	--udm-radius: 0.9rem;
	max-width: 1320px;
	margin-inline: auto;
}

.udm-dashboard .card {
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: var(--udm-radius);
}

.udm-sidebar-card {
	position: sticky;
	top: 1rem;
}

.udm-sidebar-title {
	letter-spacing: 0.04em;
	font-size: 0.75rem;
}

.udm-nav .nav-link.udm-nav-link {
	border-radius: 0.6rem;
	color: #495057;
	padding: 0.6rem 0.9rem;
	margin-bottom: 0.25rem;
	display: flex;
	align-items: center;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.udm-nav .nav-link.udm-nav-link:hover {
	background-color: rgba(var(--bs-primary-rgb, 13, 110, 253), 0.08);
	color: var(--bs-primary, #0d6efd);
}

.udm-nav .nav-link.udm-nav-link.active {
	background-color: var(--bs-primary, #0d6efd);
	color: #fff;
	box-shadow: 0 0.25rem 0.5rem rgba(var(--bs-primary-rgb, 13, 110, 253), 0.25);
}

.udm-page-title {
	font-weight: 700;
}

.udm-widget-card .card-title {
	font-weight: 600;
	font-size: 1.05rem;
}

.udm-welcome-alert {
	width: 100%;
}

.udm-standalone-body {
	background: #f4f6f9;
	margin: 0;
	min-height: 100vh;
}

.udm-back-bar {
	padding: 0.75rem 1.5rem;
	background: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.udm-back-bar a {
	text-decoration: none;
	font-weight: 500;
}

@media (max-width: 991.98px) {
	.udm-sidebar-card {
		position: static;
	}
}

/*
 * Reskins WooCommerce's own My Account markup (tables, forms, buttons,
 * notices, pagination) to match the Bootstrap 5 look of the rest of the
 * dashboard, without overriding any WooCommerce template files.
 */
.udm-woocommerce-account {
	width: 100%;
}

.udm-woocommerce-account table.shop_table {
	width: 100%;
	margin-bottom: 1rem;
	border-collapse: collapse;
}

.udm-woocommerce-account table.shop_table th,
.udm-woocommerce-account table.shop_table td {
	padding: 0.75rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	vertical-align: middle;
}

.udm-woocommerce-account table.shop_table tbody tr:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, 0.02);
}

.udm-woocommerce-account .button,
.udm-woocommerce-account button:not(.udm-nav-link),
.udm-woocommerce-account input[type="submit"] {
	display: inline-block;
	padding: 0.5rem 1rem;
	border-radius: 0.5rem;
	border: 1px solid var(--bs-primary, #0d6efd);
	background-color: var(--bs-primary, #0d6efd);
	color: #fff;
	text-decoration: none;
	font-weight: 500;
	transition: opacity 0.15s ease;
}

.udm-woocommerce-account .button:hover,
.udm-woocommerce-account button:not(.udm-nav-link):hover,
.udm-woocommerce-account input[type="submit"]:hover {
	opacity: 0.9;
	color: #fff;
}

.udm-woocommerce-account .woocommerce-Button--previous,
.udm-woocommerce-account a.button.cancel {
	background-color: transparent;
	color: var(--bs-primary, #0d6efd);
}

.udm-woocommerce-account form .form-row {
	margin-bottom: 1rem;
}

.udm-woocommerce-account input.input-text,
.udm-woocommerce-account select,
.udm-woocommerce-account textarea {
	width: 100%;
	padding: 0.5rem 0.75rem;
	border: 1px solid #ced4da;
	border-radius: 0.5rem;
}

.udm-woocommerce-account input.input-text:focus,
.udm-woocommerce-account select:focus,
.udm-woocommerce-account textarea:focus {
	border-color: var(--bs-primary, #0d6efd);
	outline: none;
	box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb, 13, 110, 253), 0.2);
}

.udm-woocommerce-account .woocommerce-message,
.udm-woocommerce-account .woocommerce-error,
.udm-woocommerce-account .woocommerce-info {
	padding: 1rem;
	margin-bottom: 1rem;
	border-radius: 0.6rem;
	list-style: none;
}

.udm-woocommerce-account .woocommerce-message {
	background-color: #d1e7dd;
	color: #0f5132;
}

.udm-woocommerce-account .woocommerce-error {
	background-color: #f8d7da;
	color: #842029;
}

.udm-woocommerce-account .woocommerce-info {
	background-color: #cff4fc;
	color: #055160;
}

.udm-woocommerce-account .woocommerce-pagination ul {
	display: flex;
	list-style: none;
	padding: 0;
	gap: 0.25rem;
}

.udm-woocommerce-account .woocommerce-pagination a {
	display: block;
	padding: 0.4rem 0.75rem;
	border: 1px solid #dee2e6;
	border-radius: 0.4rem;
	text-decoration: none;
}

.udm-woocommerce-account .woocommerce-MyAccount-content > h3 {
	font-weight: 700;
	margin-bottom: 1rem;
}