/**
 * PoppyOS — panel klienta „Moje konto" pod ebooki (v2.34).
 *
 * Ładowany wyłącznie na stronach konta przy włączonej fladze `konto_enabled`, po `woo.css`
 * (przyciski, pola, komunikaty). Markup jest WooCommerce, zmienia się tylko warstwa CSS —
 * plus dwa szablony (pulpit, pobrania) renderowane przez `PoppyOS_Shop_Konto`.
 *
 * Mobile-first: 90 % klientów tego panelu to telefon. Nawigacja to poziomy pasek pigułek
 * przewijany palcem, tabela zamówień staje się kartami, cele dotykowe mają 44 px.
 */

/* ═══════════════════════════════════════════════════════════
   SZEROKOŚĆ PANELU
   ═══════════════════════════════════════════════════════════ */

/* Strona konta stoi na szablonie strony z kontenerem treści 760 px — dla akapitów
   dobrym, dla panelu z nawigacją i kartami za wąskim. Na stronie konta treść dostaje
   szerokość „wide" (1200 px); `!important`, bo kontener nadaje swoją regułą z klasą. */
body.pos-konto main.is-layout-constrained > :where(:not(.alignfull)) {
	max-width: var(--wp--style--global--wide-size, 1200px) !important;
}

/* Opakowanie shortcode'u Woo ma w motywie limit 1000 px (treść wpisu) — panel go nie potrzebuje. */
body.pos-konto .pos-content > .woocommerce,
body.pos-konto .entry-content > .woocommerce {
	max-width: none;
}

/* ═══════════════════════════════════════════════════════════
   NAWIGACJA — pigułki
   ═══════════════════════════════════════════════════════════ */

body.pos-konto .woocommerce-MyAccount-navigation {
	width: auto;
	margin: 0 0 1.5rem;
}

body.pos-konto .woocommerce-MyAccount-navigation ul {
	display: flex;
	gap: .5rem;
	margin: 0;
	/* 6 px w pionie, żeby pierścień fokusu (3 px + 2 px odstępu) nie był obcinany przez overflow. */
	padding: 6px var(--wp--style--root--padding-left, 1rem);
	/* Pigułki dochodzą do krawędzi ekranu, nie urywają się na paddingu kontenera. */
	margin-inline: calc(-1 * var(--wp--style--root--padding-left, 1rem));
	border: 0;
	border-radius: 0;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x proximity;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

body.pos-konto .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
	display: none;
}

body.pos-konto .woocommerce-MyAccount-navigation li {
	flex: none;
	margin: 0;
	/* Arkusz blokowy Woo daje `li` padding 1em/.35em — pigułki rozjeżdżałyby się w pionie. */
	padding: 0;
	border: 0;
	scroll-snap-align: start;
}

body.pos-konto .woocommerce-MyAccount-navigation a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: .55em 1.1em;
	border: 1px solid var(--poppyos-border);
	border-radius: 9999px;
	background: var(--poppyos-bg);
	color: var(--poppyos-ink);
	font-family: var(--wp--preset--font-family--display, inherit);
	font-size: .92rem;
	font-weight: 600;
	white-space: nowrap;
	text-decoration: none;
	transition: border-color var(--poppyos-transition), background var(--poppyos-transition);
}

body.pos-konto .woocommerce-MyAccount-navigation a:hover {
	background: var(--poppyos-surface);
	border-color: var(--poppyos-muted);
	color: var(--poppyos-ink);
}

/* Dwa wskaźniki zaznaczenia (obwódka i waga), nie sam kolor. Tło zostaje białe:
   `--poppyos-accent-text` jest liczony do 4,5:1 na bieli, na jasnym odcieniu akcentu
   spadał do 4,39. */
body.pos-konto .woocommerce-MyAccount-navigation li.is-active a {
	background: var(--poppyos-bg);
	border: 2px solid var(--poppyos-accent);
	padding: calc(.55em - 1px) calc(1.1em - 1px);
	color: var(--poppyos-accent-text, var(--poppyos-accent));
	font-weight: 700;
}

