/* ==========================================================================
   Unicorn Elementor Blocks — WooCommerce My Account area
   Standalone stylesheet; all selectors scoped under .ueb-account.

   THEME-PROOFING: the Hello Elementor theme + Elementor out-specify plain
   single-class selectors and repaint <button>s / restyle <input>s (often with
   !important). So every selector here is prefixed with the `.ueb-account`
   wrapper to raise specificity, and the properties the theme fights — button
   bg/color/border/radius/padding, input bg/border/radius/padding/color, link
   colour, badge bg/color, nav active/hover states — carry !important.
   ========================================================================== */

.ueb-account {
	width: 100%;
	max-width: 1312px;
	margin: 0 auto;
	padding: 20px clamp(16px, 4vw, 32px) 80px;
	display: flex;
	flex-direction: column;
	gap: 32px;
	background: transparent;
	box-sizing: border-box;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	color: #1b1c19;
}

.ueb-account,
.ueb-account *,
.ueb-account *::before,
.ueb-account *::after {
	box-sizing: border-box;
}

/* --------------------------------------------------------------------------
   Breadcrumb header
   -------------------------------------------------------------------------- */
.ueb-account .ueb-account__head {
	display: flex;
	align-items: center;
	gap: 14px;
	padding-top: 12px;
	min-height: 46px;
}

.ueb-account .ueb-account__crumb {
	margin: 0 !important;
	padding: 0 !important;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-weight: 700 !important;
	font-size: 24px !important;
	line-height: 24px !important;
	color: #3a124d !important;
}

.ueb-account .ueb-account__crumb-sep {
	flex-shrink: 0;
	color: #3a124d;
}

/* --------------------------------------------------------------------------
   Layout grid: fixed sidebar + fluid content
   -------------------------------------------------------------------------- */
.ueb-account .ueb-account__grid {
	display: flex;
	align-items: flex-start;
	gap: 32px;
}

/* Shared card chrome */
.ueb-account .ueb-account__nav,
.ueb-account .ueb-account__content {
	background: #fff !important;
	border: 0 !important;
	border-radius: 32px !important;
	box-shadow: 0 4px 2px rgba(0, 0, 0, 0.1);
}

/* --------------------------------------------------------------------------
   Sidebar navigation
   -------------------------------------------------------------------------- */
.ueb-account .ueb-account__nav {
	flex: 0 0 252px;
	width: 252px;
	padding: 32px !important;
	float: none !important; /* WC's default navigation floats; cancel it */
}

.ueb-account .ueb-account__nav-list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.ueb-account .ueb-account__nav-list li {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	list-style: none !important;
}

.ueb-account .ueb-account__nav-link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 16px !important;
	border-radius: 32px !important;
	color: #1b1c19 !important;
	background: transparent !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	text-decoration: none !important;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.ueb-account .ueb-account__nav-icon {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
}

.ueb-account .ueb-account__nav-link:hover,
.ueb-account .ueb-account__nav-link:focus {
	background: #f6f2f9 !important;
	color: #3a124d !important;
}

.ueb-account .ueb-account__nav-list li.is-active .ueb-account__nav-link {
	background: #f2edf5 !important;
	color: #3a124d !important;
}

/* Logout sits below a hairline divider */
.ueb-account .ueb-account__nav-logout {
	margin-top: 8px !important;
	padding-top: 16px !important;
	border-top: 1px solid #e7e1ec !important;
}

.ueb-account .ueb-account__nav-link--logout {
	color: #ba1a1a !important;
}

.ueb-account .ueb-account__nav-link--logout:hover,
.ueb-account .ueb-account__nav-link--logout:focus {
	background: #fdecec !important;
	color: #ba1a1a !important;
}

/* --------------------------------------------------------------------------
   Content card
   -------------------------------------------------------------------------- */
.ueb-account .ueb-account__content {
	flex: 1 1 0;
	min-width: 0;
	padding: 32px !important;
	font-size: 16px;
	line-height: 24px;
	color: #1b1c19;
}

.ueb-account .ueb-account__content > :first-child {
	margin-top: 0 !important;
}

.ueb-account .ueb-account__content > :last-child {
	margin-bottom: 0 !important;
}

.ueb-account .ueb-account__content p {
	margin: 0 0 16px;
	font-size: 16px;
	line-height: 24px;
}

