/* Kryolo - Minha Conta Pro */

body.kryolo-my-account-pro {
	--kryolo-bg: #f3eee6;
	--kryolo-cream: #fbf8f2;
	--kryolo-dark: #201f1c;
	--kryolo-dark-2: #2b2721;
	--kryolo-text: #171513;
	--kryolo-muted: #746b60;
	--kryolo-gold: #d8b86a;
	--kryolo-gold-soft: #ead18b;
	--kryolo-border: rgba(32, 31, 28, 0.12);
	--kryolo-shadow: 0 24px 70px rgba(32, 31, 28, 0.12);
	background: var(--kryolo-bg);
}

body.kryolo-my-account-pro .site-content,
body.kryolo-my-account-pro #content,
body.kryolo-my-account-pro .content-area {
	background:
		radial-gradient(circle at 10% 8%, rgba(216, 184, 106, 0.20), transparent 28%),
		radial-gradient(circle at 92% 12%, rgba(32, 31, 28, 0.08), transparent 30%),
		var(--kryolo-bg);
}

/* Oculta títulos genéricos do tema na página Minha Conta */
body.kryolo-my-account-pro .entry-title,
body.kryolo-my-account-pro .page-title,
body.kryolo-my-account-pro .page-header,
body.kryolo-my-account-pro .single-page-title,
body.kryolo-my-account-pro .mf-page-header {
	display: none !important;
}

body.kryolo-my-account-pro .woocommerce {
	width: min(1180px, calc(100% - 32px));
	margin: 0 auto;
	padding: clamp(28px, 5vw, 72px) 0;
	color: var(--kryolo-text);
}

body.kryolo-my-account-pro .woocommerce::before {
	content: "Minha Conta";
	display: block;
	margin: 0 0 12px;
	color: var(--kryolo-gold);
	font-size: 12px;
	font-weight: 950;
	letter-spacing: .18em;
	text-transform: uppercase;
}

body.kryolo-my-account-pro .woocommerce::after {
	content: "Gerencie seus pedidos, dados pessoais, endereços e informações de acesso em um só lugar.";
	display: block;
	max-width: 760px;
	margin: -2px 0 34px;
	color: var(--kryolo-muted);
	font-size: clamp(16px, 2vw, 20px);
	line-height: 1.65;
}

/* Layout principal */
body.kryolo-my-account-pro .woocommerce-MyAccount-navigation,
body.kryolo-my-account-pro .woocommerce-MyAccount-content {
	float: none !important;
}

body.kryolo-my-account-pro .woocommerce-MyAccount-navigation {
	width: 300px !important;
}

body.kryolo-my-account-pro .woocommerce-MyAccount-content {
	width: calc(100% - 334px) !important;
}

body.kryolo-my-account-pro .woocommerce:has(.woocommerce-MyAccount-navigation) {
	display: flex;
	gap: 34px;
	align-items: flex-start;
	flex-wrap: wrap;
}

body.kryolo-my-account-pro .woocommerce:has(.woocommerce-MyAccount-navigation)::before,
body.kryolo-my-account-pro .woocommerce:has(.woocommerce-MyAccount-navigation)::after {
	flex-basis: 100%;
}

/* Menu lateral */
body.kryolo-my-account-pro .woocommerce-MyAccount-navigation {
	position: sticky;
	top: 24px;
	border-radius: 34px;
	padding: 18px;
	background:
		linear-gradient(160deg, rgba(216,184,106,.18), rgba(255,255,255,.42)),
		rgba(255,255,255,.66);
	border: 1px solid var(--kryolo-border);
	box-shadow: 0 18px 50px rgba(32,31,28,.08);
	overflow: hidden;
}

body.kryolo-my-account-pro .woocommerce-MyAccount-navigation::before {
	content: "Menu da conta";
	display: block;
	padding: 10px 12px 16px;
	color: var(--kryolo-dark);
	font-size: 13px;
	font-weight: 950;
	letter-spacing: .12em;
	text-transform: uppercase;
}

