/* ==========================================================================
   Marruá Torn — My Account (WooCommerce)
   ========================================================================== */

.marrua-account {
	background: var(--color-bg);
}

.marrua-account-hero {
	background: #f5f0eb;
	border-bottom: 1px solid rgba(79, 52, 36, 0.12);
	padding: 40px 0;
}

.marrua-account-hero__inner {
	text-align: center;
}

.marrua-account-hero__title {
	margin: 0;
	font-family: var(--font-primary);
	font-size: 40px;
	font-weight: 700;
	line-height: 1.1;
	color: var(--color-brown);
	text-transform: uppercase;
}

.marrua-account__body {
	padding: 48px 0 72px;
}

/* Shell: flex layout — nav + content as direct children */
.marrua-account-shell {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 32px;
	width: 100%;
}

.marrua-account-shell::before,
.marrua-account-shell::after {
	content: none;
	display: none;
}

/* WC pode injetar um wrapper .woocommerce dentro do shell */
.marrua-account-shell > .woocommerce {
	display: contents;
}

.marrua-account-shell:has(#customer_login) {
	display: block;
}

/* Navigation */
.marrua-account-shell .woocommerce-MyAccount-navigation {
	flex: 0 0 240px;
	width: 240px;
	max-width: 100%;
	background: #fff;
	border: 1px solid rgba(79, 52, 36, 0.12);
	border-radius: 4px;
	padding: 8px;
}

.woocommerce-MyAccount-navigation ul {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.woocommerce-MyAccount-navigation li a {
	display: block;
	padding: 12px 16px;
	border-radius: 3px;
	font-family: var(--font-condensed);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--color-brown-muted);
	transition: background var(--transition), color var(--transition);
}

.woocommerce-MyAccount-navigation li a:hover,
.woocommerce-MyAccount-navigation li.is-active a {
	background: rgba(79, 52, 36, 0.08);
	color: var(--color-brown);
}

/* Content — must stretch to fill remaining row space */
.marrua-account-shell .woocommerce-MyAccount-content {
	flex: 1 1 480px;
	min-width: 0;
	width: 100%;
	max-width: 100%;
	background: #fff;
	border: 1px solid rgba(79, 52, 36, 0.12);
	border-radius: 4px;
	padding: 32px;
	box-sizing: border-box;
}

.woocommerce-MyAccount-content > p {
	margin: 0 0 16px;
	font-size: 15px;
	line-height: 1.6;
	color: var(--color-text);
}

.woocommerce-MyAccount-content a {
	color: var(--color-brown);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.woocommerce-MyAccount-content a:hover {
	color: var(--color-accent);
}

/* Reset WooCommerce col2-set floats (default WC CSS is disabled) */
.marrua-account__content .col2-set,
.woocommerce-MyAccount-content .col2-set {
	width: 100%;
}

.marrua-account__content .col2-set::before,
.marrua-account__content .col2-set::after,
.woocommerce-MyAccount-content .col2-set::before,
.woocommerce-MyAccount-content .col2-set::after {
	content: none;
	display: none;
}

.marrua-account__content .col2-set .col-1,
.marrua-account__content .col2-set .col-2,
.marrua-account__content .u-column1,
.marrua-account__content .u-column2,
.woocommerce-MyAccount-content .col2-set .col-1,
.woocommerce-MyAccount-content .col2-set .col-2,
.woocommerce-MyAccount-content .u-column1,
.woocommerce-MyAccount-content .u-column2 {
	float: none !important;
	width: auto !important;
	max-width: none;
}

/* Two-column blocks: addresses + login/register */
.marrua-account__content .col2-set,
.woocommerce-MyAccount-content .woocommerce-Addresses {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	width: 100%;
}

.marrua-account__content .col2-set > .u-column1,
.marrua-account__content .col2-set > .u-column2,
.woocommerce-MyAccount-content .woocommerce-Addresses > .woocommerce-Address,
.woocommerce-MyAccount-content .woocommerce-Addresses > .u-column1,
.woocommerce-MyAccount-content .woocommerce-Addresses > .u-column2 {
	flex: 1 1 calc(50% - 12px);
	min-width: min(100%, 260px);
	box-sizing: border-box;
}

/* Login cards (logged out) */
.marrua-account__content .col2-set > .u-column1,
.marrua-account__content .col2-set > .u-column2 {
	background: #fff;
	border: 1px solid rgba(79, 52, 36, 0.12);
	border-radius: 4px;
	padding: 32px;
}

.marrua-account__content .col2-set > .u-column1 h2,
.marrua-account__content .col2-set > .u-column2 h2 {
	margin: 0 0 20px;
	font-family: var(--font-condensed);
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--color-brown);
}

/* Address cards */
.woocommerce-MyAccount-content .woocommerce-Address {
	padding: 20px;
	border: 1px solid rgba(79, 52, 36, 0.12);
	border-radius: 4px;
}

.woocommerce-MyAccount-content .woocommerce-Address-title {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}