.ueb-account .ueb-account__content a {
	color: #3a124d !important;
	text-decoration: underline !important;
	text-underline-position: from-font;
}

.ueb-account .ueb-account__content a:hover {
	color: #5f3f6f !important;
}

.ueb-account .ueb-account__content h2,
.ueb-account .ueb-account__content h3 {
	margin: 0 0 16px !important;
	padding: 0 !important;
	font-weight: 700 !important;
	color: #3a124d !important;
	line-height: 1.3 !important;
	background: none !important;
}

.ueb-account .ueb-account__content h2 {
	font-size: 22px !important;
}

.ueb-account .ueb-account__content h3 {
	font-size: 18px !important;
}

/* Verification line appended after the dashboard copy */
.ueb-account .ueb-account__verify {
	margin: 0;
}

.ueb-account .ueb-account__verify strong {
	color: #047857;
}

.ueb-account .ueb-account__verify.is-unverified strong {
	color: #ba1a1a;
}

/* --------------------------------------------------------------------------
   Generic WooCommerce bits inside the card (fallbacks)
   -------------------------------------------------------------------------- */

/* Notices */
.ueb-account .ueb-account__content .woocommerce-message,
.ueb-account .ueb-account__content .woocommerce-info,
.ueb-account .ueb-account__content .woocommerce-error {
	margin: 0 0 20px !important;
	padding: 14px 18px !important;
	border: 0 !important;
	border-radius: 16px !important;
	background: #f2edf5 !important;
	color: #3a124d !important;
	list-style: none;
	font-size: 15px;
	line-height: 22px;
}

.ueb-account .ueb-account__content .woocommerce-message::before,
.ueb-account .ueb-account__content .woocommerce-info::before,
.ueb-account .ueb-account__content .woocommerce-error::before {
	display: none !important;
}

.ueb-account .ueb-account__content .woocommerce-error {
	background: #fdecec !important;
	color: #ba1a1a !important;
}

/* Generic shop tables (fallback for endpoints without a bespoke template) */
.ueb-account .ueb-account__content table.shop_table {
	width: 100%;
	margin: 0 0 24px;
	border-collapse: collapse;
	border: 0;
	border-radius: 16px;
	overflow: hidden;
}

.ueb-account .ueb-account__content table.shop_table th {
	padding: 14px 16px !important;
	background: #f4f4ff !important;
	color: #3a124d !important;
	font-weight: 700 !important;
	font-size: 13px;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	border: 0 !important;
}

.ueb-account .ueb-account__content table.shop_table td {
	padding: 16px !important;
	border: 0 !important;
	border-top: 1px solid #efeaf3 !important;
	font-size: 15px;
	color: #1b1c19;
	vertical-align: middle;
}

/* Generic purple-pill button fallback — re-asserted on hover/focus because the
   theme repaints <button>s. */
.ueb-account .ueb-account__content .button,
.ueb-account .ueb-account__content button[type="submit"],
.ueb-account .ueb-account__content input[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 28px !important;
	border: 0 !important;
	border-radius: 32px !important;
	background: #3a124d !important;
	color: #fff !important;
	font-family: inherit;
	font-weight: 700 !important;
	font-size: 15px;
	line-height: 1.4;
	text-decoration: none !important;
	cursor: pointer;
	transition: background-color 0.15s ease;
}

.ueb-account .ueb-account__content .button:hover,
.ueb-account .ueb-account__content .button:focus,
.ueb-account .ueb-account__content button[type="submit"]:hover,
.ueb-account .ueb-account__content button[type="submit"]:focus,
.ueb-account .ueb-account__content input[type="submit"]:hover,
.ueb-account .ueb-account__content input[type="submit"]:focus {
	background: #5f3f6f !important;
	color: #fff !important;
}

/* ==========================================================================
   Orders endpoint
   ========================================================================== */
.ueb-account .ueb-account__orders {
	margin: 0;
}

.ueb-account .ueb-account__orders-table-wrap {
	border: 1px solid #e5e7eb;
	border-radius: 32px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	/* The table's intrinsic width exceeds narrow viewports — scroll it inside
	   the rounded wrap instead of letting it stretch the layout. */
	overflow-x: auto;
}