body.kryolo-my-account-pro .woocommerce-MyAccount-navigation ul {
	display: grid;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

body.kryolo-my-account-pro .woocommerce-MyAccount-navigation li {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

body.kryolo-my-account-pro .woocommerce-MyAccount-navigation li a {
	position: relative;
	display: flex !important;
	align-items: center;
	min-height: 48px;
	padding: 12px 14px 12px 46px !important;
	border-radius: 18px;
	color: var(--kryolo-dark) !important;
	background: rgba(255,255,255,.46);
	border: 1px solid rgba(32,31,28,.08);
	font-size: 14px;
	font-weight: 850;
	text-decoration: none !important;
	transition: all .2s ease;
}

body.kryolo-my-account-pro .woocommerce-MyAccount-navigation li a::before {
	position: absolute;
	left: 15px;
	width: 22px;
	height: 22px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: rgba(216,184,106,.24);
	color: var(--kryolo-dark);
	font-size: 13px;
	font-weight: 900;
}

body.kryolo-my-account-pro .woocommerce-MyAccount-navigation-link--dashboard a::before { content: "⌂"; }
body.kryolo-my-account-pro .woocommerce-MyAccount-navigation-link--orders a::before { content: "▤"; }
body.kryolo-my-account-pro .woocommerce-MyAccount-navigation-link--downloads a::before { content: "↓"; }
body.kryolo-my-account-pro .woocommerce-MyAccount-navigation-link--edit-address a::before { content: "⌖"; }
body.kryolo-my-account-pro .woocommerce-MyAccount-navigation-link--payment-methods a::before { content: "◈"; }
body.kryolo-my-account-pro .woocommerce-MyAccount-navigation-link--edit-account a::before { content: "◎"; }
body.kryolo-my-account-pro .woocommerce-MyAccount-navigation-link--customer-logout a::before { content: "↗"; }

body.kryolo-my-account-pro .woocommerce-MyAccount-navigation li.is-active a,
body.kryolo-my-account-pro .woocommerce-MyAccount-navigation li a:hover {
	background: linear-gradient(135deg, var(--kryolo-gold), var(--kryolo-gold-soft));
	color: #111 !important;
	border-color: rgba(216,184,106,.56);
	box-shadow: 0 12px 26px rgba(120, 88, 25, .16);
	transform: translateY(-1px);
}

/* Conteúdo */
body.kryolo-my-account-pro .woocommerce-MyAccount-content {
	min-height: 420px;
	padding: clamp(24px, 4vw, 42px);
	border-radius: 34px;
	background: rgba(255,255,255,.66);
	border: 1px solid var(--kryolo-border);
	box-shadow: var(--kryolo-shadow);
}

body.kryolo-my-account-pro .woocommerce-MyAccount-content h2,
body.kryolo-my-account-pro .woocommerce-MyAccount-content h3,
body.kryolo-my-account-pro .woocommerce-MyAccount-content legend {
	margin: 0 0 18px;
	color: var(--kryolo-dark);
	font-size: clamp(24px, 3vw, 36px);
	line-height: 1.05;
	letter-spacing: -0.04em;
	font-weight: 950;
}

body.kryolo-my-account-pro .woocommerce-MyAccount-content p,
body.kryolo-my-account-pro .woocommerce-MyAccount-content address,
body.kryolo-my-account-pro .woocommerce-MyAccount-content li {
	color: var(--kryolo-muted);
	font-size: 16px;
	line-height: 1.76;
}

body.kryolo-my-account-pro .woocommerce-MyAccount-content a:not(.button) {
	color: var(--kryolo-dark);
	font-weight: 800;
	text-decoration-color: rgba(216,184,106,.75);
	text-underline-offset: 4px;
}

/* Boas-vindas */
body.kryolo-my-account-pro .kryolo-account-welcome {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 22px;
	margin: 0 0 30px;
	padding: clamp(24px, 4vw, 36px);
	border-radius: 28px;
	background:
		radial-gradient(circle at 16% 20%, rgba(216,184,106,.26), transparent 32%),
		linear-gradient(135deg, #fffaf0, #efe7da);
	border: 1px solid rgba(216,184,106,.26);
}

body.kryolo-my-account-pro .kryolo-account-kicker {
	display: inline-flex;
	margin-bottom: 10px;
	color: var(--kryolo-gold);
	font-size: 12px;
	font-weight: 950;
	letter-spacing: .16em;
	text-transform: uppercase;
}

body.kryolo-my-account-pro .kryolo-account-welcome h2 {
	margin: 0 0 8px;
}

body.kryolo-my-account-pro .kryolo-account-welcome p {
	margin: 0;
	max-width: 620px;
}

body.kryolo-my-account-pro .kryolo-account-shop-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	white-space: nowrap;
	padding: 12px 22px;
	border-radius: 999px;
	color: #111 !important;
	background: linear-gradient(135deg, var(--kryolo-gold), var(--kryolo-gold-soft));
	font-size: 13px;
	font-weight: 950;
	letter-spacing: .04em;
	text-transform: uppercase;
	text-decoration: none !important;
	box-shadow: 0 14px 28px rgba(120, 88, 25, .16);
}

/* Formulários */
body.kryolo-my-account-pro .woocommerce form .form-row {
	margin-bottom: 18px;
}

body.kryolo-my-account-pro .woocommerce form .form-row label,
body.kryolo-my-account-pro .woocommerce label {
	color: var(--kryolo-dark);
	font-size: 13px;
	font-weight: 900;
	letter-spacing: .03em;
}

body.kryolo-my-account-pro .woocommerce input.input-text,
body.kryolo-my-account-pro .woocommerce textarea,
body.kryolo-my-account-pro .woocommerce select,
body.kryolo-my-account-pro .select2-container--default .select2-selection--single {
	width: 100%;
	min-height: 50px;
	padding: 12px 15px;
	border-radius: 16px !important;
	border: 1px solid rgba(32,31,28,.14) !important;
	background: #fffaf2 !important;
	color: var(--kryolo-text) !important;
	box-shadow: none !important;
	outline: none !important;
}

body.kryolo-my-account-pro .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 50px;
	color: var(--kryolo-text);
}

body.kryolo-my-account-pro .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 50px;
}

