/* =========================================================
   SHARM.UA — Особистий кабінет: меню + головна сторінка (dashboard)
   Подключается на всех страницах /my-account/*
   ========================================================= */

/* -------------------- Навигация (список пунктов) -------------------- */
.woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

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

.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-family, 'Montserrat', sans-serif);
	font-weight: 500;
	font-size: 16px;
	color: #808080;
	text-decoration: none !important;
	transition: color .2s ease;
	border-bottom: 1px solid #E2E2E2;
	padding: 20px 0 20px 20px;
}

.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:after {
	display: none;
}

.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 10px;
	height: 11px;
	margin: auto;
	background: url("data:image/svg+xml,%3Csvg width='10' height='11' viewBox='0 0 10 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.53271 5.40226C9.53281 5.45996 9.50999 5.51533 9.46923 5.55617L4.68683 10.3386C4.60048 10.422 4.46286 10.4196 4.37945 10.3332C4.29809 10.249 4.29809 10.1154 4.37945 10.0312L9.00794 5.40228L4.37902 0.773789C4.2956 0.68744 4.29801 0.549818 4.38436 0.466404C4.46861 0.385028 4.60215 0.385028 4.6864 0.466404L9.4688 5.24878C9.50958 5.28946 9.53257 5.34465 9.53271 5.40226Z' fill='%23808080' /%3E%3Cpath d='M4.09143 1.05189C3.88413 0.837303 3.86378 0.511366 4.026 0.27455L4.10607 0.178847L4.20178 0.102675C4.43796 -0.0491491 4.75505 -0.0234314 4.96447 0.178847L9.75158 4.96596C9.83821 5.0525 9.89661 5.16208 9.92053 5.28041L9.93225 5.4015C9.93254 5.5653 9.8684 5.72293 9.75256 5.839L9.75158 5.839L4.96447 10.6261C4.71918 10.863 4.32824 10.8566 4.09143 10.6115L4.01623 10.5158C3.88591 10.3132 3.88594 10.0514 4.01623 9.84877L4.09143 9.75307L8.44201 5.40248L4.09143 1.05189ZM4.38439 0.465956C4.29816 0.549264 4.29544 0.687205 4.37854 0.773573L9.00842 5.40248L4.37951 10.0314C4.29823 10.1156 4.29818 10.2489 4.37951 10.3331C4.4629 10.4195 4.60078 10.4223 4.68713 10.339L9.46936 5.5558C9.50991 5.51504 9.53286 5.45997 9.53283 5.40248C9.53269 5.34487 9.50916 5.28984 9.46838 5.24916L4.68615 0.465956C4.60196 0.384969 4.46855 0.384902 4.38439 0.465956Z' fill='%23808080' /%3E%3Cpath d='M5.61989 5.40226C5.61999 5.45996 5.59717 5.51533 5.55641 5.55617L0.77401 10.3386C0.687662 10.422 0.550039 10.4196 0.466625 10.3332C0.38527 10.249 0.38527 10.1154 0.466625 10.0312L5.09512 5.40226L0.466197 0.773769C0.379849 0.690356 0.377464 0.552753 0.460857 0.466384C0.54425 0.380016 0.681873 0.377652 0.768242 0.461045C0.770056 0.462798 0.771829 0.46457 0.773581 0.466384L5.55598 5.24879C5.59676 5.28946 5.61975 5.34465 5.61989 5.40226Z' fill='%23808080' /%3E%3Cpath d='M0.183973 1.05686C-0.0568322 0.819549 -0.0621008 0.432424 0.17323 0.188697C0.410187 -0.0566822 0.801113 -0.0636431 1.04628 0.173072C1.05137 0.177989 1.05599 0.183591 1.06093 0.188697L5.83925 4.96604L5.83827 4.96702C5.92473 5.0535 5.98331 5.16232 6.00721 5.28049L6.01991 5.40159C6.02013 5.52442 5.98346 5.64348 5.91639 5.74436L5.83925 5.83909L1.05214 10.6262C0.806937 10.8631 0.415957 10.8564 0.17909 10.6115L0.102918 10.5158C-0.0272387 10.3134 -0.0271777 10.0514 0.102918 9.84885L0.17909 9.75315L4.5287 5.40256L0.183973 1.05686ZM0.46034 0.466041C0.376998 0.552395 0.379911 0.690252 0.466199 0.773658L5.09511 5.40256L0.466199 10.0315C0.385216 10.1157 0.385149 10.2491 0.466199 10.3332C0.549512 10.4195 0.687449 10.4222 0.773817 10.3391L5.55604 5.55589C5.59674 5.51511 5.61955 5.46016 5.61952 5.40256C5.61938 5.34508 5.59666 5.2899 5.55604 5.24924L0.773816 0.466041C0.772081 0.464247 0.769752 0.462893 0.767957 0.461158C0.681583 0.37785 0.543705 0.379701 0.46034 0.466041Z' fill='%23808080' /%3E%3C/svg%3E") 50% no-repeat;
}