body.pos-konto .woocommerce-MyAccount-navigation a:focus-visible {
	outline: 3px solid var(--poppyos-accent);
	outline-offset: 2px;
}

body.pos-konto .woocommerce-MyAccount-navigation li.pos-konto__pill--customer-logout a {
	border-color: transparent;
	color: var(--poppyos-muted);
}

body.pos-konto .woocommerce-MyAccount-content {
	width: auto;
}

@media (min-width: 769px) {
	body.pos-konto .woocommerce-MyAccount-navigation {
		width: 26%;
		float: left;
	}

	body.pos-konto .woocommerce-MyAccount-navigation ul {
		flex-direction: column;
		align-items: stretch;
		gap: .35rem;
		margin-inline: 0;
		padding: 0;
		overflow: visible;
	}

	body.pos-konto .woocommerce-MyAccount-navigation a {
		display: flex;
		white-space: normal;
	}

	body.pos-konto .woocommerce-MyAccount-content {
		width: 70%;
		float: right;
	}
}

/* ═══════════════════════════════════════════════════════════
   TWOJE EBOOKI — karty
   ═══════════════════════════════════════════════════════════ */

.pos-konto__ebooki {
	display: grid;
	gap: 1rem;
	grid-template-columns: 1fr;
	margin: 0 0 2rem;
}

@media (min-width: 600px) {
	.pos-konto__ebooki {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1.25rem;
	}
}