/* Botões */
body.kryolo-my-account-pro .woocommerce button.button,
body.kryolo-my-account-pro .woocommerce a.button,
body.kryolo-my-account-pro .woocommerce input.button,
body.kryolo-my-account-pro .woocommerce .button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 12px 24px !important;
	border-radius: 999px !important;
	border: 0 !important;
	color: #111 !important;
	background: linear-gradient(135deg, var(--kryolo-gold), var(--kryolo-gold-soft)) !important;
	font-size: 13px !important;
	font-weight: 950 !important;
	letter-spacing: .04em;
	text-transform: uppercase;
	text-decoration: none !important;
	box-shadow: 0 14px 28px rgba(120, 88, 25, .16);
	transition: transform .2s ease, box-shadow .2s ease;
}

body.kryolo-my-account-pro .woocommerce button.button:hover,
body.kryolo-my-account-pro .woocommerce a.button:hover,
body.kryolo-my-account-pro .woocommerce input.button:hover,
body.kryolo-my-account-pro .woocommerce .button:hover {
	transform: translateY(-1px);
	box-shadow: 0 18px 34px rgba(120, 88, 25, .20);
}

/* Tabelas */
body.kryolo-my-account-pro .woocommerce table.shop_table,
body.kryolo-my-account-pro .woocommerce table.my_account_orders {
	border: 1px solid rgba(32,31,28,.10) !important;
	border-radius: 24px !important;
	overflow: hidden;
	background: rgba(255,255,255,.72);
	border-collapse: separate !important;
	border-spacing: 0 !important;
}

body.kryolo-my-account-pro .woocommerce table.shop_table th,
body.kryolo-my-account-pro .woocommerce table.my_account_orders th {
	padding: 16px !important;
	color: var(--kryolo-dark);
	background: rgba(216,184,106,.18);
	border-bottom: 1px solid rgba(32,31,28,.08) !important;
	font-size: 12px;
	font-weight: 950;
	letter-spacing: .08em;
	text-transform: uppercase;
}

body.kryolo-my-account-pro .woocommerce table.shop_table td,
body.kryolo-my-account-pro .woocommerce table.my_account_orders td {
	padding: 16px !important;
	color: var(--kryolo-muted);
	border-top: 1px solid rgba(32,31,28,.08) !important;
}

/* Endereços */
body.kryolo-my-account-pro .woocommerce-Addresses {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
}

body.kryolo-my-account-pro .woocommerce-Address {
	width: 100% !important;
	float: none !important;
	padding: 24px;
	border-radius: 24px;
	background: rgba(255,255,255,.58);
	border: 1px solid rgba(32,31,28,.10);
}