.woocommerce-MyAccount-content .woocommerce-Address-title h2,
.woocommerce-MyAccount-content .woocommerce-Address-title h3 {
	margin: 0;
	font-family: var(--font-condensed);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--color-brown);
	line-height: 1.4;
}

.woocommerce-MyAccount-content .woocommerce-Address-title .edit {
	flex-shrink: 0;
	font-size: 12px;
	text-decoration: none;
	white-space: nowrap;
}

.woocommerce-MyAccount-content .woocommerce-Address address {
	font-style: normal;
	font-size: 14px;
	line-height: 1.6;
	color: var(--color-text);
}

/* Notices */
.woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-error,
.marrua-account__content > .woocommerce-message,
.marrua-account__content > .woocommerce-info,
.marrua-account__content > .woocommerce-error {
	margin: 0 0 24px;
	padding: 14px 18px;
	border-radius: 4px;
	font-size: 14px;
	line-height: 1.5;
	list-style: none;
}

.woocommerce-MyAccount-content .woocommerce-message,
.marrua-account__content > .woocommerce-message {
	background: #edf7ee;
	border: 1px solid #b7dfb9;
	color: #1f4d21;
}

.woocommerce-MyAccount-content .woocommerce-info,
.marrua-account__content > .woocommerce-info {
	background: #eef4fb;
	border: 1px solid #b8cfe8;
	color: #1f3f66;
}

.woocommerce-MyAccount-content .woocommerce-error,
.marrua-account__content > .woocommerce-error {
	background: #fdf0f0;
	border: 1px solid #e8b4b4;
	color: #7a1f1f;
}

/* Tables */
.woocommerce-MyAccount-content table.shop_table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

.woocommerce-MyAccount-content table.shop_table th,
.woocommerce-MyAccount-content table.shop_table td {
	padding: 14px 12px;
	border-bottom: 1px solid rgba(79, 52, 36, 0.12);
	text-align: left;
	vertical-align: middle;
}

.woocommerce-MyAccount-content table.shop_table th {
	font-family: var(--font-condensed);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--color-brown-muted);
}

.woocommerce-MyAccount-content table.shop_table .button,
.woocommerce-MyAccount-content .woocommerce-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 0 18px;
	border: 1px solid var(--color-brown);
	border-radius: 3px;
	background: transparent;
	color: var(--color-brown);
	font-family: var(--font-condensed);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	transition: background var(--transition), color var(--transition);
}

.woocommerce-MyAccount-content table.shop_table .button:hover,
.woocommerce-MyAccount-content .woocommerce-button:hover {
	background: var(--color-brown);
	color: #fff;
}

/* Forms */
.woocommerce-MyAccount-content .woocommerce-EditAccountForm,
.woocommerce-MyAccount-content .woocommerce-address-fields,
.woocommerce-MyAccount-content .woocommerce-ResetPassword {
	display: block;
	width: 100%;
}

.woocommerce-MyAccount-content .woocommerce-EditAccountForm::after,
.woocommerce-MyAccount-content .woocommerce-address-fields::after {
	content: '';
	display: table;
	clear: both;
}

.woocommerce-MyAccount-content fieldset {
	margin: 0 0 16px;
	padding: 0;
	border: 0;
	width: 100%;
}

.woocommerce-MyAccount-content legend {
	margin-bottom: 12px;
	font-family: var(--font-condensed);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--color-brown);
}

.woocommerce-MyAccount-content .form-row,
.marrua-account__content .woocommerce-form-row {
	margin: 0 0 16px;
	width: 100%;
}

.woocommerce-MyAccount-content label,
.marrua-account__content .woocommerce-form-row label {
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	font-weight: 500;
	color: var(--color-brown);
}

.woocommerce-MyAccount-content .required,
.marrua-account__content .required {
	color: #b42318;
}

.woocommerce-MyAccount-content .input-text,
.woocommerce-MyAccount-content select,
.woocommerce-MyAccount-content textarea,
.marrua-account__content .input-text {
	width: 100%;
	min-height: 44px;
	padding: 10px 14px;
	border: 1px solid rgba(79, 52, 36, 0.2);
	border-radius: 3px;
	background: #fff;
	font: inherit;
	color: var(--color-text);
	box-sizing: border-box;
}

.woocommerce-MyAccount-content .input-text:focus,
.woocommerce-MyAccount-content select:focus,
.woocommerce-MyAccount-content textarea:focus,
.marrua-account__content .input-text:focus {
	outline: none;
	border-color: var(--color-brown);
	box-shadow: 0 0 0 3px rgba(79, 52, 36, 0.12);
}

@media (min-width: 640px) {
	.woocommerce-MyAccount-content .form-row-first,
	.woocommerce-MyAccount-content .form-row-last {
		float: left;
		width: calc(50% - 8px);
	}

	.woocommerce-MyAccount-content .form-row-first {
		margin-right: 16px;
		clear: left;
	}

	.woocommerce-MyAccount-content .form-row-last {
		margin-right: 0;
	}
}

