/* Konto klienta NONO Made (inc/konto.php): okienko logowania w nagłówku i strona „Moje konto”.
   Układ pól formularzy (etykieta obok pola, podpowiedzi „i”) jest w assets/account-details.css - tu tylko wygląd. */

/* ——— Wspólne: pola i przyciski jak w reszcie strony ——— */
#account-modal,
.woocommerce-account .site-main {
	--theme-form-field-border-radius: 14px;
	--theme-form-field-height: 50px;
	--theme-form-field-border-initial-color: var(--nm-linia);
	--theme-form-field-border-focus-color: var(--nm-braz);
	--theme-form-field-background-initial-color: var(--nm-tlo);
	--theme-form-field-background-focus-color: var(--nm-powierzchnia);
	--theme-form-text-initial-color: var(--nm-tekst);
	--theme-form-text-focus-color: var(--nm-tekst);
	--theme-button-border-radius: 999px;
}

#account-modal input.input,
.woocommerce-account .site-main input.input-text,
.woocommerce-account .site-main input[type="email"],
.woocommerce-account .site-main input[type="password"],
.woocommerce-account .site-main input[type="tel"],
.woocommerce-account .site-main select,
.woocommerce-account .site-main .select2-selection {
	border: 1.5px solid var(--nm-linia);
	border-radius: 14px;
	background: var(--nm-tlo);
	color: var(--nm-tekst);
}

#account-modal input.input:focus,
.woocommerce-account .site-main input:focus,
.woocommerce-account .site-main select:focus {
	border-color: var(--nm-braz);
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--nm-maslo) 70%, transparent);
	outline: none;
}

#account-modal .ct-button,
.woocommerce-account .site-main .button,
.woocommerce-account .site-main button[type="submit"] {
	min-height: 50px;
	padding-inline: 26px;
	border-radius: 999px !important;
	font-weight: 700;
}

#account-modal label,
.woocommerce-account .site-main label {
	color: var(--nm-naglowki);
	font-weight: 600;
}

#account-modal input[type="checkbox"],
.woocommerce-account .site-main input[type="checkbox"] {
	accent-color: var(--nm-braz);
}

/* ——— Okienko logowania ——— */
#account-modal {
	background: rgba(42, 28, 21, 0.45);
	backdrop-filter: blur(4px);
}

#account-modal .ct-account-modal {
	max-width: 440px;
	padding: 34px 36px 30px;
	border-radius: 32px;
	background: var(--nm-powierzchnia);
	color: var(--nm-tekst);
	box-shadow: 0 30px 80px rgba(42, 28, 21, 0.3);
}

#account-modal .ct-toggle-close {
	--theme-icon-color: #fbf7f0;
}

.nm-okienko__naglowek {
	margin-bottom: 22px;
	text-align: center;
}

.nm-okienko__ikona {
	display: inline-grid;
	place-items: center;
	width: 64px;
	height: 64px;
	margin-bottom: 12px;
	border-radius: 50%;
	background: var(--nm-maslo);
	color: var(--nm-na-pastelu);
}

.nm-okienko__ikona .nm-ikona {
	width: 36px;
	height: 36px;
}

.nm-animacje .nm-okienko__ikona .nm-ikona__plomien {
	animation: nm-plomien 0.9s ease-in-out infinite;
	transform-origin: 50% 100%;
}

#account-modal .nm-okienko__tytul {
	margin: 0 0 6px;
	color: var(--nm-naglowki);
	font-family: var(--nm-czcionka-naglowkow);
	font-size: 30px;
	font-weight: 800;
	line-height: 1.1;
}

#account-modal .nm-okienko__opis {
	margin: 0;
	color: var(--nm-tekst);
	font-size: 15px;
	line-height: 1.5;
}

#account-modal .ct-forgot-password,
#account-modal .ct-back-to-login {
	color: var(--nm-braz);
	font-weight: 600;
}

#account-modal .ct-form-notification-error,
.woocommerce-account .site-main .woocommerce-error {
	margin-bottom: 16px;
	padding: 12px 16px;
	border: 0;
	border-radius: 16px;
	background: var(--nm-roz);
	color: var(--nm-na-pastelu);
	font-weight: 600;
}

#account-modal .ct-form-notification {
	padding: 12px 16px;
	border-radius: 16px;
	background: var(--nm-mieta);
	color: var(--nm-na-pastelu);
}