.ueb-account .ueb-account__content table.ueb-account__orders-table {
	width: 100% !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	border-collapse: collapse !important;
	font-size: 14px;
	line-height: 20px;
}

.ueb-account .ueb-account__content .ueb-account__orders-th {
	padding: 12px 20px !important;
	background: #f8fafc !important;
	border: 0 !important;
	border-bottom: 1px solid #e5e7eb !important;
	color: #6b7280 !important;
	font-weight: 500 !important;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.5px;
	text-align: left;
	text-transform: none;
	white-space: nowrap;
}

.ueb-account .ueb-account__orders-th--order-actions,
.ueb-account .ueb-account__orders-td--order-actions {
	text-align: right !important;
}

.ueb-account .ueb-account__content .ueb-account__orders-td {
	padding: 12px 20px !important;
	border: 0 !important;
	border-bottom: 1px solid #e5e7eb !important;
	color: #1f2937;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	vertical-align: middle;
}

.ueb-account .ueb-account__orders-table tbody tr:last-child .ueb-account__orders-td {
	border-bottom: 0 !important;
}

.ueb-account .ueb-account__content a.ueb-account__orders-number {
	color: #1f2937 !important;
	font-weight: 500 !important;
	text-decoration: none !important;
}

.ueb-account .ueb-account__content a.ueb-account__orders-number:hover {
	color: #3a124d !important;
	text-decoration: underline !important;
}

.ueb-account .ueb-account__orders-total {
	white-space: nowrap;
}

/* The wrap scrolls horizontally, so dates never need to break into lines. */
.ueb-account .ueb-account__orders-td--order-date {
	white-space: nowrap;
}

/* Status pills */
.ueb-account .ueb-account__orders-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 100px;
	padding: 5px 10px;
	border-radius: 32px !important;
	background: #e5e7eb !important;
	color: #1b1c19 !important;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.5px;
	white-space: nowrap;
}

.ueb-account .ueb-account__orders-badge.is-completed {
	background: #dcfce7 !important;
	color: #016730 !important;
}

.ueb-account .ueb-account__orders-badge.is-processing,
.ueb-account .ueb-account__orders-badge.is-on-hold {
	background: #fcf3dc !important;
	color: #b99204 !important;
}

.ueb-account .ueb-account__orders-badge.is-pending {
	background: #e5e7eb !important;
	color: #1b1c19 !important;
}

.ueb-account .ueb-account__orders-badge.is-cancelled,
.ueb-account .ueb-account__orders-badge.is-failed,
.ueb-account .ueb-account__orders-badge.is-refunded {
	background: #ffe2e3 !important;
	color: #9e0812 !important;
}

/* Row actions */
.ueb-account .ueb-account__content a.ueb-account__orders-action {
	display: inline-block;
	margin-left: 16px;
	color: #3a124d !important;
	font-weight: 600 !important;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.5px;
	text-decoration: none !important;
}

.ueb-account .ueb-account__content a.ueb-account__orders-action:first-child {
	margin-left: 0;
}

.ueb-account .ueb-account__content a.ueb-account__orders-action:hover,
.ueb-account .ueb-account__content a.ueb-account__orders-action:focus {
	color: #5f3f6f !important;
	text-decoration: underline !important;
}

/* Pagination */
.ueb-account .ueb-account__orders-pagination {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 24px;
}

.ueb-account .ueb-account__content a.ueb-account__orders-pager {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 10px 18px !important;
	border-radius: 32px !important;
	background: #f2edf5 !important;
	color: #3a124d !important;
	font-weight: 700 !important;
	font-size: 14px;
	text-decoration: none !important;
}

.ueb-account .ueb-account__content a.ueb-account__orders-pager:hover,
.ueb-account .ueb-account__content a.ueb-account__orders-pager:focus {
	background: #e7ddef !important;
	color: #3a124d !important;
}

/* Empty state */
.ueb-account .ueb-account__orders-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 8px;
	padding: 32px 16px;
}

.ueb-account .ueb-account__orders-empty-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 88px;
	height: 88px;
	margin-bottom: 8px;
	border-radius: 50%;
	background: #f2edf5;
	color: #3a124d;
}

.ueb-account .ueb-account__orders-empty-title {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	color: #3a124d !important;
	font-weight: 700 !important;
	font-size: 20px !important;
	line-height: 28px !important;
}