/* Login / Cadastre-se (deslogado) */
.marrua-account-shell #customer_login.col2-set {
	max-width: 960px;
	margin: 0 auto;
}

.marrua-account__content .woocommerce-form-login,
.marrua-account__content .woocommerce-form-register {
	display: flex;
	flex-direction: column;
	gap: 0;
	width: 100%;
}

.marrua-account__content .woocommerce-form-login .form-row-wide,
.marrua-account__content .woocommerce-form-register .form-row-wide {
	margin-bottom: 16px;
}

/* Campo senha + botão mostrar/ocultar */
.marrua-account__content .password-input {
	display: block;
	position: relative;
	width: 100%;
}

.marrua-account__content .password-input input {
	padding-right: 44px;
}

.marrua-account__content .show-password-input {
	position: absolute;
	top: 50%;
	right: 8px;
	transform: translateY(-50%);
	width: 32px;
	height: 32px;
	min-height: 0;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 3px;
	background: transparent;
	color: var(--color-brown-muted);
	cursor: pointer;
}

.marrua-account__content .show-password-input::before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	margin: 6px auto 0;
	background-color: currentColor;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15 12a3 3 0 11-6 0 3 3 0 016 0z'/%3E%3C/svg%3E");
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15 12a3 3 0 11-6 0 3 3 0 016 0z'/%3E%3C/svg%3E");
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
}

.marrua-account__content .show-password-input:hover {
	color: var(--color-brown);
	background: rgba(79, 52, 36, 0.06);
}

/* Lembre-me + botão acessar */
.marrua-account__content .woocommerce-form-login .form-row:has(.woocommerce-form-login__submit),
.marrua-account__content .woocommerce-form-register .form-row:has(.woocommerce-form-register__submit) {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 8px;
	margin-bottom: 0;
}

.marrua-account__content .woocommerce-form-login__rememberme {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	color: var(--color-text);
	cursor: pointer;
}

.marrua-account__content .woocommerce-form-login__rememberme input[type='checkbox'] {
	width: 16px;
	height: 16px;
	min-height: 0;
	margin: 0;
	accent-color: var(--color-brown);
}

.marrua-account__content .woocommerce-LostPassword {
	margin: 16px 0 0;
	font-size: 14px;
}

.marrua-account__content .woocommerce-LostPassword a {
	text-decoration: none;
}

.marrua-account__content .woocommerce-LostPassword a:hover {
	text-decoration: underline;
}

.marrua-account__content .woocommerce-form-register > p:not(.form-row) {
	margin: 0 0 16px;
	font-size: 14px;
	line-height: 1.6;
	color: var(--color-text-muted);
}

.marrua-account__content .woocommerce-privacy-policy-text {
	margin: 0 0 20px;
	font-size: 13px;
	line-height: 1.6;
	color: var(--color-text-muted);
}

.marrua-account__content .woocommerce-privacy-policy-text p {
	margin: 0 0 8px;
}

/* Botões primários (somente submit) */
.marrua-account__content .woocommerce-form-login__submit,
.marrua-account__content .woocommerce-form-register__submit,
.woocommerce-MyAccount-content button.button,
.woocommerce-MyAccount-content input.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 28px;
	border: 0;
	border-radius: 3px;
	background: var(--color-brown);
	color: #fff;
	font-family: var(--font-condensed);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background var(--transition);
	white-space: nowrap;
}

.marrua-account__content .woocommerce-form-login__submit:hover,
.marrua-account__content .woocommerce-form-register__submit:hover,
.woocommerce-MyAccount-content button.button:hover,
.woocommerce-MyAccount-content input.button:hover {
	background: var(--color-accent);
}


/* Responsive */
@media (max-width: 768px) {
	.marrua-account-shell .woocommerce-MyAccount-navigation {
		flex: 1 1 100%;
		width: 100%;
	}

	.marrua-account-shell .woocommerce-MyAccount-content {
		flex: 1 1 100%;
	}

	.marrua-account__content .col2-set > .u-column1,
	.marrua-account__content .col2-set > .u-column2,
	.woocommerce-MyAccount-content .woocommerce-Addresses > .woocommerce-Address,
	.woocommerce-MyAccount-content .woocommerce-Addresses > .u-column1,
	.woocommerce-MyAccount-content .woocommerce-Addresses > .u-column2 {
		flex-basis: 100%;
		min-width: 100%;
	}
}

@media (max-width: 640px) {
	.marrua-account-hero__title {
		font-size: 32px;
	}

	.marrua-account__body {
		padding: 32px 0 56px;
	}

	.marrua-account-shell .woocommerce-MyAccount-content,
	.marrua-account__content .col2-set > .u-column1,
	.marrua-account__content .col2-set > .u-column2 {
		padding: 24px 20px;
	}

	.woocommerce-MyAccount-content table.shop_table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}

	.woocommerce-MyAccount-content .woocommerce-Address-title {
		flex-direction: column;
		align-items: flex-start;
	}
}