/* ——— Strona „Moje konto”: powitanie, zakładki i karta z treścią ——— */
.nm-konto-naglowek {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	margin: 12px 0 32px;
}

.nm-konto-naglowek--gosc {
	align-items: center;
	text-align: center;
}

.nm-konto-naglowek .nm-etykieta {
	margin: 0;
	font-weight: 700;
}

.nm-konto-naglowek h1 {
	margin: 0;
	color: var(--nm-naglowki);
	font-family: var(--nm-czcionka-naglowkow);
	font-size: clamp(40px, 6vw, 64px);
	font-weight: 800;
	letter-spacing: -0.5px;
	line-height: 1.05;
}

.nm-konto-naglowek__opis {
	margin: 0;
	color: var(--nm-tekst);
	font-size: 18px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0;
	padding: 10px;
	border: 1px solid var(--nm-linia);
	border-radius: 28px;
	background: var(--nm-powierzchnia);
	list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
	margin: 0;
	border: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 18px;
	border-radius: 999px;
	background: transparent;
	color: var(--nm-tekst);
	font-weight: 600;
	text-decoration: none;
	transition: background 0.2s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
	background: var(--nm-powierzchnia-2);
	color: var(--nm-naglowki);
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	background: var(--nm-maslo);
	color: var(--nm-na-pastelu);
}

.woocommerce-account .woocommerce-MyAccount-navigation li a svg {
	fill: currentColor;
}

.woocommerce-account .woocommerce-MyAccount-content {
	min-width: 0;
	padding: 32px;
	border: 1px solid var(--nm-linia);
	border-radius: 32px;
	background: var(--nm-powierzchnia);
	color: var(--nm-tekst);
}

.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title {
	color: var(--nm-naglowki);
	font-family: var(--nm-czcionka-naglowkow);
	font-weight: 800;
}