@media (min-width: 1024px) {
	.pos-konto__ebooki {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.pos-konto__ebook {
	display: grid;
	grid-template-columns: 96px minmax(0, 1fr);
	gap: 1rem;
	padding: 1rem;
	border: 1px solid var(--poppyos-border);
	border-radius: var(--poppyos-radius-lg);
	background: var(--poppyos-bg);
	box-shadow: var(--poppyos-shadow-sm);
	transition: box-shadow var(--poppyos-transition);
}

@media (hover: hover) {
	.pos-konto__ebook:hover {
		box-shadow: var(--poppyos-shadow-md);
	}
}

.pos-konto__ebook-cover {
	aspect-ratio: 5 / 7;
	border-radius: var(--poppyos-radius-sm);
	overflow: hidden;
	background: var(--poppyos-accent-light, var(--poppyos-surface));
	display: grid;
	place-items: center;
}

.pos-konto__ebook-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.pos-konto__ebook-cover-pusta {
	font-family: var(--wp--preset--font-family--display, inherit);
	font-size: 2rem;
	font-weight: 800;
	color: var(--poppyos-accent-text, var(--poppyos-accent));
}

.pos-konto__ebook-body {
	display: flex;
	flex-direction: column;
	gap: .6rem;
	min-width: 0;
}

.pos-konto__ebook-title {
	margin: 0;
	font-family: var(--wp--preset--font-family--display, inherit);
	font-size: 1.05rem;
	line-height: 1.25;
	letter-spacing: -.01em;
	color: var(--poppyos-ink);
	text-wrap: balance;
}

.pos-konto__ebook-akcje {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}

.pos-konto__ebook-btn,
.woocommerce .pos-konto__ebook-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	min-height: 44px;
	padding: .55rem 1.2rem;
	border-radius: 9999px;
	background: var(--poppyos-accent);
	/* Przycisk główny z presetu (v2.36.0): tokeny `--poppyos-cta-*`, bez nich wygląd jak dotąd. */
	background-image: var(--poppyos-cta-gradient, none);
	color: var(--poppyos-cta-fg, var(--poppyos-accent-contrast, #fff));
	text-shadow: var(--poppyos-cta-text-shadow, none);
	box-shadow: var(--poppyos-cta-shadow, none);
	font-family: var(--wp--preset--font-family--display, inherit);
	font-size: .9rem;
	font-weight: 700;
	text-decoration: none;
	transition: background var(--poppyos-transition);
}

.pos-konto__ebook-btn:hover,
.woocommerce .pos-konto__ebook-btn:hover {
	background: var(--poppyos-accent-hover);
	background-image: var(--poppyos-cta-gradient-hover, var(--poppyos-cta-gradient, none));
	color: var(--poppyos-cta-fg, var(--poppyos-accent-contrast, #fff));
}

.pos-konto__ebook-btn:focus-visible {
	outline: 3px solid var(--poppyos-accent);
	outline-offset: 2px;
}

.pos-konto__ebook-meta {
	margin: auto 0 0;
	font-size: .8rem;
	color: var(--poppyos-muted);
}

.pos-konto__ebook-meta a {
	color: inherit;
}

/* pusty stan */
.pos-konto__empty {
	padding: 2rem 1.5rem;
	border: 1px dashed var(--poppyos-border);
	border-radius: var(--poppyos-radius-lg);
	background: var(--poppyos-surface);
	text-align: center;
}

.pos-konto__empty h2 {
	margin: 0 0 .5rem;
	font-family: var(--wp--preset--font-family--display, inherit);
	font-size: 1.3rem;
}

.pos-konto__empty p {
	margin: 0 0 1.2rem;
	color: var(--poppyos-muted);
}

.pos-konto__empty-note {
	margin: 1rem 0 0;
	font-size: .85rem;
}

/* ═══════════════════════════════════════════════════════════
   ZAMÓWIENIA — tabela na desktopie, karty na telefonie
   ═══════════════════════════════════════════════════════════ */

body.pos-konto .woocommerce-orders-table {
	font-size: .95rem;
}

body.pos-konto .woocommerce-orders-table .woocommerce-button {
	margin: 0 .35rem .35rem 0;
	min-height: 40px;
	padding: .5rem 1.1rem;
	font-size: .85rem;
}

/* Próg 768 px włącznie, jak `woocommerce-smallscreen.css`; selektory z tabelą i `tr`, żeby
   przebić `.woocommerce table.shop_table_responsive tr td` (0,2,3) z tego arkusza. */
@media (max-width: 768px) {
	body.pos-konto table.woocommerce-orders-table,
	body.pos-konto table.woocommerce-orders-table tbody,
	body.pos-konto table.woocommerce-orders-table tr,
	body.pos-konto table.woocommerce-orders-table tr td {
		display: block;
		width: 100%;
	}

	body.pos-konto table.woocommerce-orders-table thead {
		display: none;
	}

	body.pos-konto table.woocommerce-orders-table {
		border: 0;
		border-radius: 0;
		overflow: visible;
	}

	body.pos-konto table.woocommerce-orders-table tr {
		margin: 0 0 .9rem;
		padding: .5rem 1rem;
		border: 1px solid var(--poppyos-border);
		border-radius: var(--poppyos-radius-lg);
		background: var(--poppyos-bg);
	}

	body.pos-konto table.woocommerce-orders-table tr td,
	body.pos-konto table.woocommerce-orders-table tr:nth-child(2n) td {
		display: flex;
		justify-content: space-between;
		align-items: baseline;
		gap: 1rem;
		padding: .55rem 0;
		border-top: 0;
		border-bottom: 1px solid var(--poppyos-border);
		background: transparent;
		text-align: right !important;
	}

	body.pos-konto table.woocommerce-orders-table tr td:last-child {
		border-bottom: 0;
	}

	/* Etykieta z `data-title`, którą WooCommerce drukuje na każdej komórce. */
	body.pos-konto table.woocommerce-orders-table tr td[data-title]::before {
		content: attr(data-title);
		float: none;
		flex: none;
		font-size: .75rem;
		font-weight: 700;
		letter-spacing: .06em;
		text-transform: uppercase;
		color: var(--poppyos-muted);
		text-align: left;
	}

	body.pos-konto table.woocommerce-orders-table tr td.woocommerce-orders-table__cell-order-actions {
		justify-content: flex-end;
	}

	body.pos-konto table.woocommerce-orders-table tr td.woocommerce-orders-table__cell-order-actions::before {
		display: none;
	}
}

/* Arkusz blokowy Woo robi z „Zobacz"/„Zapłać" pełnoszerokie klocki jeden pod drugim. */
body.pos-konto .woocommerce-orders-table__cell-order-actions a.woocommerce-button {
	display: inline-flex;
	width: auto;
	margin: 0 .35rem .35rem 0;
	text-align: center;
}

/* ═══════════════════════════════════════════════════════════
   FORMULARZE, LOGOWANIE, KOMUNIKATY
   ═══════════════════════════════════════════════════════════ */

body.pos-konto .woocommerce-MyAccount-content h2,
body.pos-konto .woocommerce-MyAccount-content h3 {
	font-family: var(--wp--preset--font-family--display, inherit);
}

/* Klientka sklepu nie komentuje jako klientka sklepu — „nazwa wyświetlana" tylko myli. */
body.pos-konto .woocommerce-EditAccountForm .form-row:has(#account_display_name) {
	display: none;
}

body.pos-konto .woocommerce-form-login,
body.pos-konto .woocommerce-form-register,
body.pos-konto .woocommerce-ResetPassword {
	max-width: 480px;
	/* Do lewej, pod nagłówkiem kolumny („Logowanie", „Zarejestruj się"); `auto` centrował kartę i odsuwał ją od nagłówka. */
	margin: 0;
	padding: 1.5rem;
	border: 1px solid var(--poppyos-border);
	border-radius: var(--poppyos-radius-lg);
	background: var(--poppyos-bg);
}

body.pos-konto .u-columns {
	display: grid;
	gap: 1.5rem;
	grid-template-columns: 1fr;
}

/* Clearfix Woo (`::before/::after` z `content`) w siatce stałby się komórką i przesuwał kolumny. */
body.pos-konto .u-columns::before,
body.pos-konto .u-columns::after {
	content: none;
}

body.pos-konto .u-columns .u-column1,
body.pos-konto .u-columns .u-column2 {
	float: none;
	width: 100%;
}

@media (min-width: 769px) {
	body.pos-konto .u-columns {
		grid-template-columns: 1fr 1fr;
	}
}

.pos-konto__login-lead {
	margin: 0 0 1rem;
	color: var(--poppyos-muted);
}

body.pos-konto .woocommerce-form-login .woocommerce-form-login__submit,
body.pos-konto .woocommerce-form-register .woocommerce-form-register__submit {
	width: 100%;
	margin-top: .5rem;
}

body.pos-konto .woocommerce-form-login .woocommerce-form-login__rememberme {
	display: flex;
	align-items: center;
	gap: .5rem;
	margin: .5rem 0 1rem;
}

body.pos-konto .woocommerce-form-login .woocommerce-form-login__rememberme input {
	width: 20px;
	height: 20px;
}

body.pos-konto .woocommerce-LostPassword {
	font-size: .9rem;
}

body.pos-konto .woocommerce-notices-wrapper .woocommerce-message,
body.pos-konto .woocommerce-notices-wrapper .woocommerce-info,
body.pos-konto .woocommerce-notices-wrapper .woocommerce-error {
	margin-bottom: 1.5rem;
}

/* Subskrypcje (WooCommerce Subscriptions): tylko wspólne klasy tabel i przycisków. */
body.pos-konto table.my_account_subscriptions,
body.pos-konto table.subscription_details {
	font-size: .95rem;
}

@media (prefers-reduced-motion: reduce) {
	.pos-konto__ebook,
	.pos-konto__ebook-btn,
	body.pos-konto .woocommerce-MyAccount-navigation a {
		transition: none;
	}
}