.ueb-account .ueb-account__orders-empty-text {
	max-width: 440px;
	margin: 0 0 12px;
	color: #5f3f6f;
	font-size: 15px;
	line-height: 22px;
}

.ueb-account .ueb-account__content a.ueb-account__orders-empty-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 28px !important;
	border: 0 !important;
	border-radius: 32px !important;
	background: #3a124d !important;
	color: #fff !important;
	font-weight: 700 !important;
	font-size: 15px;
	line-height: 1.4;
	text-decoration: none !important;
}

.ueb-account .ueb-account__content a.ueb-account__orders-empty-btn:hover,
.ueb-account .ueb-account__content a.ueb-account__orders-empty-btn:focus {
	background: #5f3f6f !important;
	color: #fff !important;
}

/* ==========================================================================
   Single order detail (view-order endpoint)
   ========================================================================== */
/* The order detail is its own set of white cards sitting directly on the page
   background (Figma 224:2950) — strip the content-card chrome, which is set
   with !important (same pattern as the address book). */
.ueb-account .ueb-account__content:has(.ueb-account__order) {
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
}

.ueb-account .ueb-account__order {
	display: flex;
	align-items: flex-start;
	gap: 32px;
	width: 100%;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	color: #1b1c19;
}

.ueb-account .ueb-account__order-missing {
	color: #ba1a1a;
	font-weight: 700;
}

/* Left card: heading + items + pricing breakdown + Order Again */
.ueb-account .ueb-account__order-card {
	flex: 1 1 52%;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	background: #fff !important;
	border: 0 !important;
	border-radius: 32px !important;
	box-shadow: 0 4px 2px rgba(0, 0, 0, 0.1);
	padding: 32px !important;
}

.ueb-account .ueb-account__order-cardhead {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
}

.ueb-account .ueb-account__order-title {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 24px !important;
	line-height: 35px !important;
	font-weight: 700 !important;
	color: #1b1c19 !important;
	background: none !important;
}

.ueb-account .ueb-account__order-badge {
	display: inline-flex;
	align-items: center;
	padding: 6px 16px;
	border-radius: 32px !important;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	background: #f2edf5 !important;
	color: #3a124d !important;
}

.ueb-account .ueb-account__order-badge.is-completed {
	background: #ecfdf5 !important;
	color: #047857 !important;
}

.ueb-account .ueb-account__order-badge.is-processing,
.ueb-account .ueb-account__order-badge.is-on-hold {
	background: #f4f4ff !important;
	color: #3a124d !important;
}

.ueb-account .ueb-account__order-badge.is-pending {
	background: #fffbeb !important;
	color: #92400e !important;
}

.ueb-account .ueb-account__order-badge.is-cancelled,
.ueb-account .ueb-account__order-badge.is-failed,
.ueb-account .ueb-account__order-badge.is-refunded {
	background: #fef2f2 !important;
	color: #ba1a1a !important;
}

/* Items list */
.ueb-account .ueb-account__order-items {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 100%;
}

.ueb-account .ueb-account__order-item {
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 0 !important;
	padding: 0 !important;
	background: none;
	list-style: none !important;
}

.ueb-account .ueb-account__order-thumb {
	flex: 0 0 auto;
	width: 78px;
	height: 78px;
	border-radius: 4px;
	overflow: hidden;
	background: #f5f3ee;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ueb-account .ueb-account__order-thumb img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	display: block;
	margin: 0 !important;
}

.ueb-account .ueb-account__order-thumb--empty {
	color: #5f3f6f;
}