@media (max-width: 999px) {
	.woocommerce-account .woocommerce-MyAccount-navigation ul {
		flex-direction: row;
		flex-wrap: wrap;
		border-radius: 24px;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation li a {
		padding: 10px 14px;
	}

	.woocommerce-account .woocommerce-MyAccount-content {
		padding: 20px;
		border-radius: 24px;
	}
}

/* Komunikaty WooCommerce na pastelach */
.woocommerce-account .site-main .woocommerce-info,
.woocommerce-account .site-main .woocommerce-message {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	padding: 14px 18px;
	border: 0;
	border-radius: 20px;
	background: var(--nm-blekit);
	color: var(--nm-na-pastelu);
}

.woocommerce-account .site-main .woocommerce-message {
	background: var(--nm-mieta);
}

.woocommerce-account .site-main .woocommerce-info::before,
.woocommerce-account .site-main .woocommerce-message::before {
	color: var(--nm-na-pastelu);
}

.woocommerce-account .site-main .woocommerce-info .button,
.woocommerce-account .site-main .woocommerce-message .button {
	order: 2;
	min-height: 40px;
	margin-left: auto;
}

/* Tabele zamówień */
.woocommerce-account .site-main .shop_table {
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
}

.woocommerce-account .site-main .shop_table th,
.woocommerce-account .site-main .shop_table td {
	padding: 14px 10px;
	border: 0;
	border-bottom: 1px solid var(--nm-linia);
	color: var(--nm-tekst);
}

.woocommerce-account .site-main .shop_table thead th {
	color: var(--nm-naglowki);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.woocommerce-account .site-main .shop_table a:not(.button) {
	color: var(--nm-braz);
	font-weight: 700;
}

.nm-status,
.woocommerce-account .site-main mark.order-status {
	display: inline-block;
	padding: 4px 12px;
	border-radius: 999px;
	background: var(--nm-blekit);
	color: var(--nm-na-pastelu);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
	white-space: nowrap;
}

.nm-status--completed { background: var(--nm-mieta); }
.nm-status--processing { background: var(--nm-maslo); }
.nm-status--on-hold { background: var(--nm-pomarancz); }
.nm-status--cancelled,
.nm-status--failed,
.nm-status--refunded { background: var(--nm-roz); }

.woocommerce-account .site-main mark.order-number,
.woocommerce-account .site-main mark.order-date {
	background: none;
	color: var(--nm-naglowki);
	font-weight: 700;
}

.woocommerce-account .site-main mark.order-status {
	background: var(--nm-maslo);
}

/* Adresy jako karty z przyciskiem „Edytuj” */
.woocommerce-account .site-main .woocommerce-Address {
	padding: 20px 24px;
	border: 1px solid var(--nm-linia);
	border-radius: 24px;
	background: var(--nm-tlo);
}

.woocommerce-account .site-main .woocommerce-Address-title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.woocommerce-account .site-main .woocommerce-Address-title h2 {
	margin: 0;
	font-size: 20px;
}

.woocommerce-account .site-main .woocommerce-Address-title a.edit {
	padding: 6px 14px;
	border-radius: 999px;
	background: var(--nm-maslo);
	color: var(--nm-na-pastelu);
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}

.woocommerce-account .site-main address {
	color: var(--nm-tekst);
	font-style: normal;
	line-height: 1.7;
}

.woocommerce-account .site-main .woocommerce-customer-details address,
.woocommerce-account .site-main .woocommerce-order-details {
	border-radius: 20px;
}

/* Dymek podpowiedzi „i” przy polach */
.field-hint-tooltip {
	padding: 10px 12px;
	border-radius: 12px;
	background: #2a1c15;
	color: #fbf7f0;
	font-size: 13px;
}

/* ——— Formularz logowania na stronie „Moje konto” (przed zalogowaniem) ——— */
.woocommerce-account .ct-woo-unauthorized {
	max-width: 520px;
	margin-inline: auto;
}

.woocommerce-account .ct-woo-unauthorized > h2 {
	color: var(--nm-naglowki);
	font-family: var(--nm-czcionka-naglowkow);
	font-weight: 800;
	text-align: center;
}

.woocommerce-account .site-main form.woocommerce-form-login,
.woocommerce-account .site-main form.woocommerce-form-register,
.woocommerce-account .site-main form.woocommerce-ResetPassword {
	margin: 0;
	padding: 32px;
	border: 1px solid var(--nm-linia);
	border-radius: 32px;
	background: var(--nm-powierzchnia);
	color: var(--nm-tekst);
}

.woocommerce-account .site-main .lost_password a {
	color: var(--nm-braz);
	font-weight: 600;
}

/* Ikonka WooCommerce w komunikatach nachodziła na tekst - tło komunikatu wystarcza. */
.woocommerce-account .site-main .woocommerce-info::before,
.woocommerce-account .site-main .woocommerce-message::before,
.woocommerce-account .site-main .woocommerce-error::before {
	display: none;
}

/* Okienko: odstęp pod nagłówkiem i „Zapamiętaj mnie” z „Nie pamiętasz hasła?” w jednym rzędzie. */
#account-modal .ct-account-modal {
	max-width: 460px;
}

#account-modal .ct-account-forms {
	padding: 0;
}

#account-modal .nm-okienko__naglowek {
	margin-bottom: 24px;
}

#account-modal .login-remember {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	font-size: 14px;
}

#account-modal .login-remember label,
#account-modal .login-remember .ct-forgot-password {
	white-space: nowrap;
}

/* ——— Karta pod ikonką konta w nagłówku (po zalogowaniu) ——— */
#header .ct-header-account-dropdown {
	min-width: 250px;
	padding: 10px !important;
	border: 1px solid var(--nm-linia);
	border-radius: 24px !important;
	background: var(--nm-powierzchnia) !important;
	box-shadow: 0 18px 40px rgba(42, 28, 21, 0.18);
}

#header .ct-header-account-dropdown > li {
	margin: 0;
}

#header .ct-header-account-dropdown > li > .ct-menu-link {
	display: flex;
	align-items: center;
	min-height: 0;
	padding: 10px 14px;
	border-radius: 999px;
	color: var(--nm-tekst);
	font-size: 15px;
	font-weight: 600;
}

#header .ct-header-account-dropdown > li > a.ct-menu-link:hover,
#header .ct-header-account-dropdown > li.current-menu-item > a.ct-menu-link {
	background: var(--nm-maslo);
	color: var(--nm-na-pastelu);
}

#header .ct-header-account-dropdown .ct-header-account-user-info > .ct-menu-link {
	padding: 6px 14px 8px;
	border-radius: 0;
}