.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:hover,
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:focus {
	color: #8684c8 !important;
}

.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:hover:before,
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:focus:before,
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a:before{
	background: url("data:image/svg+xml,%3Csvg width='10' height='11' viewBox='0 0 10 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.53271 5.40226C9.53281 5.45996 9.50999 5.51533 9.46923 5.55617L4.68683 10.3386C4.60048 10.422 4.46286 10.4196 4.37945 10.3332C4.29809 10.249 4.29809 10.1154 4.37945 10.0312L9.00794 5.40228L4.37902 0.773789C4.2956 0.68744 4.29801 0.549818 4.38436 0.466404C4.46861 0.385028 4.60215 0.385028 4.6864 0.466404L9.4688 5.24878C9.50958 5.28946 9.53257 5.34465 9.53271 5.40226Z' fill='%238684C8' /%3E%3Cpath d='M4.09143 1.05189C3.88413 0.837303 3.86378 0.511366 4.026 0.27455L4.10607 0.178847L4.20178 0.102675C4.43796 -0.0491491 4.75505 -0.0234314 4.96447 0.178847L9.75158 4.96596C9.83821 5.0525 9.89661 5.16208 9.92053 5.28041L9.93225 5.4015C9.93254 5.5653 9.8684 5.72293 9.75256 5.839L9.75158 5.839L4.96447 10.6261C4.71918 10.863 4.32824 10.8566 4.09143 10.6115L4.01623 10.5158C3.88591 10.3132 3.88594 10.0514 4.01623 9.84877L4.09143 9.75307L8.44201 5.40248L4.09143 1.05189ZM4.38439 0.465956C4.29816 0.549264 4.29544 0.687205 4.37854 0.773573L9.00842 5.40248L4.37951 10.0314C4.29823 10.1156 4.29818 10.2489 4.37951 10.3331C4.4629 10.4195 4.60078 10.4223 4.68713 10.339L9.46936 5.5558C9.50991 5.51504 9.53286 5.45997 9.53283 5.40248C9.53269 5.34487 9.50916 5.28984 9.46838 5.24916L4.68615 0.465956C4.60196 0.384969 4.46855 0.384902 4.38439 0.465956Z' fill='%238684C8' /%3E%3Cpath d='M5.61989 5.40226C5.61999 5.45996 5.59717 5.51533 5.55641 5.55617L0.77401 10.3386C0.687662 10.422 0.550039 10.4196 0.466625 10.3332C0.38527 10.249 0.38527 10.1154 0.466625 10.0312L5.09512 5.40226L0.466197 0.773769C0.379849 0.690356 0.377464 0.552753 0.460857 0.466384C0.54425 0.380016 0.681873 0.377652 0.768242 0.461045C0.770056 0.462798 0.771829 0.46457 0.773581 0.466384L5.55598 5.24879C5.59676 5.28946 5.61975 5.34465 5.61989 5.40226Z' fill='%238684C8' /%3E%3Cpath d='M0.183973 1.05686C-0.0568322 0.819549 -0.0621008 0.432424 0.17323 0.188697C0.410187 -0.0566822 0.801113 -0.0636431 1.04628 0.173072C1.05137 0.177989 1.05599 0.183591 1.06093 0.188697L5.83925 4.96604L5.83827 4.96702C5.92473 5.0535 5.98331 5.16232 6.00721 5.28049L6.01991 5.40159C6.02013 5.52442 5.98346 5.64348 5.91639 5.74436L5.83925 5.83909L1.05214 10.6262C0.806937 10.8631 0.415957 10.8564 0.17909 10.6115L0.102918 10.5158C-0.0272387 10.3134 -0.0271777 10.0514 0.102918 9.84885L0.17909 9.75315L4.5287 5.40256L0.183973 1.05686ZM0.46034 0.466041C0.376998 0.552395 0.379911 0.690252 0.466199 0.773658L5.09511 5.40256L0.466199 10.0315C0.385216 10.1157 0.385149 10.2491 0.466199 10.3332C0.549512 10.4195 0.687449 10.4222 0.773817 10.3391L5.55604 5.55589C5.59674 5.51511 5.61955 5.46016 5.61952 5.40256C5.61938 5.34508 5.59666 5.2899 5.55604 5.24924L0.773816 0.466041C0.772081 0.464247 0.769752 0.462893 0.767957 0.461158C0.681583 0.37785 0.543705 0.379701 0.46034 0.466041Z' fill='%238684C8' /%3E%3C/svg%3E") 50% no-repeat;
}