.ueb-account .ueb-account__order-iteminfo {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.ueb-account .ueb-account__order-itemname {
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	color: #1b1c19;
}

.ueb-account .ueb-account__order-itemmeta {
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	color: #44474c;
}

.ueb-account .ueb-account__order-itemright {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: clamp(20px, 5vw, 55px);
}

.ueb-account .ueb-account__order-qty {
	min-width: 32px;
	padding: 4px 8px;
	border-radius: 9999px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	text-align: center;
	color: #1b1c19;
}

.ueb-account .ueb-account__order-linetotal {
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	color: #1b1c19;
	white-space: nowrap;
}

.ueb-account .ueb-account__order-linetotal .amount {
	color: inherit;
}

/* Pricing breakdown */
.ueb-account .ueb-account__order-breakdown {
	width: 100%;
	margin-top: 16px;
	padding-top: 32px;
	border-top: 1px solid rgba(196, 198, 204, 0.4);
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.ueb-account .ueb-account__order-row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
}

.ueb-account .ueb-account__order-rowlabel,
.ueb-account .ueb-account__order-rowvalue {
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	color: #1b1c19;
}

.ueb-account .ueb-account__order-rowvalue .amount {
	color: inherit;
}

.ueb-account .ueb-account__order-row.is-discount .ueb-account__order-rowlabel,
.ueb-account .ueb-account__order-row.is-discount .ueb-account__order-rowvalue,
.ueb-account .ueb-account__order-row.is-discount .ueb-account__order-rowvalue .amount {
	color: #ba1a1a;
}

.ueb-account .ueb-account__order-total {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin-top: 4px;
	padding-top: 17px;
	border-top: 1px solid rgba(196, 198, 204, 0.3);
	width: 100%;
}

.ueb-account .ueb-account__order-total-label {
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	color: #1b1c19;
}

.ueb-account .ueb-account__order-total-value {
	font-size: 30px;
	line-height: 36px;
	font-weight: 800;
	letter-spacing: -1.5px;
	color: #3a124d !important;
}

.ueb-account .ueb-account__order-total-value .amount {
	color: inherit;
}

/* "Order Again" button — theme repaints anchors/buttons on hover; re-assert */
.ueb-account .ueb-account__content a.ueb-account__order-again {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 42px;
	padding: 0 24px !important;
	background: #3a124d !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 32px !important;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 24px !important;
	text-decoration: none !important;
	box-shadow: 0 10px 15px -3px rgba(129, 59, 159, 0.2), 0 4px 6px -4px rgba(129, 59, 159, 0.2);
}

.ueb-account .ueb-account__content a.ueb-account__order-again:hover,
.ueb-account .ueb-account__content a.ueb-account__order-again:focus {
	background: #5f3f6f !important;
	color: #fff !important;
}

/* Right column: billing/shipping address cards */
.ueb-account .ueb-account__order-side {
	flex: 1 1 44%;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 36px;
}

.ueb-account .ueb-account__order-address {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 34px;
	background: #fff !important;
	border: 0 !important;
	border-radius: 32px !important;
	box-shadow: 0 4px 2px rgba(0, 0, 0, 0.1);
	padding: 32px !important;
	width: 100%;
}

.ueb-account .ueb-account__order-addrhead {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	width: 100%;
}

.ueb-account .ueb-account__order-addrtitle {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	font-size: 24px !important;
	line-height: 24px !important;
	font-weight: 700 !important;
	color: #1b1c19 !important;
	background: none !important;
}

/* Short underline rule beneath the title (274px in the design) */
.ueb-account .ueb-account__order-addrdivider {
	display: block;
	width: 274px;
	max-width: 100%;
	height: 0;
	margin: 0 !important;
	border: 0 !important;
	border-top: 1px solid #e7e1ec !important;
	background: none !important;
}

.ueb-account .ueb-account__order-address address {
	margin: 0;
	font-style: normal;
	font-size: 14px;
	line-height: 20px;
	color: #44474c;
}

.ueb-account .ueb-account__order-addrname {
	display: block;
	font-weight: 700;
	color: #1b1c19;
}

.ueb-account .ueb-account__order-addrline {
	display: block;
}

@media (max-width: 1100px) {
	.ueb-account .ueb-account__order {
		flex-direction: column;
	}

	.ueb-account .ueb-account__order-card,
	.ueb-account .ueb-account__order-side {
		flex: 1 1 auto;
		width: 100%;
	}
}

/* ==========================================================================
   Account details (form-edit-account)
   ========================================================================== */
.ueb-account .ueb-account__form {
	display: flex;
	flex-direction: column;
	gap: 25px;
	align-items: stretch;
	margin: 0;
}

.ueb-account .ueb-account__fields {
	display: flex;
	flex-direction: column;
	gap: 25px;
	max-width: 664px;
}

.ueb-account .ueb-account__field {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
	width: 100%;
}

.ueb-account .ueb-account__label {
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	color: #74777d;
	margin: 0;
}

/* Element-qualified + wrapper-prefixed to beat theme/Elementor input defaults. */
.ueb-account .ueb-account__content input.ueb-account__input {
	width: 100% !important;
	box-sizing: border-box;
	background: #f5f5f5 !important;
	border: 1px solid transparent !important;
	border-radius: 32px !important;
	padding: 16px !important;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.4;
	color: #1b1c19 !important;
	box-shadow: none !important;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.ueb-account .ueb-account__content input.ueb-account__input::placeholder {
	color: #6b7280;
	opacity: 1;
}

.ueb-account .ueb-account__content input.ueb-account__input:focus {
	outline: none !important;
	background: #fff !important;
	border-color: #3a124d !important;
	box-shadow: 0 0 0 3px rgba(58, 18, 77, 0.12) !important;
}

.ueb-account .ueb-account__hint {
	display: block;
	font-size: 12px;
	line-height: 1.4;
	color: #74777d;
	font-style: italic;
}

/* Collapsible "Change Password" */
.ueb-account .ueb-account__pwd {
	border: 0;
	margin: 0;
}

.ueb-account .ueb-account__pwd-toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	list-style: none;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	color: #3a124d;
	padding: 9px 0;
	user-select: none;
}

.ueb-account .ueb-account__pwd-toggle::-webkit-details-marker {
	display: none;
}

.ueb-account .ueb-account__pwd-chevron {
	flex: 0 0 auto;
	transition: transform 0.2s ease;
}

.ueb-account .ueb-account__pwd[open] .ueb-account__pwd-chevron {
	transform: rotate(180deg);
}

.ueb-account .ueb-account__pwd-fields {
	display: flex;
	flex-direction: column;
	gap: 25px;
	max-width: 664px;
	border: 0;
	margin: 16px 0 0;
	padding: 0;
}

/* Purple pill submit — re-assert bg+color on hover/focus (theme repaints). */
.ueb-account .ueb-account__actions {
	margin: 7px 0 0;
}

.ueb-account .ueb-account__content .ueb-account__btn,
.ueb-account .ueb-account__content button.ueb-account__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #3a124d !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 32px !important;
	padding: 12px 28px !important;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	font-weight: 700 !important;
	line-height: 24px;
	cursor: pointer;
	box-shadow: 0 10px 15px -3px rgba(129, 59, 159, 0.2), 0 4px 6px -4px rgba(129, 59, 159, 0.2);
	text-decoration: none !important;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.ueb-account .ueb-account__content .ueb-account__btn:hover,
.ueb-account .ueb-account__content .ueb-account__btn:focus,
.ueb-account .ueb-account__content button.ueb-account__btn:hover,
.ueb-account .ueb-account__content button.ueb-account__btn:focus {
	background: #5f3f6f !important;
	color: #fff !important;
}

.ueb-account .ueb-account__pwd .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

/* ==========================================================================
   Address Book (my-address) + Edit Address form
   ========================================================================== */
/* On the address-book list the content card is transparent — each address type
   is its own white card (Figma 224:4251). Override the base card chrome, which
   is set with !important. */
.ueb-account .ueb-account__content:has(.ueb-account__addresses) {
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
}

.ueb-account .ueb-account__addresses {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
}

.ueb-account .ueb-account__addr-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	background: #fff !important;
	border: 0 !important;
	border-radius: 32px !important;
	box-shadow: 0 4px 2px rgba(0, 0, 0, 0.1);
	padding: 32px !important;
}