#header .ct-header-account-user-info b {
	display: block;
	color: var(--nm-naglowki);
	font-family: var(--nm-czcionka-naglowkow);
	font-size: 18px;
	font-weight: 800;
}

#header .ct-header-account-user-info small {
	color: var(--nm-tekst);
	font-size: 13px;
}

#header .ct-header-account-divider {
	height: 1px;
	margin: 6px 10px;
	background: var(--nm-linia);
}

#header .ct-header-account-dropdown > li:last-child > a.ct-menu-link {
	color: var(--nm-braz);
}

/* ——— Powitanie na stronie „Moje konto”: masłowy baner z faktami o zamówieniach i zaproszeniem do kreatora ——— */
.nm-konto-naglowek:not(.nm-konto-naglowek--gosc) {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 32px 36px;
	border-radius: 36px;
	background: var(--nm-maslo);
}

.nm-konto-naglowek:not(.nm-konto-naglowek--gosc) h1,
.nm-konto-naglowek:not(.nm-konto-naglowek--gosc) .nm-konto-naglowek__opis {
	color: var(--nm-na-pastelu);
}

.nm-konto-naglowek__powitanie {
	display: flex;
	flex: 1 1 380px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}

.nm-konto-naglowek__powitanie .nm-etykieta {
	margin: 0;
	background: var(--nm-powierzchnia);
	color: var(--nm-naglowki);
	font-weight: 700;
}

.nm-konto-naglowek__fakty {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 4px 0 0;
	padding: 0;
	list-style: none;
}

.nm-konto-naglowek__fakty li {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 6px 14px;
	border-radius: 999px;
	background: var(--nm-powierzchnia);
	color: var(--nm-naglowki);
	font-size: 14px;
	font-weight: 700;
}

.nm-konto-kreator {
	display: flex;
	flex: 0 1 380px;
	align-items: center;
	gap: 16px;
	padding: 14px 22px 14px 14px;
	border-radius: 28px;
	background: var(--nm-powierzchnia);
	color: var(--nm-tekst);
	font-size: 15px;
	line-height: 1.5;
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.nm-konto-kreator:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 26px rgba(42, 28, 21, 0.14);
	color: var(--nm-tekst);
}

.nm-konto-kreator img {
	flex: none;
	width: 72px;
	height: auto;
	padding: 6px;
	border-radius: 20px;
	background: var(--nm-roz);
}

.nm-konto-kreator strong {
	display: block;
	color: var(--nm-naglowki);
	font-family: var(--nm-czcionka-naglowkow);
	font-size: 18px;
	font-weight: 800;
}

@media (max-width: 767px) {
	.nm-konto-naglowek:not(.nm-konto-naglowek--gosc) {
		padding: 24px 20px;
		border-radius: 28px;
	}
}

/* ——— Adresy: dwie karty obok siebie, każda z ikonką i przyciskiem „Edytuj” ——— */
.woocommerce-account .site-main .woocommerce-Addresses.col2-set {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	margin-top: 16px;
}

.woocommerce-account .site-main .woocommerce-Addresses.col2-set::before,
.woocommerce-account .site-main .woocommerce-Addresses.col2-set::after {
	display: none;
}

.woocommerce-account .site-main .woocommerce-Addresses .woocommerce-Address {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin: 0 !important;
	padding: 22px 24px;
}

.woocommerce-account .site-main .woocommerce-Address-title {
	justify-content: flex-start;
}

.woocommerce-account .site-main .woocommerce-Address-title h2 {
	display: flex;
	flex: 1;
	align-items: center;
	gap: 12px;
}

.woocommerce-account .site-main .woocommerce-Address-title h2::before {
	content: "";
	flex: none;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--nm-maslo) no-repeat center / 24px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a1c15' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h7l4 4v14H7z'/%3E%3Cpath d='M14 3v4h4M10 12h5M10 16h5'/%3E%3C/svg%3E");
}

.woocommerce-account .site-main .u-column2.woocommerce-Address .woocommerce-Address-title h2::before {
	background-color: var(--nm-mieta);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a1c15' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h11v10H3zM14 10h4l3 3v4h-7z'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E");
}

.woocommerce-account .site-main .woocommerce-Address address {
	flex: 1;
	margin: 0;
	padding: 16px 18px;
	border-radius: 18px;
	background: var(--nm-powierzchnia);
}

