/**
 * Mobile-only My Account UI — purple brand (matches desktop).
 * Scoped: body.woocommerce-account @ max-width 768px
 */

@media (max-width: 768px) {
	body.woocommerce-account #main.site-main.cvd-account-site-main,
	body.woocommerce-account #main.site-main {
		padding-bottom: max(88px, calc(1.25rem + env(safe-area-inset-bottom, 0px)));
	}

	body.woocommerce-account article.cvd-account-entry,
	body.woocommerce-account article.entry-article {
		background: linear-gradient(165deg, #ffffff 0%, #f8f4ff 55%, #f3e8ff 100%) !important;
		border: 1px solid rgba(124, 58, 237, 0.22) !important;
		box-shadow:
			0 8px 32px rgba(46, 6, 80, 0.14),
			0 1px 0 rgba(255, 255, 255, 0.85) inset !important;
		border-radius: 16px !important;
		overflow: hidden;
	}

	body.woocommerce-account .woocommerce-MyAccount-content {
		background: transparent !important;
		padding-left: clamp(0.6rem, 3vw, 1rem) !important;
		padding-right: clamp(0.6rem, 3vw, 1rem) !important;
		padding-top: clamp(0.65rem, 2vw, 1rem) !important;
		padding-bottom: clamp(0.65rem, 2vw, 1rem) !important;
		border-radius: 12px;
	}

	body.woocommerce-account .woocommerce-MyAccount-content > :first-child {
		margin-top: 0;
	}

	body.woocommerce-account .woocommerce-MyAccount-content h1,
	body.woocommerce-account .woocommerce-MyAccount-content h2,
	body.woocommerce-account .woocommerce-MyAccount-content h3 {
		color: #2e0650;
		font-weight: 700;
		letter-spacing: -0.02em;
		border-bottom-color: rgba(124, 58, 237, 0.2);
		margin-top: 1.25rem;
	}

	body.woocommerce-account .woocommerce-MyAccount-content h2:first-child,
	body.woocommerce-account .woocommerce-MyAccount-content h3:first-child {
		margin-top: 0;
	}

	body.woocommerce-account .woocommerce-MyAccount-content p,
	body.woocommerce-account .woocommerce-MyAccount-content li {
		color: #2d1b3d;
	}

	body.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.wp-block-button__link) {
		color: #6d28d9;
		font-weight: 600;
		text-decoration: none;
		border-bottom: 1px solid rgba(109, 40, 217, 0.35);
	}

	body.woocommerce-account .woocommerce-MyAccount-content a:not(.button):hover {
		color: #4c1d95;
		border-bottom-color: #4c1d95;
	}

	/* Logged-out / shared entry (login, lost password) */
	body.woocommerce-account .entry-content > .woocommerce {
		color: #2d1b3d;
	}

	body.woocommerce-account .entry-content h2 {
		color: #2e0650;
		font-weight: 700;
		font-size: 1.35rem;
		margin-bottom: 1rem;
		border-bottom: 2px solid rgba(124, 58, 237, 0.2);
		padding-bottom: 0.5rem;
	}

	body.woocommerce-account:not(.logged-in) .lost_password a {
		color: #6d28d9 !important;
		font-weight: 600;
		border-bottom: 1px solid rgba(109, 40, 217, 0.35);
		text-decoration: none !important;
	}

	/* Notices */
	body.woocommerce-account .woocommerce-message,
	body.woocommerce-account .woocommerce-info,
	body.woocommerce-account .woocommerce-error {
		border-radius: 12px;
		border-width: 1px;
		border-left-width: 4px !important;
		padding: 12px 14px;
		font-size: 0.95rem;
		line-height: 1.45;
		box-shadow: 0 4px 16px rgba(18, 5, 31, 0.08);
	}

	body.woocommerce-account .woocommerce-message {
		background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
		border-color: #10b981 !important;
		color: #064e3b;
	}

	body.woocommerce-account .woocommerce-info,
	body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info {
		background: linear-gradient(135deg, #faf5ff 0%, #ede9fe 100%);
		border-color: #7c3aed !important;
		color: #3b0764;
	}

	body.woocommerce-account .woocommerce-error {
		background: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 100%);
		border-color: #e11d48 !important;
		color: #881337;
	}

	/* Tables */
	body.woocommerce-account .shop_table,
	body.woocommerce-account table.shop_table_responsive {
		border-radius: 14px !important;
		overflow: hidden;
		border: 1px solid rgba(124, 58, 237, 0.18) !important;
		box-shadow: 0 6px 22px rgba(18, 5, 31, 0.1);
		background: #fff;
	}

	body.woocommerce-account .shop_table thead th,
	body.woocommerce-account .woocommerce-MyAccount-orders th {
		background: linear-gradient(180deg, #4a148c 0%, #3b0764 100%) !important;
		color: #f5f3ff !important;
		font-size: 0.72rem;
		text-transform: uppercase;
		letter-spacing: 0.06em;
		padding: 12px 10px !important;
		border: none !important;
	}

	body.woocommerce-account .shop_table tbody td,
	body.woocommerce-account .shop_table tbody th {
		padding: 12px 10px !important;
		border-color: rgba(124, 58, 237, 0.1) !important;
		color: #2d1b3d;
		vertical-align: middle;
	}

	body.woocommerce-account .shop_table:not(.woocommerce-MyAccount-orders):not(.woocommerce-table--order-details) tbody tr:nth-child(even) td {
		background: rgba(124, 58, 237, 0.04);
	}

	body.woocommerce-account .shop_table .button,
	body.woocommerce-account .woocommerce-orders-table__cell-order-actions .button {
		background: transparent !important;
		color: #6d28d9 !important;
		border: 2px solid #7c3aed !important;
		border-radius: 10px !important;
		padding: 8px 14px !important;
		font-weight: 600 !important;
		width: auto !important;
		display: inline-block !important;
	}

	body.woocommerce-account .shop_table .button:hover {
		background: #7c3aed !important;
		color: #fff !important;
	}

	body.woocommerce-account table.shop_table_responsive tr td::before {
		color: #6d28d9 !important;
		font-weight: 700 !important;
		font-size: 0.68rem !important;
		text-transform: uppercase;
		letter-spacing: 0.05em;
	}

	/* Forms */
	body.woocommerce-account .woocommerce-form .form-row label,
	body.woocommerce-account .woocommerce-address-fields label {
		color: #3b0764;
		font-weight: 600;
		font-size: 0.9rem;
		margin-bottom: 6px;
	}

	body.woocommerce-account .woocommerce-Input,
	body.woocommerce-account .input-text,
	body.woocommerce-account select,
	body.woocommerce-account textarea {
		border-radius: 12px !important;
		border: 1px solid rgba(124, 58, 237, 0.28) !important;
		background: rgba(255, 255, 255, 0.95) !important;
		padding: 12px 14px !important;
		font-size: 16px !important;
		color: #2d1b3d !important;
		box-shadow: 0 2px 8px rgba(18, 5, 31, 0.05);
		transition: border-color 0.2s ease, box-shadow 0.2s ease;
	}

	body.woocommerce-account .woocommerce-Input:focus,
	body.woocommerce-account .input-text:focus,
	body.woocommerce-account select:focus,
	body.woocommerce-account textarea:focus {
		outline: none !important;
		border-color: #7c3aed !important;
		box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.22);
	}

	body.woocommerce-account .woocommerce-button.button,
	body.woocommerce-account button[type="submit"].button,
	body.woocommerce-account .woocommerce-form-login__submit,
	body.woocommerce-account .woocommerce-form-register__submit,
	body.woocommerce-account .woocommerce-MyAccount-content > form button[type="submit"],
	body.woocommerce-account form.woocommerce-EditAccountForm button[type="submit"],
	body.woocommerce-account form.woocommerce-address-fields ~ p button[type="submit"],
	body.woocommerce-account .woocommerce-address-fields + p .button {
		background: linear-gradient(135deg, #6d28d9 0%, #4a148c 100%) !important;
		color: #fff !important;
		border: none !important;
		border-radius: 12px !important;
		padding: 12px 22px !important;
		font-weight: 700 !important;
		font-size: 0.95rem !important;
		box-shadow: 0 6px 20px rgba(74, 20, 140, 0.35);
		text-align: center;
		text-decoration: none !important;
	}

	body.woocommerce-account .woocommerce-form-login__submit,
	body.woocommerce-account .woocommerce-form-register__submit,
	body.woocommerce-account .woocommerce-MyAccount-content > form:not(.woocommerce-cart-form) button[type="submit"].button,
	body.woocommerce-account form.woocommerce-EditAccountForm button[type="submit"] {
		width: 100%;
		display: block;
	}

	body.woocommerce-account .woocommerce-button.button:hover,
	body.woocommerce-account button[type="submit"].button:hover {
		filter: brightness(1.06);
		box-shadow: 0 8px 26px rgba(74, 20, 140, 0.45);
	}

	body.woocommerce-account .woocommerce-form-login .woocommerce-form-login__submit {
		margin-top: 4px;
	}

	body.woocommerce-account fieldset {
		border: 1px solid rgba(124, 58, 237, 0.2);
		border-radius: 12px;
		padding: 14px;
		margin: 1rem 0;
		background: rgba(255, 255, 255, 0.5);
	}

	body.woocommerce-account fieldset legend {
		color: #4a148c;
		font-weight: 700;
		padding: 0 8px;
	}

	body.woocommerce-account .u-columns.col2-set {
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
	}

	body.woocommerce-account .u-columns .col-1,
	body.woocommerce-account .u-columns .col-2 {
		width: 100% !important;
		float: none !important;
		padding: clamp(0.75rem, 3vw, 1.15rem);
		background: rgba(255, 255, 255, 0.65);
		border: 1px solid rgba(124, 58, 237, 0.15);
		border-radius: 14px;
		box-shadow: 0 4px 18px rgba(18, 5, 31, 0.06);
	}

	body.woocommerce-account .woocommerce-form-login h2,
	body.woocommerce-account .woocommerce-form-register h2,
	body.woocommerce-account .u-column1 h2,
	body.woocommerce-account .u-column2 h2 {
		color: #2e0650;
		font-size: 1.35rem;
		margin-bottom: 1rem;
		border-bottom: 2px solid rgba(124, 58, 237, 0.2);
		padding-bottom: 0.5rem;
	}

	body.woocommerce-account .woocommerce-pagination .button,
	body.woocommerce-account .woocommerce-pagination a {
		border-radius: 10px !important;
		background: #fff !important;
		color: #6d28d9 !important;
		border: 2px solid rgba(124, 58, 237, 0.35) !important;
		padding: 10px 16px !important;
		font-weight: 600 !important;
	}

	body.woocommerce-account .woocommerce-pagination .button:hover,
	body.woocommerce-account .woocommerce-pagination a:hover {
		background: #7c3aed !important;
		color: #fff !important;
		border-color: #7c3aed !important;
	}

	body.woocommerce-account .woocommerce-account-quotes {
		border-radius: 14px;
		border: 1px solid rgba(124, 58, 237, 0.18);
		overflow: hidden;
	}

	body.woocommerce-account .woocommerce-account-quotes .woocommerce-info {
		border-radius: 0;
	}
}