.ueb-account .ueb-account__addr-titlewrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	width: 100%;
}

.ueb-account .ueb-account__addr-title {
	margin: 0 !important;
	padding: 0 !important;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 24px !important;
	font-weight: 700 !important;
	line-height: 24px !important;
	color: #1b1c19 !important;
	background: none !important;
}

/* Short underline rule beneath the title (274px in the design) */
.ueb-account .ueb-account__addresses .ueb-account__addr-divider {
	display: block;
	width: 274px;
	max-width: 100%;
	height: 0;
	margin: 0 !important;
	border: 0 !important;
	border-top: 1px solid #e7e1ec !important;
	background: none !important;
}

.ueb-account .ueb-account__addr-body {
	margin: 0;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-style: normal;
	font-size: 15px;
	line-height: 24px;
	color: #44474c;
}

/* Purple pill action button — re-assert bg+color on hover/focus (theme repaints). */
.ueb-account .ueb-account__content a.ueb-account__addr-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 9px 28px !important;
	border: 0 !important;
	border-radius: 32px !important;
	background: #3a124d !important;
	color: #fff !important;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	font-weight: 700 !important;
	line-height: 24px;
	text-decoration: none !important;
	cursor: pointer;
	box-shadow: 0 10px 15px -3px rgba(129, 59, 159, 0.2), 0 4px 6px -4px rgba(129, 59, 159, 0.2);
	transition: background-color 0.15s ease;
}