/* -------------------- Десктоп: колонка меню + разделитель -------------------- */
@media all and (min-width: 1151px) {
	.woocommerce-MyAccount-navigation {
		width: 220px !important;
		padding-right: 50px;
		border-right: 1px solid #dedede;
	}

	.woocommerce-MyAccount-content {
		width: calc(100% - 221px) !important;
		
		padding-left: 120px;
	}
}

/* -------------------- Блок приветствия на главной -------------------- */
.sharm-dashboard-welcome {
	max-width: 640px;
}

.sharm-dashboard-welcome .sharm-hello {
	font-family: var(--font-family, 'Montserrat', sans-serif);
	font-weight: 600;
	font-size: 18px;
	color: #141414;
	margin: 0 0 16px;
}

.sharm-dashboard-welcome p {
	font-family: var(--font-family, 'Montserrat', sans-serif);
	font-size: 15px;
	line-height: 1.6;
	color: #4d4d4d;
	margin: 0 0 16px;
}

.sharm-dashboard-welcome .sharm-thanks {
	color: var(--acc-purple, #8684c8);
	font-weight: 600;
}


/* -------------------- Особисті дані: сетка полей -------------------- */
.sharm-field {
	margin: 0 0 22px;
	position: relative;
}

.sharm-field label {
	display: block;
	margin-bottom: 10px;
	font-family: var(--font-family, 'Montserrat', sans-serif);
	font-weight: 500;
	font-size: 16px;
	color: #000;
}

.sharm-required {
	color: #ED565D;
}

.sharm-field input.input-text {
	width: 100%;
	height: 51px;
	padding: 0 16px;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	font-family: var(--font-family, 'Montserrat', sans-serif);
	font-size: 14px;
	color: #141414;
	box-sizing: border-box;
	margin: 0;
}

.sharm-field input.input-text::placeholder {
	color: #b3b3b3;
}

.sharm-field input.input-text:focus {
	outline: none;
	border-color: var(--acc-purple, #8684c8);
}

.sharm-btn.sharm-btn--primary {
	display: block;
	width: 100%;
	border: none;
	border-radius: 4px;
	background: var(--acc-purple, #8684c8);
	color: #fff;
	font-family: var(--font-family, 'Montserrat', sans-serif);
	font-size: 15px;
	font-weight: 600;
	padding: 15px;
	cursor: pointer;
}

.sharm-btn.sharm-btn--primary:hover {
	background: #7a74b8;
}

.sharm-editaccount-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 30px;
	grid-template-areas:
		"fname   phone"
		"lname   bdate"
		"email   submit";
	max-width: 780px;
}

.sharm-ea-fname  { grid-area: fname; }
.sharm-ea-lname  { grid-area: lname; }
.sharm-ea-email  { grid-area: email; }
.sharm-ea-phone  { grid-area: phone; }
.sharm-ea-bdate  { grid-area: bdate; }
.sharm-ea-submit { grid-area: submit; align-self: start; margin-top: 29px; }

.sharm-password-fieldset {
	max-width: 780px;
	margin-top: 40px;
	border: none;
	padding: 30px 0 0;
	border-top: 1px solid #E0E0E0;
}

.sharm-password-fieldset legend {
	font-family: var(--font-family, 'Montserrat', sans-serif);
	font-weight: 600;
	font-size: 16px;
	color: #141414;
	margin-bottom: 20px;
	padding: 0;
}

@media all and (max-width: 700px) {
	.sharm-editaccount-grid {
		grid-template-columns: 1fr;
		grid-template-areas:
			"fname"
			"lname"
			"email"
			"phone"
			"bdate"
			"submit";
	}
}

.sharm-password-fieldset {
	display: none;
}

.sharm-password-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 30px;
	max-width: 780px;
}

.sharm-password-grid .sharm-submit-row {
	grid-column: 1;
	margin-top: 8px;
}

@media all and (max-width: 767px) {
	.sharm-password-grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: 10px;
	}
	
	.sharm-password-grid .sharm-field {
		margin: 0;
	}
}

