/**
 * Account widget.
 *
 * The DEFAULT look lives here, not in control defaults: every style control in
 * account.php defaults to '' so a per-instance value can override this
 * stylesheet. Baking colours into control defaults instead would permanently
 * outspecify the theme and global styles with no way back.
 *
 * Markup underneath these rules comes from WooCommerce's own templates
 * (myaccount/form-login.php, myaccount/navigation.php, myaccount/dashboard.php,
 * etc.) — this file only lays them out and gives them a sane baseline, it never
 * re-declares WooCommerce's classes.
 */

.ractro-account {
	--tg-acct-gap: 20px;
}

.ractro-account--notice {
	padding: 16px 20px;
	border: 1px dashed rgba(15, 23, 42, 0.25);
	border-radius: 8px;
	color: rgba(15, 23, 42, 0.6);
	font-size: 14px;
}

.ractro-account__preview-note {
	margin: 0 0 16px;
	padding: 6px 12px;
	display: inline-block;
	border-radius: 999px;
	background: rgba(37, 99, 235, 0.1);
	color: #1d4ed8;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

/* Layout: nav + content side by side once there's room. */
.ractro-account .woocommerce {
	display: block;
}

.ractro-account__nav-wrap {
	margin-bottom: var(--tg-acct-gap);
}

.woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0 0 var(--tg-acct-gap);
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 4px 20px;
	border-bottom: 1px solid rgba(15, 23, 42, 0.1);
}

.woocommerce-MyAccount-navigation li {
	margin: 0;
}

.woocommerce-MyAccount-navigation a {
	display: inline-block;
	padding: 10px 2px;
	color: rgba(15, 23, 42, 0.65);
	text-decoration: none;
	font-weight: 500;
	border-bottom: 2px solid transparent;
	transition: color 0.2s ease, border-color 0.2s ease;
}

.woocommerce-MyAccount-navigation a:hover {
	color: rgba(15, 23, 42, 0.9);
}

.woocommerce-MyAccount-navigation-link.is-active a {
	color: #1d4ed8;
	border-bottom-color: currentColor;
}

/* Forms: login, register, lost password, edit account, edit address. */
.ractro-account .woocommerce-form-row,
.ractro-account form.woocommerce-form p {
	margin: 0 0 16px;
}

.ractro-account label {
	display: block;
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: 500;
}

.ractro-account .woocommerce-Input,
.ractro-account .woocommerce-form-row select,
.ractro-account .woocommerce-form-row textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 12px;
	border: 1px solid rgba(15, 23, 42, 0.18);
	border-radius: 6px;
	font-size: 14px;
	background: #fff;
	transition: border-color 0.2s ease;
}

.ractro-account .woocommerce-Input:focus,
.ractro-account .woocommerce-form-row select:focus,
.ractro-account .woocommerce-form-row textarea:focus {
	outline: none;
	border-color: var(--ractro-account-accent, #1d4ed8);
}

.ractro-account .button {
	display: inline-block;
	padding: 11px 22px;
	border: 1px solid transparent;
	border-radius: 6px;
	background: var(--ractro-account-accent, #0f172a);
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.ractro-account .button:hover {
	background: #1e293b;
	color: #fff;
}

.ractro-account .woocommerce-LostPassword {
	margin-top: 4px;
	font-size: 13px;
}

.ractro-account .woocommerce-LostPassword a {
	color: #1d4ed8;
}

/* Notices */
.ractro-account .woocommerce-error,
.ractro-account .woocommerce-message,
.ractro-account .woocommerce-info {
	list-style: none;
	margin: 0 0 16px;
	padding: 12px 16px;
	border-radius: 6px;
	font-size: 14px;
}

.ractro-account .woocommerce-error {
	background: rgba(220, 38, 38, 0.08);
	color: #b91c1c;
}

.ractro-account .woocommerce-message,
.ractro-account .woocommerce-info {
	background: rgba(22, 163, 74, 0.08);
	color: #15803d;
}

/* Login/register two-column layout, when registration is enabled. */
.ractro-account .u-columns.col2-set {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

.ractro-account .u-columns.col2-set .u-column1,
.ractro-account .u-columns.col2-set .u-column2 {
	flex: 1 1 260px;
	min-width: 0;
}