.ueb-account .ueb-account__content a.ueb-account__addr-btn:hover,
.ueb-account .ueb-account__content a.ueb-account__addr-btn:focus {
	background: #5f3f6f !important;
	color: #fff !important;
}

/* Edit-address form divider keeps a full-width rule. */
.ueb-account .ueb-account__addr-form .ueb-account__addr-divider {
	display: block;
	width: 100%;
	height: 0;
	margin: 0 !important;
	border: 0 !important;
	border-top: 1px solid rgba(58, 18, 77, 0.12) !important;
	background: none !important;
}

/* Edit address form */
.ueb-account .ueb-account__addr-form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.ueb-account .ueb-account__addr-form-head {
	display: flex;
	align-items: center;
}

.ueb-account .ueb-account__addr-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	width: 100%;
}

.ueb-account .ueb-account__addr-fields .form-row-wide,
.ueb-account .ueb-account__addr-fields .form-row-last,
.ueb-account .ueb-account__addr-fields textarea {
	grid-column: 1 / -1;
}

.ueb-account .ueb-account__addr-fields .form-row {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
}

.ueb-account .ueb-account__addr-fields label {
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #1b1c19 !important;
}

.ueb-account .ueb-account__addr-fields .woocommerce-input-wrapper {
	display: block;
	width: 100%;
}

.ueb-account .ueb-account__content .ueb-account__addr-fields input.input-text,
.ueb-account .ueb-account__content .ueb-account__addr-fields input[type="text"],
.ueb-account .ueb-account__content .ueb-account__addr-fields input[type="email"],
.ueb-account .ueb-account__content .ueb-account__addr-fields input[type="tel"],
.ueb-account .ueb-account__content .ueb-account__addr-fields input[type="password"],
.ueb-account .ueb-account__content .ueb-account__addr-fields select,
.ueb-account .ueb-account__content .ueb-account__addr-fields .select2-container .select2-selection,
.ueb-account .ueb-account__content .ueb-account__addr-fields textarea {
	width: 100% !important;
	background: #fff !important;
	border: 1px solid #d9d2e0 !important;
	border-radius: 16px !important;
	padding: 12px 16px !important;
	color: #1b1c19 !important;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	box-shadow: none !important;
}

.ueb-account .ueb-account__addr-fields .select2-container .select2-selection--single {
	height: auto !important;
	display: flex;
	align-items: center;
}

.ueb-account .ueb-account__content .ueb-account__addr-fields input.input-text:focus,
.ueb-account .ueb-account__content .ueb-account__addr-fields select:focus,
.ueb-account .ueb-account__content .ueb-account__addr-fields textarea:focus {
	border-color: #3a124d !important;
	outline: none !important;
}

.ueb-account .ueb-account__addr-fields .description {
	margin: 4px 0 0;
	font-size: 12px;
	color: #5f3f6f;
}

.ueb-account .ueb-account__content .ueb-account__addr-form button[name="save_address"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #3a124d !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 32px !important;
	padding: 12px 28px !important;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-weight: 700 !important;
	font-size: 16px;
	line-height: 24px;
	cursor: pointer;
	text-decoration: none !important;
}

.ueb-account .ueb-account__content .ueb-account__addr-form button[name="save_address"]:hover,
.ueb-account .ueb-account__content .ueb-account__addr-form button[name="save_address"]:focus {
	background: #5f3f6f !important;
	color: #fff !important;
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
	.ueb-account .ueb-account__grid {
		flex-direction: column;
	}

	.ueb-account .ueb-account__nav {
		flex: 1 1 auto;
		width: 100%;
	}

	/* The grid's align-items: flex-start makes stacked items fit-content wide,
	   so a wide child (the orders table) would stretch the whole card past the
	   viewport. Pin the card to the container width; the table scrolls inside
	   its wrap instead. */
	.ueb-account .ueb-account__content {
		width: 100%;
	}

	.ueb-account .ueb-account__nav-list {
		flex-flow: column;
	}
}