body.kryolo-my-account-pro .woocommerce-Address-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 14px;
}

body.kryolo-my-account-pro .woocommerce-Address-title h3 {
	margin: 0;
	font-size: 22px;
}

/* Mensagens Woo */
body.kryolo-my-account-pro .woocommerce-message,
body.kryolo-my-account-pro .woocommerce-info,
body.kryolo-my-account-pro .woocommerce-error {
	border-radius: 22px;
	border: 1px solid rgba(216,184,106,.28);
	background: #fffaf0;
	color: var(--kryolo-dark);
	box-shadow: 0 12px 28px rgba(32,31,28,.06);
}

/* Login/registro quando usuário não está logado */
body.kryolo-my-account-pro .woocommerce form.login,
body.kryolo-my-account-pro .woocommerce form.register {
	max-width: 560px;
	margin: 0 auto 24px;
	padding: clamp(24px, 4vw, 38px);
	border-radius: 34px;
	border: 1px solid var(--kryolo-border);
	background: rgba(255,255,255,.66);
	box-shadow: var(--kryolo-shadow);
}

body.kryolo-my-account-pro .woocommerce h2 + form.login,
body.kryolo-my-account-pro .woocommerce h2 + form.register {
	margin-top: 20px;
}

@media (max-width: 980px) {
	body.kryolo-my-account-pro .woocommerce:has(.woocommerce-MyAccount-navigation) {
		display: block;
	}

	body.kryolo-my-account-pro .woocommerce-MyAccount-navigation,
	body.kryolo-my-account-pro .woocommerce-MyAccount-content {
		width: 100% !important;
	}

	body.kryolo-my-account-pro .woocommerce-MyAccount-navigation {
		position: relative;
		top: auto;
		margin-bottom: 20px;
	}

	body.kryolo-my-account-pro .woocommerce-MyAccount-navigation ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.kryolo-my-account-pro .woocommerce-Addresses {
		grid-template-columns: 1fr;
	}

	body.kryolo-my-account-pro .kryolo-account-welcome {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 640px) {
	body.kryolo-my-account-pro .woocommerce {
		width: min(100% - 24px, 1180px);
		padding: 42px 0;
	}

	body.kryolo-my-account-pro .woocommerce::after {
		font-size: 16px;
	}

	body.kryolo-my-account-pro .woocommerce-MyAccount-navigation,
	body.kryolo-my-account-pro .woocommerce-MyAccount-content,
	body.kryolo-my-account-pro .woocommerce form.login,
	body.kryolo-my-account-pro .woocommerce form.register {
		border-radius: 26px;
	}

	body.kryolo-my-account-pro .woocommerce-MyAccount-navigation ul {
		grid-template-columns: 1fr;
	}

	body.kryolo-my-account-pro .woocommerce-MyAccount-content {
		padding: 24px;
	}

	body.kryolo-my-account-pro .kryolo-account-shop-button,
	body.kryolo-my-account-pro .woocommerce button.button,
	body.kryolo-my-account-pro .woocommerce a.button,
	body.kryolo-my-account-pro .woocommerce input.button,
	body.kryolo-my-account-pro .woocommerce .button {
		width: 100%;
	}

	body.kryolo-my-account-pro .woocommerce table.shop_table_responsive tr,
	body.kryolo-my-account-pro .woocommerce-page table.shop_table_responsive tr {
		display: block;
		margin-bottom: 14px;
		padding: 12px;
		border-radius: 18px;
		background: rgba(255,255,255,.62);
		border: 1px solid rgba(32,31,28,.08);
	}

	body.kryolo-my-account-pro .woocommerce table.shop_table_responsive tr td,
	body.kryolo-my-account-pro .woocommerce-page table.shop_table_responsive tr td {
		display: flex !important;
		justify-content: space-between;
		align-items: center;
		gap: 16px;
		border: 0 !important;
		padding: 10px !important;
		text-align: right !important;
	}

	body.kryolo-my-account-pro .woocommerce table.shop_table_responsive tr td::before,
	body.kryolo-my-account-pro .woocommerce-page table.shop_table_responsive tr td::before {
		color: var(--kryolo-dark);
		font-weight: 950;
	}
}