.sharm-pass-toggle {
	position: absolute;
	right: 14px;
	bottom: 18px;
	width: 22px;
	height: 15px;
	cursor: pointer;
	background: url("data:image/svg+xml,%3Csvg width='21' height='15' viewBox='0 0 21 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6977 7.5C12.6977 6.92252 12.466 6.36885 12.0539 5.9605C11.6417 5.55216 11.0829 5.32258 10.5 5.32258C9.9171 5.32258 9.35825 5.55216 8.94609 5.9605C8.53393 6.36885 8.30221 6.92252 8.30221 7.5C8.30221 8.07749 8.53393 8.63116 8.94609 9.03951C9.35825 9.44785 9.9171 9.67742 10.5 9.67742C11.0829 9.67742 11.6417 9.44785 12.0539 9.03951C12.466 8.63116 12.6977 8.07749 12.6977 7.5ZM14.1629 7.5C14.1629 8.46248 13.7767 9.38527 13.0898 10.0658C12.4029 10.7464 11.4715 11.129 10.5 11.129C9.52851 11.129 8.5971 10.7464 7.91016 10.0658C7.22323 9.38527 6.83704 8.46248 6.83704 7.5C6.83704 6.53753 7.22323 5.61474 7.91016 4.93416C8.5971 4.25359 9.52851 3.87097 10.5 3.87097C11.4715 3.87097 12.4029 4.25359 13.0898 4.93416C13.7767 5.61474 14.1629 6.53753 14.1629 7.5Z' fill='black' fill-opacity='0.2' /%3E%3Cpath d='M10.5 0C15.387 0 19.2884 3.02127 20.9499 7.23633C21.0167 7.40599 21.0167 7.59401 20.9499 7.76367C19.2884 11.9787 15.387 15 10.5 15C5.61303 15 1.71161 11.9787 0.0501176 7.76367C-0.0167059 7.59401 -0.0167059 7.40599 0.0501176 7.23633C1.71161 3.02127 5.61303 0 10.5 0ZM10.5 1.45161C6.37637 1.45161 3.04165 3.92694 1.52293 7.5C3.04165 11.0731 6.37637 13.5484 10.5 13.5484C14.6235 13.5484 17.9573 11.0729 19.4761 7.5C17.9573 3.92713 14.6235 1.45161 10.5 1.45161Z' fill='black' fill-opacity='0.2' /%3E%3C/svg%3E") 50% no-repeat;
	background-size: 20px;
}

.sharm-pass-toggle.is-visible:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	margin: auto;
	background: #000;
	opacity: .2;
	transform: rotate(45deg);
}

.woocommerce-address-fields__field-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 30px;
	max-width: 780px;
}

.woocommerce-address-fields__field-wrapper .form-row {
	margin: 0 0 22px;
}

.woocommerce-address-fields__field-wrapper label {
	display: block;
	margin-bottom: 8px;
	font-family: var(--font-family, 'Montserrat', sans-serif);
	font-size: 14px;
	color: #141414;
}

.woocommerce-address-fields__field-wrapper label .required {
	color: #ED565D;
	text-decoration: none;
}

.woocommerce-address-fields__field-wrapper input.input-text {
	width: 100%;
	height: 51px;
	padding: 0 16px;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	font-family: var(--font-family, 'Montserrat', sans-serif);
	font-size: 14px;
	color: #141414;
	box-sizing: border-box;
}

.woocommerce-address-fields__field-wrapper input.input-text::placeholder {
	color: #b3b3b3;
}

.woocommerce-address-fields__field-wrapper input.input-text:focus {
	outline: none;
	border-color: var(--acc-purple, #8684c8);
}

.woocommerce-address-fields button[name="save_address"] {
	display: block;
	width: 100%;
	max-width: 340px;
	border: none;
	border-radius: 3px;
	background: var(--acc-purple, #8684c8);
	color: #fff;
	font-family: var(--font-family, 'Montserrat', sans-serif);
	font-size: 16px;
	font-weight: 600;
	padding: 15px;
	cursor: pointer;
}

.woocommerce-address-fields button[name="save_address"]:hover {
	background: #7a74b8;
}

@media all and (max-width: 700px) {
	.woocommerce-address-fields__field-wrapper {
		grid-template-columns: 1fr;
	}
}