@media (max-width: 600px) {
	.ueb-account .ueb-account__crumb {
		font-size: 13px !important;
		line-height: 16px !important;
	}

	.ueb-account .ueb-account__crumb-sep {
		width: 7px;
		height: 11px;
	}

	.ueb-account .ueb-account__head {
		gap: 8px;
	}

	.ueb-account .ueb-account__addr-fields {
		grid-template-columns: minmax(0, 1fr);
	}

	.ueb-account .ueb-account__order-card,
	.ueb-account .ueb-account__order-address {
		padding: 24px 20px !important;
	}

	.ueb-account .ueb-account__content {
		padding: 24px 20px !important;
	}

	.ueb-account .ueb-account__nav {
		padding: 24px 20px !important;
	}

	.ueb-account .ueb-account__orders-th,
	.ueb-account .ueb-account__orders-td {
		padding: 12px 14px !important;
	}

	.ueb-account .ueb-account__orders-badge {
		min-width: 0;
	}
}

/* --------------------------------------------------------------------------
   Change-password "eye" toggle (Edit Account)
   Reuse the login/register modal's eye control and HIDE WooCommerce's own
   native reveal toggle (`.show-password-input`), which the theme renders as a
   weird bordered box. WC's frontend JS also wraps the input in
   `span.password-input` — neutralise that wrapper so the input keeps its full
   width inside our positioned `.ueb-user-input-wrap`.
   -------------------------------------------------------------------------- */
.ueb-account .ueb-account__content .show-password-input,
.ueb-account .ueb-account__content .password-input .show-password-input {
	display: none !important;
}

.ueb-account .ueb-account__content .password-input {
	display: block !important;
	position: static !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.ueb-account .ueb-account__content .ueb-user-input-wrap {
	position: relative;
	display: block;
	width: 100%;
}

.ueb-account .ueb-account__content .ueb-user-input-wrap--password input.ueb-account__input {
	padding-right: 52px !important;
	min-height: 56px !important;
}

/* Anchor the eye to the INPUT (top 0 + half the 56px field height), NOT the
   wrapper — WooCommerce injects its password-strength meter below the input,
   growing the wrapper; a `top: 50%` eye would slide down with it. The input
   always sits at the top of the wrapper, so a fixed 28px stays centred on it. */
.ueb-account .ueb-account__content .ueb-user-input-wrap--password .ueb-user-pass-toggle {
	position: absolute !important;
	right: 12px;
	top: 28px;
	bottom: auto !important;
	left: auto !important;
	transform: translateY(-50%) !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	float: none !important;
	width: 32px !important;
	height: 32px !important;
	min-width: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	color: #6b7280 !important;
	cursor: pointer;
	border-radius: 8px !important;
	box-shadow: none !important;
	line-height: 0 !important;
	-webkit-appearance: none;
	appearance: none;
	transition: color 0.15s ease, background-color 0.15s ease;
}

.ueb-account .ueb-account__content .ueb-user-pass-toggle:hover,
.ueb-account .ueb-account__content .ueb-user-pass-toggle:focus,
.ueb-account .ueb-account__content .ueb-user-pass-toggle:focus-visible {
	background: rgba(58, 18, 77, 0.06) !important;
	background-color: rgba(58, 18, 77, 0.06) !important;
	background-image: none !important;
	color: #3a124d !important;
	box-shadow: none !important;
	transform: translateY(-50%) !important;
}

.ueb-account .ueb-account__content .ueb-user-pass-toggle:focus-visible {
	outline: 2px solid #3a124d !important;
	outline-offset: 2px;
}

.ueb-account .ueb-account__content .ueb-user-pass-toggle svg {
	width: 20px !important;
	height: 20px !important;
	display: block;
}

.ueb-account .ueb-account__content .ueb-user-pass-toggle__icon {
	display: inline-flex;
}

.ueb-account .ueb-account__content .ueb-user-pass-toggle__icon[hidden] {
	display: none !important;
}