@media (max-width: 767px) {
	.woocommerce-account .site-main .woocommerce-Addresses.col2-set {
		grid-template-columns: 1fr;
	}
}

/* ——— Formularze danych i adresu: etykiety nad polami, krótkie pola obok siebie ——— */
.woocommerce-account .site-main .woocommerce-EditAccountForm.edit-account,
.woocommerce-account .site-main .woocommerce-address-fields .woocommerce-address-fields__field-wrapper {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 20px;
	row-gap: 16px;
}

.woocommerce-account .site-main .woocommerce-EditAccountForm.edit-account > *,
.woocommerce-account .site-main .woocommerce-address-fields__field-wrapper > * {
	grid-column: 1 / -1;
}

.woocommerce-account .site-main .woocommerce-EditAccountForm.edit-account > .form-row-first,
.woocommerce-account .site-main .woocommerce-EditAccountForm.edit-account > .form-row-last,
.woocommerce-account .site-main .woocommerce-address-fields__field-wrapper > [id$="_first_name_field"],
.woocommerce-account .site-main .woocommerce-address-fields__field-wrapper > [id$="_last_name_field"],
.woocommerce-account .site-main .woocommerce-address-fields__field-wrapper > [id$="_postcode_field"],
.woocommerce-account .site-main .woocommerce-address-fields__field-wrapper > [id$="_city_field"] {
	grid-column: auto;
}

.woocommerce-account .site-main .woocommerce-EditAccountForm.edit-account > .clear {
	display: none;
}

.woocommerce-account .site-main .woocommerce-EditAccountForm.edit-account .form-row,
.woocommerce-account .site-main .woocommerce-address-fields .form-row {
	display: flex !important;
	flex-direction: column;
	align-items: stretch;
	gap: 6px;
	margin: 0 !important;
}

.woocommerce-account .site-main .woocommerce-EditAccountForm.edit-account .form-row label,
.woocommerce-account .site-main .woocommerce-address-fields .form-row label {
	margin: 0;
	font-size: 14px;
}

.woocommerce-account .site-main .woocommerce-EditAccountForm.edit-account .form-row > span > em,
.woocommerce-account .site-main .woocommerce-EditAccountForm.edit-account #account_display_name_description {
	color: var(--nm-tekst);
	font-size: 13px;
}

/* Nagłówki sekcji „Twoje dane” i „Zmiana hasła” */
.woocommerce-account .site-main .nm-konto-sekcja,
.woocommerce-account .site-main .woocommerce-EditAccountForm.edit-account fieldset legend {
	display: block !important;
	float: left;
	width: 100%;
	margin: 0 0 4px;
	padding: 0;
	color: var(--nm-naglowki);
	font-family: var(--nm-czcionka-naglowkow);
	font-size: 22px;
	font-weight: 800;
}

.woocommerce-account .site-main .woocommerce-EditAccountForm.edit-account fieldset {
	display: grid;
	gap: 16px;
	margin: 8px 0 0;
	padding: 22px 24px;
	border: 1px solid var(--nm-linia);
	border-radius: 24px;
	background: var(--nm-tlo);
}

.woocommerce-account .site-main .woocommerce-EditAccountForm.edit-account fieldset legend + * {
	clear: both;
}

.woocommerce-account .site-main .woocommerce-EditAccountForm.edit-account .woocommerce-Button,
.woocommerce-account .site-main .woocommerce-address-fields .button {
	justify-self: start;
	margin-top: 8px;
}

@media (max-width: 767px) {
	.woocommerce-account .site-main .woocommerce-EditAccountForm.edit-account,
	.woocommerce-account .site-main .woocommerce-address-fields .woocommerce-address-fields__field-wrapper {
		grid-template-columns: 1fr;
	}
}

/* Równe odstępy między okrągłymi przyciskami w nagłówku (Blocksy dawał kontu 20 px zamiast 10 px). */
#header .ct-header-account {
	margin-inline: 10px;
}

/* Karta konta: e-mail w jednej linii. */
#header .ct-header-account-dropdown {
	min-width: 290px;
}

#header .ct-header-account-user-info small {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Zakładki konta: bez białego, kanciastego tła Blocksy za zaokrągloną kartą. */
.woocommerce-account .ct-acount-nav {
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}