/*
Theme Name:   PlayGames
Theme URI:    https://playgames.cz/
Description:  Child šablona pro Kadence – vizuální vrstva e-shopu PlayGames (herní klíče, dobití, předplatné, dárkové karty). Design tokeny, komponenty, WooCommerce UX a blokové vzory.
Author:       PlayGames
Template:     kadence
Version:      0.7.0
Requires at least: 6.5
Tested up to: 6.9
Requires PHP: 8.1
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  playgames
*/

/* ==========================================================================
   OBSAH
   0. Design tokeny (CSS custom properties)
   1. Základ: typografie, odkazy, focus, pohyb
   2. Tlačítka a formuláře
   3. Hlavička (Kadence header builder), navigace, mega menu, mobilní menu
   4. Vyhledávání (FiboSearch + záložní formulář), přepínač trhu, účet
   5. Sekce a vzory: hero, trust bar, dlaždice kategorií, kroky, FAQ, CTA
   6. Odznaky (platforma, region, okamžité doručení, sleva)
   7. Produktové karty (výpis)
   8. Detail produktu: buy box, trust box, region, záložky, aktivace, nabídky
   9. Výpis kategorie: řazení, stránkování, hero archivu
   10. Košík, pokladna, souhlas s doručením, děkovná stránka, můj účet
   11. Hlášky (notices)
   12. Patička
   13. Přístupnost, tisk, forced-colors
   ========================================================================== */

/* ==========================================================================
   0. DESIGN TOKENY
   Jediný zdroj pravdy pro barvy, typografii, mezery, rádiusy a stíny.
   Kontrasty (WCAG 2.2 AA) jsou ověřené u párů uvedených v komentářích.
   ========================================================================== */
:root {
	/* --- Inkoust: tmavé plochy (hlavička, hero, patička) --- */
	--pg-color-ink-950: #070B16;
	--pg-color-ink-900: #0B1222; /* bílý text 18.7:1 */
	--pg-color-ink-800: #111A2E; /* bílý text 17.3:1 */
	--pg-color-ink-700: #1A2540;
	--pg-color-ink-600: #2A3656;
	--pg-color-ink-400: #9AA6C2; /* na ink-900 7.7:1 – sekundární text v tmavu */
	--pg-color-ink-300: #B9C3DA; /* na ink-900 10.6:1 */
	--pg-color-ink-200: #C9D2E8; /* na ink-900 12.3:1 */

	/* --- Primární (důvěra, akce) --- */
	--pg-color-primary: #3450F0;       /* bílý text 5.9:1; jako text na bílé 5.9:1 */
	--pg-color-primary-hover: #2440D6; /* bílý text 7.6:1 */
	--pg-color-primary-700: #2B3FBF;   /* na primary-soft 7.0:1 */
	--pg-color-primary-300: #7D93FF;   /* odkazy na ink-900 6.7:1 */
	--pg-color-primary-soft: #E9EDFF;
	--pg-color-primary-line: #C8D1FF;

	/* --- Akcent „okamžitě“ (mint) a stavové barvy --- */
	--pg-color-mint: #00E0A4;          /* ink-900 text na mint 10.9:1; mint na ink-900 10.9:1 */
	--pg-color-mint-soft: #E6FBF3;
	--pg-color-success: #03784F;       /* na bílé 5.5:1, na mint-soft 5.1:1 */
	--pg-color-sale: #D61F5B;          /* bílý text 5.0:1 */
	--pg-color-warning: #9A4A00;       /* na warning-soft 5.8:1 */
	--pg-color-warning-soft: #FFF4E0;
	--pg-color-amber: #FFB020;
	--pg-color-danger: #B42318;        /* na bílé 6.6:1, na danger-soft 6.0:1 */
	--pg-color-danger-soft: #FEF1F0;
	--pg-color-star: #C77700;          /* grafika na bílé 3.5:1 */

	/* --- Neutrální: světlá obsahová plocha --- */
	--pg-color-text: #121826;          /* na bg 16.4:1 */
	--pg-color-text-muted: #475069;    /* na bílé 8.0:1 */
	--pg-color-text-subtle: #5A6378;   /* na bílé 6.0:1, na surface-2 5.3:1 */
	--pg-color-bg: #F4F6FB;
	--pg-color-surface: #FFFFFF;
	--pg-color-surface-2: #EEF1F8;
	--pg-color-border: #DCE1EC;        /* dekorativní */
	--pg-color-border-strong: #7C879F; /* hrany polí formuláře 3.6:1 (WCAG 1.4.11) */

	/* Focus prstenec – na tmavých plochách se přepíná na mint */
	--pg-focus: var(--pg-color-primary);

	/* --- Typografie: pouze systémová písma (žádné externí fonty) --- */
	--pg-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
	--pg-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
	--pg-fs-xs: 0.75rem;     /* 12 */
	--pg-fs-sm: 0.875rem;    /* 14 */
	--pg-fs-base: 1rem;      /* 16 */
	--pg-fs-md: 1.125rem;    /* 18 */
	--pg-fs-lg: 1.25rem;     /* 20 */
	--pg-fs-xl: clamp(1.375rem, 1.2rem + 0.6vw, 1.625rem);   /* 22–26 */
	--pg-fs-2xl: clamp(1.625rem, 1.3rem + 1.2vw, 2.125rem);  /* 26–34 */
	--pg-fs-3xl: clamp(2rem, 1.4rem + 2.6vw, 3.25rem);       /* 32–52 */
	--pg-lh-tight: 1.15;
	--pg-lh-snug: 1.3;
	--pg-lh-base: 1.6;
	--pg-fw-medium: 500;
	--pg-fw-semibold: 600;
	--pg-fw-bold: 700;
	--pg-fw-black: 800;
	--pg-tracking-tight: -0.02em;

	/* --- Mezery (4px základ) --- */
	--pg-space-1: 0.25rem;  /* 4 */
	--pg-space-2: 0.5rem;   /* 8 */
	--pg-space-3: 0.75rem;  /* 12 */
	--pg-space-4: 1rem;     /* 16 */
	--pg-space-5: 1.5rem;   /* 24 */
	--pg-space-6: 2rem;     /* 32 */
	--pg-space-7: 3rem;     /* 48 */
	--pg-space-8: 4rem;     /* 64 */
	--pg-space-9: 6rem;     /* 96 */
	--pg-gutter: clamp(1rem, 0.6rem + 1.6vw, 1.5rem);
	--pg-section-y: clamp(2.5rem, 1.6rem + 4vw, 5rem);
	--pg-container: 1280px;

	/* --- Rádiusy --- */
	--pg-radius-sm: 6px;
	--pg-radius-md: 10px;
	--pg-radius-lg: 16px;
	--pg-radius-xl: 24px;
	--pg-radius-pill: 999px;

	/* --- Stíny (tónované inkoustem) --- */
	--pg-shadow-sm: 0 1px 2px rgba(11, 18, 34, 0.06), 0 1px 1px rgba(11, 18, 34, 0.04);
	--pg-shadow-md: 0 4px 14px rgba(11, 18, 34, 0.08), 0 2px 4px rgba(11, 18, 34, 0.04);
	--pg-shadow-lg: 0 18px 44px rgba(11, 18, 34, 0.14), 0 4px 10px rgba(11, 18, 34, 0.06);
	--pg-shadow-ring: 0 0 0 4px rgba(52, 80, 240, 0.2);

	/* --- Pohyb --- */
	--pg-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
	--pg-dur: 160ms;

	/* --- Ovládací prvky (min. 44px dotyková plocha) --- */
	--pg-control-h: 44px;
	--pg-control-h-lg: 52px;

	/* --- Ikony (inline data-URI masky, žádné externí soubory) --- */
	--pg-icon-bolt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7l1-8z'/%3E%3C/svg%3E");
	--pg-icon-shield: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4.5 6v5.5c0 4.6 3.1 8.2 7.5 9.5 4.4-1.3 7.5-4.9 7.5-9.5V6z'/%3E%3Cpath d='m8.8 12.2 2.3 2.3 4.3-4.6'/%3E%3C/svg%3E");
	--pg-icon-lock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='10.5' width='15' height='10' rx='2.5'/%3E%3Cpath d='M8 10.5V7.5a4 4 0 0 1 8 0v3M12 14.5v2.5'/%3E%3C/svg%3E");
	--pg-icon-chat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.5h16v10.5H10l-4.5 3.5V16H4z'/%3E%3Cpath d='M8.5 10.75h.01M12 10.75h.01M15.5 10.75h.01'/%3E%3C/svg%3E");
	--pg-icon-topup: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E");
	--pg-icon-repeat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 2.5 20.5 6 17 9.5'/%3E%3Cpath d='M3.5 11V9.5A3.5 3.5 0 0 1 7 6h13.5'/%3E%3Cpath d='M7 21.5 3.5 18 7 14.5'/%3E%3Cpath d='M20.5 13v1.5A3.5 3.5 0 0 1 17 18H3.5'/%3E%3C/svg%3E");
	--pg-icon-card: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2.5'/%3E%3Cpath d='M2.5 10h19M6.5 15h4'/%3E%3C/svg%3E");
	--pg-icon-monitor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4'/%3E%3C/svg%3E");
	--pg-icon-key: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15.5' r='4.5'/%3E%3Cpath d='m11.2 12.3 8.8-8.8M16.5 7l2.5 2.5M14 9.5l2 2'/%3E%3C/svg%3E");
	--pg-icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E");
	--pg-icon-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");
	--pg-icon-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
	--pg-icon-alert: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 2.5 20h19z'/%3E%3Cpath d='M12 10v4.5M12 17.5h.01'/%3E%3C/svg%3E");
	--pg-icon-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5.5M12 7.5h.01'/%3E%3C/svg%3E");
	--pg-icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.6 3.8 5.6 3.8 9s-1.3 6.4-3.8 9c-2.5-2.6-3.8-5.6-3.8-9S9.5 5.6 12 3z'/%3E%3C/svg%3E");
	--pg-icon-gamepad: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 8h10a4.5 4.5 0 0 1 4.4 5.5l-.8 3.6a2.4 2.4 0 0 1-4.1 1.1L14 15.5h-4l-2.5 2.7a2.4 2.4 0 0 1-4.1-1.1l-.8-3.6A4.5 4.5 0 0 1 7 8z'/%3E%3Cpath d='M8 11v3M6.5 12.5h3M15.5 11.5h.01M17.5 13.5h.01'/%3E%3C/svg%3E");
	--pg-icon-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='m3.5 6.5 8.5 6.5 8.5-6.5'/%3E%3C/svg%3E");
	--pg-icon-tag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12V4.5A1.5 1.5 0 0 1 4.5 3H12l9 9-9 9z'/%3E%3Cpath d='M7.5 7.5h.01'/%3E%3C/svg%3E");
	--pg-icon-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
	--pg-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%234A66FF'/%3E%3Cstop offset='1' stop-color='%232440D6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='1' y='1' width='46' height='46' rx='12' fill='url(%23g)'/%3E%3Crect x='2.5' y='2.5' width='43' height='43' rx='10.5' fill='none' stroke='%23fff' stroke-opacity='.16'/%3E%3Cpath d='M15.5 37V11.5L32.5 21.25L15.5 31' fill='none' stroke='%23fff' stroke-width='5.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='34' cy='35' r='4.25' fill='%2300E0A4'/%3E%3C/svg%3E");

	/* --- Napojení na proměnné Kadence (tlačítka, písmo) --- */
	--global-body-font-family: var(--pg-font-sans);
	--global-heading-font-family: var(--pg-font-sans);
	--global-palette-btn-bg: var(--pg-color-primary);
	--global-palette-btn-bg-hover: var(--pg-color-primary-hover);
	--global-palette-btn: #FFFFFF;
	--global-palette-btn-hover: #FFFFFF;
}

/* ==========================================================================
   1. ZÁKLAD
   ========================================================================== */
body {
	font-family: var(--pg-font-sans);
	color: var(--pg-color-text);
	background-color: var(--pg-color-bg);
	line-height: var(--pg-lh-base);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3 {
	font-family: var(--pg-font-sans);
	font-weight: var(--pg-fw-black);
	letter-spacing: var(--pg-tracking-tight);
	line-height: var(--pg-lh-tight);
	color: var(--pg-color-text);
	text-wrap: balance;
}

h1 { font-size: var(--pg-fs-3xl); }
h2 { font-size: var(--pg-fs-2xl); }
h3 { font-size: var(--pg-fs-xl); line-height: var(--pg-lh-snug); }
h4 { font-size: var(--pg-fs-lg); line-height: var(--pg-lh-snug); }

p { text-wrap: pretty; }

/* Odkazy v textu – :where() drží nulovou specificitu, aby komponenty (dlaždice, čipy…) vyhrály */
:where(.entry-content, .woocommerce-tabs, .woocommerce-checkout, .woocommerce-cart) a:where(:not([class])) {
	color: var(--pg-color-primary);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}

:where(.entry-content, .woocommerce-tabs, .woocommerce-checkout, .woocommerce-cart) a:where(:not([class])):hover {
	color: var(--pg-color-primary-hover);
	text-decoration-thickness: 2px;
}

::selection {
	background: var(--pg-color-primary);
	color: #FFFFFF;
}

/* Viditelný focus (WCAG 2.4.7 / 2.4.11) – nikdy ho neodstraňujeme */
body :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--pg-focus);
	outline-offset: 2px;
	box-shadow: none;
}

.site-header,
.site-footer,
#mobile-drawer,
.pg-section--dark {
	--pg-focus: var(--pg-color-mint);
}

/* Skip link (Kadence ho vkládá) – při focusu musí být čitelný */
.skip-link:focus,
.screen-reader-text:focus {
	background: var(--pg-color-surface);
	color: var(--pg-color-text);
	border-radius: var(--pg-radius-md);
	box-shadow: var(--pg-shadow-lg);
	padding: var(--pg-space-3) var(--pg-space-4);
	font-weight: var(--pg-fw-bold);
	z-index: 100000;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* Pomocné třídy */
.pg-container {
	width: 100%;
	max-width: var(--pg-container);
	margin-inline: auto;
	padding-inline: var(--pg-gutter);
	box-sizing: border-box;
}

.pg-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: var(--pg-space-2);
	margin: 0 0 var(--pg-space-3);
	font-size: var(--pg-fs-sm);
	font-weight: var(--pg-fw-bold);
	letter-spacing: 0.02em;
	color: var(--pg-color-primary-700);
}

.pg-lead {
	font-size: var(--pg-fs-md);
	color: var(--pg-color-text-muted);
	max-width: 62ch;
}

.pg-muted { color: var(--pg-color-text-subtle); }

/* ==========================================================================
   2. TLAČÍTKA A FORMULÁŘE
   ========================================================================== */
.button,
a.button,
button.button,
input[type="submit"]:not(.search-submit),
.wp-block-button__link,
.wp-element-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--pg-space-2);
	min-height: var(--pg-control-h);
	padding: 0.625rem 1.25rem;
	border: 0;
	border-radius: var(--pg-radius-md);
	background-color: var(--pg-color-primary);
	color: #FFFFFF;
	font-family: var(--pg-font-sans);
	font-size: var(--pg-fs-base);
	font-weight: var(--pg-fw-bold);
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	box-shadow: none;
	transition: background-color var(--pg-dur) var(--pg-ease), box-shadow var(--pg-dur) var(--pg-ease), transform var(--pg-dur) var(--pg-ease), color var(--pg-dur) var(--pg-ease);
}

.button:hover,
a.button:hover,
button.button:hover,
input[type="submit"]:not(.search-submit):hover,
.wp-block-button__link:hover,
.wp-element-button:hover {
	background-color: var(--pg-color-primary-hover);
	color: #FFFFFF;
	box-shadow: var(--pg-shadow-md);
}

.button:active,
.wp-block-button__link:active {
	transform: translateY(1px);
}

.button:disabled,
.button.disabled,
.button[aria-disabled="true"] {
	opacity: 0.55;
	cursor: not-allowed;
	box-shadow: none;
}

/* Sekundární WooCommerce tlačítka (Aktualizovat košík, Použít kupón…) */
.woocommerce-cart-form .button:not(.alt),
.woocommerce .coupon .button,
.woocommerce-MyAccount-content .button:not(.alt) {
	background-color: var(--pg-color-surface-2);
	color: var(--pg-color-text);
	box-shadow: inset 0 0 0 1px var(--pg-color-border);
}

.woocommerce-cart-form .button:not(.alt):hover,
.woocommerce .coupon .button:hover,
.woocommerce-MyAccount-content .button:not(.alt):hover {
	background-color: var(--pg-color-primary-soft);
	color: var(--pg-color-primary-700);
}

/* Obrysové tlačítko (blok Tlačítko → styl Obrys) */
.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button__link.is-style-outline {
	background-color: transparent;
	color: var(--pg-color-primary);
	box-shadow: inset 0 0 0 2px currentColor;
}

.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background-color: var(--pg-color-primary-soft);
	color: var(--pg-color-primary-700);
}

.pg-section--dark .wp-block-button.is-style-outline > .wp-block-button__link {
	color: #FFFFFF;
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.55);
}

.pg-section--dark .wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background-color: rgba(255, 255, 255, 0.1);
	color: #FFFFFF;
}

/* Mint varianta (výrazná CTA na tmavém pozadí) – třída pg-btn-mint na bloku Tlačítko */
.pg-btn-mint > .wp-block-button__link,
.button.pg-btn-mint {
	background-color: var(--pg-color-mint);
	color: var(--pg-color-ink-900);
}

.pg-btn-mint > .wp-block-button__link:hover,
.button.pg-btn-mint:hover {
	background-color: #33E8B8;
	color: var(--pg-color-ink-900);
}

/* Formulářová pole */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="url"],
select,
textarea {
	min-height: var(--pg-control-h);
	padding: 0.625rem 0.875rem;
	border: 1px solid var(--pg-color-border-strong);
	border-radius: var(--pg-radius-md);
	background-color: var(--pg-color-surface);
	color: var(--pg-color-text);
	font-family: var(--pg-font-sans);
	font-size: 1rem; /* 16px = bez zoomu na iOS */
	line-height: 1.4;
	box-shadow: none;
	transition: border-color var(--pg-dur) var(--pg-ease), box-shadow var(--pg-dur) var(--pg-ease);
}

textarea { min-height: 7rem; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
	border-color: var(--pg-color-primary);
	box-shadow: var(--pg-shadow-ring);
	outline: none;
}

input::placeholder,
textarea::placeholder {
	color: var(--pg-color-text-subtle);
	opacity: 1;
}

input[type="checkbox"],
input[type="radio"] {
	accent-color: var(--pg-color-primary);
}

/* selectWoo / Select2 (výběr země v pokladně) */
.select2-container--default .select2-selection--single {
	height: var(--pg-control-h);
	border: 1px solid var(--pg-color-border-strong);
	border-radius: var(--pg-radius-md);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: calc(var(--pg-control-h) - 2px);
	padding-left: 0.875rem;
	color: var(--pg-color-text);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: calc(var(--pg-control-h) - 2px);
}

.select2-container--focus .select2-selection--single,
.select2-container--open .select2-selection--single {
	border-color: var(--pg-color-primary);
	box-shadow: var(--pg-shadow-ring);
}

.select2-dropdown {
	border-color: var(--pg-color-border-strong);
	border-radius: var(--pg-radius-md);
	overflow: hidden;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
	background-color: var(--pg-color-primary);
}

/* ==========================================================================
   3. HLAVIČKA (Kadence Header Builder)
   Doporučené rozložení viz UX-SPEC.md, kap. 2.
   Barvy řádků hlavičky řídí tokeny (přebíjí Customizer – nastavte ho stejně).
   ========================================================================== */
.site-header .site-top-header-wrap .site-header-row-container-inner {
	background: var(--pg-color-ink-950);
	color: var(--pg-color-ink-300);
	font-size: var(--pg-fs-sm);
}

.site-header .site-main-header-wrap .site-header-row-container-inner {
	background: var(--pg-color-ink-900);
	color: #FFFFFF;
}

.site-header .site-bottom-header-wrap .site-header-row-container-inner {
	background: var(--pg-color-ink-800);
	color: var(--pg-color-ink-200);
	border-top: 1px solid rgba(255, 255, 255, 0.06);
}

/* Logo: když není nahrané obrázkové logo, Kadence vypíše název webu –
   doplníme značku (klávesa s „P“) a wordmark písmem systému. */
.site-header .site-branding a.brand {
	gap: var(--pg-space-3);
	text-decoration: none;
}

.site-header .site-branding a.brand:not(.has-logo-image)::before {
	content: "";
	flex: none;
	width: 36px;
	height: 36px;
	background: var(--pg-mark) center / contain no-repeat;
}

.site-header .site-branding a.brand:has(img)::before {
	content: none; /* nahrané logo → značku nekreslíme */
}

.site-header .site-branding .site-title {
	margin: 0;
	color: #FFFFFF;
	font-size: 1.375rem;
	font-weight: var(--pg-fw-black);
	letter-spacing: -0.03em;
	line-height: 1;
}

.site-header .site-branding .site-description {
	color: var(--pg-color-ink-400);
}

.site-header .site-branding img.custom-logo {
	max-height: 40px;
	width: auto;
}

/* Kadence HTML prvek (vyhledávání) – bez prázdných odstavců z wpautop */
.site-header .header-html-inner > p {
	margin: 0;
}

.site-header .header-html-inner > p:empty {
	display: none;
}

.site-header .site-header-main-section-center .header-html,
.site-header .site-header-main-section-center .header-html-inner {
	width: 100%;
}

.site-header .site-header-main-section-center {
	flex: 1 1 auto;
}

/* Tlačítko v hlavičce (např. „Můj účet“) */
.site-header .header-button {
	min-height: 40px;
	border-radius: var(--pg-radius-pill);
	font-weight: var(--pg-fw-bold);
}

.site-header .header-button.button-style-outline {
	background: transparent;
	color: #FFFFFF;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
}

.site-header .header-button.button-style-outline:hover {
	background: rgba(255, 255, 255, 0.08);
	color: #FFFFFF;
}

/* Košík v hlavičce */
.site-header .header-cart-wrap .header-cart-button {
	color: #FFFFFF;
	border-radius: var(--pg-radius-pill);
	padding: 0.375rem 0.625rem;
}

.site-header .header-cart-wrap .header-cart-button:hover {
	background: rgba(255, 255, 255, 0.08);
}

.site-header .header-cart-wrap .header-cart-button .header-cart-total {
	background: var(--pg-color-mint);
	color: var(--pg-color-ink-900);
	font-weight: var(--pg-fw-black);
}

/* Ikona vyhledávání (Kadence modální search) */
.site-header .search-toggle-open-container .search-toggle-open {
	color: #FFFFFF;
}

/* --- Primární navigace (desktop) --- */
.site-header .header-navigation .header-menu-container > ul > li.menu-item > a {
	color: var(--pg-color-ink-200);
	font-weight: var(--pg-fw-semibold);
	font-size: 0.9375rem;
	letter-spacing: 0;
	text-decoration: none;
}

.site-header .header-navigation .header-menu-container > ul > li.menu-item > a:hover,
.site-header .header-navigation .header-menu-container > ul > li.menu-item:focus-within > a,
.site-header .header-navigation .header-menu-container > ul > li.current-menu-item > a,
.site-header .header-navigation .header-menu-container > ul > li.current-menu-ancestor > a {
	color: #FFFFFF;
}

/* Sekundární menu v horní liště (Návody, Kontakt…) – menší a tlumenější */
.site-header .site-top-header-wrap .header-navigation .header-menu-container > ul > li.menu-item > a {
	color: var(--pg-color-ink-300);
	font-size: var(--pg-fs-sm);
	font-weight: var(--pg-fw-medium);
}

.site-header .site-top-header-wrap .header-navigation .header-menu-container > ul > li.menu-item > a:hover {
	color: #FFFFFF;
}

/* Zvýraznění položky (třída pg-menu-highlight v Menu → CSS třídy), např. Výprodej */
.site-header .header-navigation .header-menu-container > ul > li.pg-menu-highlight > a {
	color: var(--pg-color-mint);
}

/* Rozbalovací panel */
.site-header .header-navigation .header-menu-container ul ul.sub-menu {
	background: var(--pg-color-surface);
	border: 1px solid var(--pg-color-border);
	border-radius: var(--pg-radius-lg);
	box-shadow: var(--pg-shadow-lg);
	padding: var(--pg-space-2);
}

.site-header .header-navigation .header-menu-container ul ul li.menu-item {
	border-bottom: 0;
}

.site-header .header-navigation .header-menu-container ul ul li.menu-item > a {
	color: var(--pg-color-text);
	font-size: 0.9375rem;
	font-weight: var(--pg-fw-medium);
	padding: 0.625rem 0.75rem;
	border-radius: var(--pg-radius-md);
	text-decoration: none;
}

.site-header .header-navigation .header-menu-container ul ul li.menu-item > a:hover,
.site-header .header-navigation .header-menu-container ul ul li.menu-item > a:focus-visible,
.site-header .header-navigation .header-menu-container ul ul li.current-menu-item > a {
	background: var(--pg-color-primary-soft);
	color: var(--pg-color-primary-700);
}

/* --- Mega menu (bez pluginu) ---
   Položce 1. úrovně dejte v Menu CSS třídu „pg-mega“ (u položek vpravo navíc
   „pg-mega--right“). Položky 2. úrovně se zobrazí jako sloupce, 3. úroveň
   jako odkazy pod nimi. Volitelně --pg-mega-cols přes třídu pg-mega--2/--4. */
@media (min-width: 1025px) {
	.site-header .header-navigation .header-menu-container ul li.pg-mega {
		--pg-mega-cols: 3;
	}

	.site-header .header-navigation .header-menu-container ul li.pg-mega.pg-mega--2 { --pg-mega-cols: 2; }
	.site-header .header-navigation .header-menu-container ul li.pg-mega.pg-mega--4 { --pg-mega-cols: 4; }

	.site-header .header-navigation .header-menu-container ul li.pg-mega:hover > ul.sub-menu,
	.site-header .header-navigation .header-menu-container ul li.pg-mega:focus-within > ul.sub-menu,
	.site-header .header-navigation .header-menu-container ul li.pg-mega.menu-item--toggled-on > ul.sub-menu {
		display: grid;
		grid-template-columns: repeat(var(--pg-mega-cols), minmax(0, 1fr));
		gap: var(--pg-space-2) var(--pg-space-4);
		width: min(880px, calc(100vw - 48px));
		left: 0;
		right: auto;
		padding: var(--pg-space-5);
	}

	.site-header .header-navigation .header-menu-container ul li.pg-mega.pg-mega--right:hover > ul.sub-menu,
	.site-header .header-navigation .header-menu-container ul li.pg-mega.pg-mega--right:focus-within > ul.sub-menu,
	.site-header .header-navigation .header-menu-container ul li.pg-mega.pg-mega--right.menu-item--toggled-on > ul.sub-menu {
		left: auto;
		right: 0;
	}

	/* Sloupec = položka 2. úrovně */
	.site-header .header-navigation .header-menu-container ul li.pg-mega > ul.sub-menu > li.menu-item > a {
		width: auto;
		font-weight: var(--pg-fw-black);
		font-size: 1rem;
		color: var(--pg-color-text);
	}

	.site-header .header-navigation .header-menu-container ul li.pg-mega > ul.sub-menu > li.menu-item > a .dropdown-nav-toggle,
	.site-header .header-navigation .header-menu-container ul li.pg-mega > ul.sub-menu > li.menu-item > .dropdown-nav-special-toggle {
		display: none;
	}

	/* 3. úroveň trvale viditelná uvnitř sloupce */
	.site-header .header-navigation .header-menu-container ul li.pg-mega > ul.sub-menu > li > ul.sub-menu {
		display: block;
		position: static;
		left: auto;
		top: auto;
		width: auto;
		min-width: 0;
		opacity: 1;
		visibility: visible;
		clip: auto;
		height: auto;
		overflow: visible;
		transform: none;
		box-shadow: none;
		border: 0;
		background: transparent;
		padding: 0 0 var(--pg-space-2);
	}

	.site-header .header-navigation .header-menu-container ul li.pg-mega > ul.sub-menu > li > ul.sub-menu > li > a {
		width: auto;
		padding: 0.375rem 0.75rem;
		font-size: 0.875rem;
		color: var(--pg-color-text-muted);
	}
}

/* --- Mobilní hlavička a šuplík --- */
#mobile-header .site-branding .site-title {
	font-size: 1.25rem;
}

.site-header .mobile-toggle-open-container .menu-toggle-open {
	color: #FFFFFF;
}

#mobile-drawer .drawer-inner {
	background: var(--pg-color-ink-900);
	color: #FFFFFF;
}

#mobile-drawer .drawer-header .drawer-toggle {
	color: #FFFFFF;
}

#mobile-drawer .mobile-navigation ul li > a,
#mobile-drawer .mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap {
	color: #FFFFFF;
	font-weight: var(--pg-fw-semibold);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

#mobile-drawer .mobile-navigation ul ul li > a {
	color: var(--pg-color-ink-200);
	font-weight: var(--pg-fw-medium);
}

#mobile-drawer .mobile-navigation .drawer-sub-toggle {
	color: var(--pg-color-ink-300);
}

/* ==========================================================================
   4. VYHLEDÁVÁNÍ, PŘEPÍNAČ TRHU, ÚČET
   Shortcode [playgames_search] vykreslí FiboSearch, nebo záložní formulář.
   ========================================================================== */
.pg-search {
	width: 100%;
	max-width: 720px;
	margin-inline: auto;
}

.pg-search__form {
	position: relative;
	display: flex;
	align-items: center;
	margin: 0;
}

.pg-search__form::before {
	content: "";
	position: absolute;
	left: 1rem;
	top: 50%;
	width: 1.25rem;
	height: 1.25rem;
	transform: translateY(-50%);
	background-color: var(--pg-color-text-subtle);
	-webkit-mask: var(--pg-icon-search) center / contain no-repeat;
	mask: var(--pg-icon-search) center / contain no-repeat;
	pointer-events: none;
}

.pg-search .pg-search__input {
	width: 100%;
	height: var(--pg-control-h);
	padding: 0 6.5rem 0 2.875rem;
	border: 1px solid transparent;
	border-radius: var(--pg-radius-pill);
	background: var(--pg-color-surface);
	color: var(--pg-color-text);
	box-shadow: var(--pg-shadow-sm);
	-webkit-appearance: none;
	appearance: none;
}

.pg-search .pg-search__input:focus {
	border-color: var(--pg-color-primary);
	box-shadow: 0 0 0 4px rgba(0, 224, 164, 0.35);
}

.pg-search .pg-search__submit {
	position: absolute;
	top: 4px;
	right: 4px;
	bottom: 4px;
	min-height: 0;
	padding: 0 1.125rem;
	border-radius: var(--pg-radius-pill);
	font-size: 0.9375rem;
}

/* Velká varianta v hero */
.pg-hero .pg-search {
	margin-inline: 0;
	max-width: 640px;
}

.pg-hero .pg-search .pg-search__input {
	height: 56px;
	font-size: 1.0625rem;
	box-shadow: var(--pg-shadow-lg);
}

/* FiboSearch – sjednocení vzhledu (v nastavení FiboSearch zvolte styl „Solaris“
   a ponechte barvy prázdné, viz UX-SPEC.md) */
.pg-search .dgwt-wcas-search-wrapp {
	max-width: none;
	min-width: 0;
	width: 100%;
	margin: 0;
}

.pg-search .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp {
	padding: 0;
	background: transparent;
	border-radius: var(--pg-radius-pill);
}

.pg-search .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
	height: var(--pg-control-h);
	padding: 0 3.75rem 0 1.25rem;
	border: 1px solid transparent;
	border-radius: var(--pg-radius-pill);
	background: var(--pg-color-surface);
	color: var(--pg-color-text);
	font-size: 1rem;
	box-shadow: var(--pg-shadow-sm);
}

.pg-search .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:focus {
	border-color: var(--pg-color-primary);
	box-shadow: 0 0 0 4px rgba(0, 224, 164, 0.35);
}

.pg-search .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::placeholder {
	color: var(--pg-color-text-subtle);
	opacity: 1;
}

.pg-search .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit {
	top: 4px;
	right: 4px;
	bottom: 4px;
	left: auto; /* styl „Pirx“ dává tlačítko doleva přes text */
	height: auto;
	min-height: 0;
	width: 44px;
	min-width: 44px;
	padding: 0;
	border-radius: var(--pg-radius-pill);
	background: var(--pg-color-primary);
	color: #FFFFFF;
	box-shadow: none;
}

.pg-search .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit::before {
	display: none; /* šipka stylu Solaris */
}

.pg-search .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:hover {
	background: var(--pg-color-primary-hover);
}

.pg-search .dgwt-wcas-search-wrapp .dgwt-wcas-search-submit .dgwt-wcas-ico-magnifier path {
	fill: #FFFFFF;
}

.pg-hero .pg-search .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
	height: 56px;
	font-size: 1.0625rem;
	box-shadow: var(--pg-shadow-lg);
}

/* Našeptávač FiboSearch */
.dgwt-wcas-suggestions-wrapp {
	border: 1px solid var(--pg-color-border) !important; /* FiboSearch nastavuje inline */
	border-radius: 0 0 var(--pg-radius-lg) var(--pg-radius-lg);
	box-shadow: var(--pg-shadow-lg);
	overflow: hidden;
}

.dgwt-wcas-suggestion {
	color: var(--pg-color-text);
}

.dgwt-wcas-suggestion-selected {
	background-color: var(--pg-color-primary-soft);
}

.dgwt-wcas-st-title,
.dgwt-wcas-sp {
	color: var(--pg-color-text);
}

.dgwt-wcas-sp ins,
.dgwt-wcas-sp .amount {
	font-weight: var(--pg-fw-bold);
	text-decoration: none;
}

/* Přepínač trhu CZ / SK – shortcode [playgames_market_switcher] */
.pg-market {
	display: inline-flex;
	align-items: center;
	gap: var(--pg-space-2);
	font-size: var(--pg-fs-sm);
}

.pg-market__label {
	color: var(--pg-color-ink-400);
}

ul.pg-market__list,
.pg-market__list {
	display: inline-flex;
	gap: 2px;
	margin: 0;
	padding: 2px;
	list-style: none;
	border-radius: var(--pg-radius-pill);
	background: rgba(255, 255, 255, 0.08);
}

.pg-market__list li {
	margin: 0;
}

.pg-market__list a {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	min-height: 28px;
	padding: 0.125rem 0.75rem;
	border-radius: var(--pg-radius-pill);
	color: var(--pg-color-ink-200);
	font-weight: var(--pg-fw-bold);
	text-decoration: none;
}

.pg-market__list a:hover {
	color: #FFFFFF;
}

.pg-market__list a[aria-current="true"] {
	background: #FFFFFF;
	color: var(--pg-color-ink-900);
}

/* Odkaz na účet – shortcode [playgames_account_link] */
.pg-account {
	display: inline-flex;
	align-items: center;
	gap: var(--pg-space-2);
	min-height: 40px;
	padding: 0.25rem 0.75rem;
	border-radius: var(--pg-radius-pill);
	color: #FFFFFF;
	font-weight: var(--pg-fw-semibold);
	text-decoration: none;
}

.pg-account:hover {
	background: rgba(255, 255, 255, 0.08);
	color: #FFFFFF;
}

.pg-account svg {
	width: 22px;
	height: 22px;
	flex: none;
}

@media (max-width: 767px) {
	.pg-account__text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}

/* ==========================================================================
   5. SEKCE A VZORY
   ========================================================================== */
.entry-content .pg-section,
.single-content .pg-section,
.pg-section {
	margin-top: 0;
	margin-bottom: 0;
	padding-block: var(--pg-section-y);
}

.pg-section--tight { padding-block: var(--pg-space-6); }
.pg-section--white { background: var(--pg-color-surface); }
.pg-section--soft { background: var(--pg-color-bg); }

.pg-section--dark {
	background: var(--pg-color-ink-900);
	color: var(--pg-color-ink-300);
}

.pg-section--dark :is(h1, h2, h3, h4, h5, h6) {
	color: #FFFFFF;
}

.pg-section--dark a:where(:not([class])) {
	color: var(--pg-color-primary-300);
}

.pg-section--dark .pg-eyebrow {
	color: var(--pg-color-mint);
}

.pg-section--dark .pg-lead {
	color: var(--pg-color-ink-300);
}

.pg-section > .wp-block-group__inner-container {
	padding: 0;
}

/* Hlavička sekce: nadpis + odkaz „Zobrazit vše“ */
.pg-section-head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--pg-space-3) var(--pg-space-5);
	margin-bottom: var(--pg-space-5);
}

.pg-section-head > * {
	margin: 0;
}

.pg-section-head h2 {
	margin: 0;
}

.pg-section-head p {
	margin: 0;
}

.pg-link-arrow a,
a.pg-link-arrow {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	font-weight: var(--pg-fw-bold);
	color: var(--pg-color-primary);
	text-decoration: none;
}

.pg-link-arrow a::after,
a.pg-link-arrow::after {
	content: "";
	width: 1rem;
	height: 1rem;
	background-color: currentColor;
	-webkit-mask: var(--pg-icon-arrow) center / contain no-repeat;
	mask: var(--pg-icon-arrow) center / contain no-repeat;
	transition: transform var(--pg-dur) var(--pg-ease);
}

.pg-link-arrow a:hover::after,
a.pg-link-arrow:hover::after {
	transform: translateX(3px);
}

/* --- Hero --- */
.pg-hero {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	padding-block: clamp(3rem, 2rem + 5vw, 6.5rem);
	background:
		radial-gradient(1100px 520px at 88% -12%, rgba(52, 80, 240, 0.55), transparent 62%),
		radial-gradient(760px 420px at -5% 115%, rgba(0, 224, 164, 0.16), transparent 60%),
		var(--pg-color-ink-900);
}

/* jemná mřížka (čistě CSS, bez obrázků) */
.pg-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
	background-size: 40px 40px;
	-webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 85%);
	mask-image: linear-gradient(180deg, #000 0%, transparent 85%);
	pointer-events: none;
}

/* dekorativní značka vpravo (jen desktop) */
@media (min-width: 1025px) {
	.pg-hero::after {
		content: "";
		position: absolute;
		z-index: -1;
		top: 50%;
		right: max(2rem, calc((100vw - var(--pg-container)) / 2 + 2rem));
		width: 300px;
		height: 300px;
		transform: translateY(-50%) rotate(-8deg);
		background: var(--pg-hero-art, var(--pg-mark)) center / contain no-repeat;
		filter: drop-shadow(0 30px 60px rgba(36, 64, 214, 0.45));
		opacity: 0.95;
		pointer-events: none;
	}
}

.pg-hero .pg-container > * {
	max-width: 660px;
}

.pg-hero .pg-hero__title {
	margin: 0 0 var(--pg-space-4);
	color: #FFFFFF;
	font-size: var(--pg-fs-3xl);
}

.pg-hero .pg-hero__title strong {
	color: var(--pg-color-mint);
	font-weight: inherit;
}

.pg-hero .pg-lead {
	margin: 0 0 var(--pg-space-5);
}

/* Rychlé odkazy (čipy) pod vyhledáváním */
.pg-chips {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--pg-space-2);
	margin: var(--pg-space-4) 0 0;
	font-size: var(--pg-fs-sm);
	color: var(--pg-color-ink-400);
}

.pg-chips a,
.pg-section--dark .pg-chips a {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 0.25rem 0.75rem;
	border-radius: var(--pg-radius-pill);
	background: rgba(255, 255, 255, 0.08);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
	color: #FFFFFF;
	font-weight: var(--pg-fw-semibold);
	text-decoration: none;
	transition: background-color var(--pg-dur) var(--pg-ease);
}

.pg-chips a:hover,
.pg-section--dark .pg-chips a:hover {
	background: rgba(255, 255, 255, 0.16);
	color: #FFFFFF;
}

/* --- Trust bar --- */
.pg-trust {
	background: var(--pg-color-surface);
	border-bottom: 1px solid var(--pg-color-border);
	padding-block: var(--pg-space-5);
}

.wp-block-columns.pg-trust__grid,
.pg-trust__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--pg-space-4) var(--pg-space-5);
	margin: 0;
}

@media (min-width: 1025px) {
	.wp-block-columns.pg-trust__grid,
	.pg-trust__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.pg-trust__item {
	position: relative;
	padding-left: 3.25rem;
	min-height: 2.5rem;
}

.pg-trust__item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: var(--pg-radius-md);
	background: var(--pg-color-primary-soft);
}

.pg-trust__item::after {
	content: "";
	position: absolute;
	left: 0.625rem;
	top: 0.625rem;
	width: 1.25rem;
	height: 1.25rem;
	background-color: var(--pg-color-primary);
	-webkit-mask: var(--pg-ico, var(--pg-icon-check)) center / contain no-repeat;
	mask: var(--pg-ico, var(--pg-icon-check)) center / contain no-repeat;
}

.pg-trust__item.pg-ico-bolt::before { background: var(--pg-color-mint-soft); }
.pg-trust__item.pg-ico-bolt::after { background-color: var(--pg-color-success); }

.pg-trust__item h3,
.pg-trust__item p {
	margin: 0;
}

.pg-trust__item h3 {
	font-size: var(--pg-fs-base);
	font-weight: var(--pg-fw-black);
	letter-spacing: 0;
	line-height: 1.3;
}

.pg-trust__item p {
	font-size: var(--pg-fs-sm);
	color: var(--pg-color-text-subtle);
	line-height: 1.45;
}

/* Přiřazení ikon (třída na sloupci/položce) */
.pg-ico-bolt { --pg-ico: var(--pg-icon-bolt); }
.pg-ico-shield { --pg-ico: var(--pg-icon-shield); }
.pg-ico-lock { --pg-ico: var(--pg-icon-lock); }
.pg-ico-chat { --pg-ico: var(--pg-icon-chat); }
.pg-ico-topup { --pg-ico: var(--pg-icon-topup); }
.pg-ico-repeat { --pg-ico: var(--pg-icon-repeat); }
.pg-ico-card { --pg-ico: var(--pg-icon-card); }
.pg-ico-monitor { --pg-ico: var(--pg-icon-monitor); }
.pg-ico-key { --pg-ico: var(--pg-icon-key); }
.pg-ico-gamepad { --pg-ico: var(--pg-icon-gamepad); }
.pg-ico-tag { --pg-ico: var(--pg-icon-tag); }
.pg-ico-clock { --pg-ico: var(--pg-icon-clock); }
.pg-ico-mail { --pg-ico: var(--pg-icon-mail); }

/* --- Dlaždice kategorií --- */
.wp-block-columns.pg-tiles,
.pg-tiles {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--pg-space-3);
	margin: 0;
}

@media (min-width: 768px) {
	.wp-block-columns.pg-tiles,
	.pg-tiles {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--pg-space-4);
	}
}

@media (min-width: 1025px) {
	.wp-block-columns.pg-tiles,
	.pg-tiles {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
}

.pg-tile {
	--pg-tile-accent: var(--pg-color-primary);
	--pg-tile-soft: var(--pg-color-primary-soft);
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--pg-space-1);
	min-height: 9.5rem;
	padding: var(--pg-space-5) var(--pg-space-4) var(--pg-space-4);
	border: 1px solid var(--pg-color-border);
	border-radius: var(--pg-radius-lg);
	background: var(--pg-color-surface);
	box-shadow: var(--pg-shadow-sm);
	transition: transform var(--pg-dur) var(--pg-ease), box-shadow var(--pg-dur) var(--pg-ease), border-color var(--pg-dur) var(--pg-ease);
}

.pg-tile::before {
	content: "";
	width: 2.75rem;
	height: 2.75rem;
	margin-bottom: var(--pg-space-2);
	border-radius: var(--pg-radius-md);
	background:
		var(--pg-tile-soft);
}

.pg-tile::after {
	content: "";
	position: absolute;
	top: calc(var(--pg-space-5) + 0.6875rem);
	left: calc(var(--pg-space-4) + 0.6875rem);
	width: 1.375rem;
	height: 1.375rem;
	background-color: var(--pg-tile-accent);
	-webkit-mask: var(--pg-ico, var(--pg-icon-gamepad)) center / contain no-repeat;
	mask: var(--pg-ico, var(--pg-icon-gamepad)) center / contain no-repeat;
}

.pg-tile:hover,
.pg-tile:focus-within {
	transform: translateY(-2px);
	box-shadow: var(--pg-shadow-lg);
	border-color: var(--pg-color-primary-line);
}

.pg-tile h3 {
	margin: 0;
	font-size: var(--pg-fs-md);
	letter-spacing: -0.01em;
}

.pg-tile h3 a {
	color: var(--pg-color-text);
	text-decoration: none;
}

/* celá dlaždice je klikací (stretched link) */
.pg-tile h3 a::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
}

.pg-tile h3 a:focus-visible {
	outline: none;
}

.pg-tile h3 a:focus-visible::after {
	outline: 3px solid var(--pg-focus);
	outline-offset: 2px;
}

.pg-tile p {
	margin: 0;
	font-size: var(--pg-fs-sm);
	line-height: 1.45;
	color: var(--pg-color-text-subtle);
}

.pg-tile--mint { --pg-tile-accent: var(--pg-color-success); --pg-tile-soft: var(--pg-color-mint-soft); }
.pg-tile--amber { --pg-tile-accent: var(--pg-color-warning); --pg-tile-soft: var(--pg-color-warning-soft); }
.pg-tile--ink { --pg-tile-accent: #FFFFFF; --pg-tile-soft: var(--pg-color-ink-800); }

/* --- Jak to funguje (3 kroky) --- */
.wp-block-columns.pg-steps,
.pg-steps {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--pg-space-4);
	margin: 0;
	counter-reset: pg-step;
}

@media (min-width: 768px) {
	.wp-block-columns.pg-steps,
	.pg-steps {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--pg-space-5);
	}
}

.pg-step {
	position: relative;
	padding: var(--pg-space-5);
	border: 1px solid var(--pg-color-border);
	border-radius: var(--pg-radius-lg);
	background: var(--pg-color-surface);
	counter-increment: pg-step;
}

.pg-step::before {
	content: counter(pg-step);
	display: inline-grid;
	place-items: center;
	width: 2.5rem;
	height: 2.5rem;
	margin-bottom: var(--pg-space-3);
	border-radius: var(--pg-radius-pill);
	background: var(--pg-color-ink-900);
	color: var(--pg-color-mint);
	font-weight: var(--pg-fw-black);
	font-size: var(--pg-fs-md);
}

.pg-step h3 {
	margin: 0 0 var(--pg-space-2);
	font-size: var(--pg-fs-lg);
}

.pg-step p {
	margin: 0;
	color: var(--pg-color-text-muted);
}

/* --- FAQ akordeon (core/details) --- */
.pg-faq {
	max-width: 860px;
}

.pg-faq .wp-block-details,
.pg-faq details {
	margin: 0 0 var(--pg-space-3);
	border: 1px solid var(--pg-color-border);
	border-radius: var(--pg-radius-lg);
	background: var(--pg-color-surface);
	transition: box-shadow var(--pg-dur) var(--pg-ease);
}

.pg-faq details[open] {
	box-shadow: var(--pg-shadow-md);
	border-color: var(--pg-color-primary-line);
}

.pg-faq summary {
	position: relative;
	display: block;
	padding: var(--pg-space-4) 3.5rem var(--pg-space-4) var(--pg-space-5);
	font-weight: var(--pg-fw-bold);
	font-size: var(--pg-fs-md);
	line-height: 1.4;
	color: var(--pg-color-text);
	cursor: pointer;
	list-style: none;
	border-radius: var(--pg-radius-lg);
}

.pg-faq summary::-webkit-details-marker {
	display: none;
}

/* plus / mínus z gradientů */
.pg-faq summary::after {
	content: "";
	position: absolute;
	right: var(--pg-space-5);
	top: 50%;
	width: 14px;
	height: 14px;
	transform: translateY(-50%);
	background:
		linear-gradient(currentColor, currentColor) center / 14px 2px no-repeat,
		linear-gradient(currentColor, currentColor) center / 2px 14px no-repeat;
	color: var(--pg-color-primary);
	transition: transform var(--pg-dur) var(--pg-ease);
}

.pg-faq details[open] > summary::after {
	transform: translateY(-50%) rotate(45deg);
}

.pg-faq details > :not(summary) {
	margin: 0;
	padding: 0 var(--pg-space-5) var(--pg-space-4);
	color: var(--pg-color-text-muted);
}

/* --- CTA / newsletter --- */
.pg-cta {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	padding: clamp(1.75rem, 1.2rem + 2.5vw, 3rem);
	border-radius: var(--pg-radius-xl);
	background:
		radial-gradient(600px 300px at 100% 0%, rgba(52, 80, 240, 0.6), transparent 65%),
		radial-gradient(400px 260px at 0% 100%, rgba(0, 224, 164, 0.18), transparent 60%),
		var(--pg-color-ink-900);
	color: var(--pg-color-ink-300);
}

.pg-cta :is(h2, h3) {
	margin: 0 0 var(--pg-space-2);
	color: #FFFFFF;
}

.pg-cta p {
	margin: 0 0 var(--pg-space-4);
	max-width: 56ch;
}

.pg-cta .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: var(--pg-space-3);
	margin: 0;
}

.pg-cta .pg-cta__note {
	margin: var(--pg-space-3) 0 0;
	font-size: var(--pg-fs-xs);
	color: var(--pg-color-ink-400);
}

/* --- Produkty v sekci (shortcode [products class="pg-products"]) --- */
.pg-products {
	margin: 0;
}

/* ==========================================================================
   6. ODZNAKY
   ========================================================================== */
ul.pg-badges,
.pg-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 0.375rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pg-badge {
	--pg-dot: var(--pg-color-text-subtle);
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	margin: 0;
	padding: 0.1875rem 0.5rem;
	border: 1px solid var(--pg-color-border);
	border-radius: var(--pg-radius-sm);
	background: var(--pg-color-surface-2);
	color: var(--pg-color-text);
	font-size: var(--pg-fs-xs);
	font-weight: var(--pg-fw-bold);
	line-height: 1.3;
	white-space: nowrap;
}

/* platforma: barevná tečka (jen orientační – vždy s textovým popiskem) */
.pg-badge--platform::before {
	content: "";
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: var(--pg-dot);
	flex: none;
}

.pg-badge--pc { --pg-dot: var(--pg-color-primary); }
.pg-badge--playstation { --pg-dot: #1F5BD8; }
.pg-badge--xbox { --pg-dot: #1E8A3C; }
.pg-badge--nintendo { --pg-dot: #D7263D; }
.pg-badge--mobile { --pg-dot: #7A5AF8; }

/* region: ikona glóbu + barevný stav */
.pg-badge--region::before {
	content: "";
	width: 0.875rem;
	height: 0.875rem;
	flex: none;
	background-color: currentColor;
	-webkit-mask: var(--pg-icon-globe) center / contain no-repeat;
	mask: var(--pg-icon-globe) center / contain no-repeat;
}

.pg-badge--region-global,
.pg-badge--region-local {
	background: var(--pg-color-mint-soft);
	border-color: #B5EEDA;
	color: var(--pg-color-success);
}

.pg-badge--region-eu {
	background: var(--pg-color-primary-soft);
	border-color: var(--pg-color-primary-line);
	color: var(--pg-color-primary-700);
}

.pg-badge--region-restricted {
	background: var(--pg-color-warning-soft);
	border-color: #F5D7A6;
	color: var(--pg-color-warning);
}

.pg-badges--single {
	gap: var(--pg-space-2);
	margin: 0 0 var(--pg-space-3);
}

.pg-badges--single .pg-badge {
	padding: 0.3125rem 0.625rem;
	font-size: var(--pg-fs-sm);
}

/* Okamžité doručení */
.pg-instant {
	display: inline-flex;
	align-items: center;
	gap: 0.3125rem;
	margin: 0;
	color: var(--pg-color-success);
	font-size: 0.8125rem;
	font-weight: var(--pg-fw-bold);
	line-height: 1.3;
}

.pg-instant::before {
	content: "";
	width: 0.9375rem;
	height: 0.9375rem;
	flex: none;
	background-color: currentColor;
	-webkit-mask: var(--pg-icon-bolt) center / contain no-repeat;
	mask: var(--pg-icon-bolt) center / contain no-repeat;
}

/* Sleva (WooCommerce .onsale – text upravuje functions.php na „−25 %“) */
body.woocommerce span.onsale,
body .woocommerce span.onsale,
body .woocommerce ul.products li.product .onsale,
body.woocommerce ul.products li.product .onsale {
	top: 0.625rem;
	left: 0.625rem;
	right: auto;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0.25rem 0.5rem;
	border-radius: var(--pg-radius-sm);
	background: var(--pg-color-sale);
	color: #FFFFFF;
	font-size: 0.8125rem;
	font-weight: var(--pg-fw-black);
	line-height: 1.2;
	letter-spacing: 0;
	box-shadow: var(--pg-shadow-sm);
}

/* ==========================================================================
   7. PRODUKTOVÉ KARTY (WooCommerce výpis v Kadence)
   Obrázky produktů: poměr 3:4 (doporučeno 600×800 WebP/AVIF).
   ========================================================================== */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 1px solid var(--pg-color-border);
	border-radius: var(--pg-radius-lg);
	background: var(--pg-color-surface);
	box-shadow: var(--pg-shadow-sm);
	text-align: left;
	transition: transform var(--pg-dur) var(--pg-ease), box-shadow var(--pg-dur) var(--pg-ease), border-color var(--pg-dur) var(--pg-ease);
}

.woocommerce ul.products li.product:hover,
.woocommerce ul.products li.product:focus-within {
	transform: translateY(-3px);
	box-shadow: var(--pg-shadow-lg);
	border-color: var(--pg-color-primary-line);
}

.woocommerce ul.products li.product a.woocommerce-loop-image-link,
.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link {
	display: block;
	background: var(--pg-color-surface-2);
	text-decoration: none;
}

.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product .woocommerce-loop-image-link img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1; /* karty, dobití i předplatné mají čtvercové obrázky (WooCommerce ořez 1:1) */
	object-fit: cover;
	margin: 0;
	border-radius: 0;
}

.woocommerce ul.products li.product .product-details {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 0.4375rem;
	padding: var(--pg-space-3) 0.875rem 0.875rem;
	background: transparent;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
	min-height: 2.6em;
	margin: 0;
	padding: 0;
	font-size: 0.96875rem;
	font-weight: var(--pg-fw-bold);
	line-height: 1.3;
	letter-spacing: -0.005em;
	color: var(--pg-color-text);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title a {
	color: inherit;
	text-decoration: none;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title a:hover {
	color: var(--pg-color-primary);
}

.woocommerce ul.products li.product .star-rating {
	margin: 0;
	font-size: 0.8125rem;
}

.woocommerce ul.products li.product .price {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 0.5rem;
	margin: 0;
	color: var(--pg-color-text);
	font-size: var(--pg-fs-lg);
	font-weight: var(--pg-fw-black);
	letter-spacing: -0.01em;
}

.woocommerce ul.products li.product .price del {
	order: 2;
	color: var(--pg-color-text-subtle);
	font-size: var(--pg-fs-sm);
	font-weight: var(--pg-fw-semibold);
	opacity: 1;
}

.woocommerce ul.products li.product .price ins {
	text-decoration: none;
	color: var(--pg-color-text);
}

.woocommerce ul.products li.product .product-action-wrap,
.woocommerce ul.products li.product > .button {
	margin-top: auto;
}

.woocommerce ul.products li.product .button {
	width: 100%;
	min-height: 40px;
	margin-top: var(--pg-space-1);
	padding: 0.5rem 0.75rem;
	background: var(--pg-color-primary-soft);
	color: var(--pg-color-primary-700);
	font-size: var(--pg-fs-sm);
	box-shadow: none;
}

.woocommerce ul.products li.product .button:hover {
	background: var(--pg-color-primary);
	color: #FFFFFF;
}

.woocommerce ul.products li.product .added_to_cart {
	font-size: var(--pg-fs-sm);
	font-weight: var(--pg-fw-bold);
	color: var(--pg-color-primary);
}

.woocommerce ul.products li.product.outofstock .woocommerce-loop-image-link img {
	filter: grayscale(0.6);
	opacity: 0.8;
}

/* ==========================================================================
   8. DETAIL PRODUKTU
   ========================================================================== */
.single-product div.product .woocommerce-product-gallery {
	border-radius: var(--pg-radius-xl);
	overflow: hidden;
	background: var(--pg-color-surface-2);
}

.single-product div.product .woocommerce-product-gallery img {
	border-radius: 0;
}

/* Buy box */
.single-product div.product .summary.entry-summary {
	padding: clamp(1.25rem, 1rem + 1vw, 2rem);
	border: 1px solid var(--pg-color-border);
	border-radius: var(--pg-radius-xl);
	background: var(--pg-color-surface);
	box-shadow: var(--pg-shadow-md);
}

.single-product div.product .product_title {
	margin: 0 0 var(--pg-space-3);
	font-size: var(--pg-fs-2xl);
	line-height: 1.2;
}

.single-product div.product .woocommerce-product-rating {
	display: flex;
	align-items: center;
	gap: var(--pg-space-2);
	margin: 0 0 var(--pg-space-3);
	font-size: var(--pg-fs-sm);
}

.single-product div.product .summary .price {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 var(--pg-space-3);
	margin: var(--pg-space-2) 0 var(--pg-space-3);
	color: var(--pg-color-text);
	font-size: clamp(1.75rem, 1.5rem + 1vw, 2.25rem);
	font-weight: var(--pg-fw-black);
	letter-spacing: var(--pg-tracking-tight);
	line-height: 1.1;
}

.single-product div.product .summary .price del {
	order: 2;
	color: var(--pg-color-text-subtle);
	font-size: 0.5em;
	font-weight: var(--pg-fw-semibold);
	letter-spacing: 0;
	opacity: 1;
}

.single-product div.product .summary .price ins {
	text-decoration: none;
}

.single-product div.product .woocommerce-product-details__short-description {
	color: var(--pg-color-text-muted);
	font-size: 0.9375rem;
}

.single-product div.product .stock {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	margin: 0 0 var(--pg-space-3);
	font-weight: var(--pg-fw-bold);
	font-size: var(--pg-fs-sm);
}

.single-product div.product .stock.in-stock { color: var(--pg-color-success); }
.single-product div.product .stock.out-of-stock { color: var(--pg-color-danger); }

.single-product div.product .stock.in-stock::before {
	content: "";
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: var(--pg-color-mint);
	box-shadow: 0 0 0 3px var(--pg-color-mint-soft);
}

.single-product div.product form.cart {
	margin: var(--pg-space-4) 0 0;
}

.single-product div.product form.cart:not(.variations_form):not(.grouped_form),
.single-product div.product .woocommerce-variation-add-to-cart {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: var(--pg-space-3);
}

.single-product div.product form.cart .quantity {
	margin: 0;
}

.single-product div.product form.cart .quantity .qty {
	width: 4.75rem;
	height: var(--pg-control-h-lg);
	text-align: center;
	font-weight: var(--pg-fw-bold);
}

.single-product div.product .single_add_to_cart_button {
	flex: 1 1 12rem;
	min-height: var(--pg-control-h-lg);
	border-radius: 12px;
	font-size: 1.0625rem;
	font-weight: var(--pg-fw-black);
}

.single-product div.product table.variations {
	margin-bottom: var(--pg-space-3);
	border: 0;
}

.single-product div.product table.variations th,
.single-product div.product table.variations td {
	display: block;
	padding: 0;
	border: 0;
	text-align: left;
}

.single-product div.product table.variations th label {
	font-weight: var(--pg-fw-bold);
	font-size: var(--pg-fs-sm);
}

.single-product div.product table.variations select {
	width: 100%;
	margin-bottom: var(--pg-space-3);
}

.single-product div.product .product_meta {
	margin-top: var(--pg-space-4);
	font-size: var(--pg-fs-sm);
	color: var(--pg-color-text-subtle);
}

/* Trust box pod tlačítkem Do košíku (functions.php → playgames_single_trust_box) */
.pg-trust-box {
	display: grid;
	gap: var(--pg-space-4);
	margin-top: var(--pg-space-5);
	padding-top: var(--pg-space-5);
	border-top: 1px solid var(--pg-color-border);
}

ul.pg-trust-box__list,
.pg-trust-box__list {
	display: grid;
	gap: var(--pg-space-3);
	margin: 0;
	padding: 0;
	list-style: none;
}

.pg-trust-box__item {
	position: relative;
	min-height: 2.25rem;
	margin: 0;
	padding-left: 3rem;
	font-size: var(--pg-fs-sm);
	line-height: 1.45;
	color: var(--pg-color-text-subtle);
}

.pg-trust-box__item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: var(--pg-radius-md);
	background: var(--pg-color-primary-soft);
}

.pg-trust-box__item::after {
	content: "";
	position: absolute;
	left: 0.5625rem;
	top: 0.5625rem;
	width: 1.125rem;
	height: 1.125rem;
	background-color: var(--pg-color-primary);
	-webkit-mask: var(--pg-ico, var(--pg-icon-check)) center / contain no-repeat;
	mask: var(--pg-ico, var(--pg-icon-check)) center / contain no-repeat;
}

.pg-trust-box__item--instant { --pg-ico: var(--pg-icon-bolt); }
.pg-trust-box__item--instant::before { background: var(--pg-color-mint-soft); }
.pg-trust-box__item--instant::after { background-color: var(--pg-color-success); }
.pg-trust-box__item--official { --pg-ico: var(--pg-icon-shield); }
.pg-trust-box__item--secure { --pg-ico: var(--pg-icon-lock); }

.pg-trust-box__item strong {
	display: block;
	color: var(--pg-color-text);
	font-size: 0.9375rem;
	font-weight: var(--pg-fw-bold);
}

.pg-trust-box__guide {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--pg-space-3);
	padding: var(--pg-space-3) var(--pg-space-4);
	border-radius: var(--pg-radius-md);
	background: var(--pg-color-surface-2);
	color: var(--pg-color-text);
	font-weight: var(--pg-fw-bold);
	font-size: 0.9375rem;
	text-decoration: none;
	transition: background-color var(--pg-dur) var(--pg-ease);
}

.pg-trust-box__guide::after {
	content: "";
	width: 1.125rem;
	height: 1.125rem;
	flex: none;
	background-color: var(--pg-color-primary);
	-webkit-mask: var(--pg-icon-arrow) center / contain no-repeat;
	mask: var(--pg-icon-arrow) center / contain no-repeat;
}

.pg-trust-box__guide:hover {
	background: var(--pg-color-primary-soft);
	color: var(--pg-color-primary-700);
}

/* Upozornění na region */
.pg-region-note {
	position: relative;
	margin: 0;
	padding: var(--pg-space-3) var(--pg-space-4) var(--pg-space-3) 2.75rem;
	border: 1px solid var(--pg-color-border);
	border-radius: var(--pg-radius-md);
	font-size: var(--pg-fs-sm);
	line-height: 1.5;
}

.pg-region-note::before {
	content: "";
	position: absolute;
	left: var(--pg-space-4);
	top: 0.875rem;
	width: 1.125rem;
	height: 1.125rem;
	background-color: currentColor;
	-webkit-mask: var(--pg-icon-globe) center / contain no-repeat;
	mask: var(--pg-icon-globe) center / contain no-repeat;
}

.pg-region-note--ok {
	background: var(--pg-color-mint-soft);
	border-color: #B5EEDA;
	color: var(--pg-color-success);
}

.pg-region-note--info {
	background: var(--pg-color-primary-soft);
	border-color: var(--pg-color-primary-line);
	color: var(--pg-color-primary-700);
}

.pg-region-note--warn {
	background: var(--pg-color-warning-soft);
	border-color: #F5D7A6;
	color: var(--pg-color-warning);
}

.pg-region-note--warn::before {
	-webkit-mask-image: var(--pg-icon-alert);
	mask-image: var(--pg-icon-alert);
}

.pg-region-note strong {
	font-weight: var(--pg-fw-black);
}

/* Záložky produktu */
.woocommerce div.product .woocommerce-tabs ul.tabs {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: var(--pg-space-2);
	margin: 0 0 var(--pg-space-4);
	padding: 0;
	border: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
	display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: var(--pg-radius-pill);
	background: transparent;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	padding: 0.5rem 1rem;
	border-radius: var(--pg-radius-pill);
	background: var(--pg-color-surface);
	box-shadow: inset 0 0 0 1px var(--pg-color-border);
	color: var(--pg-color-text);
	font-weight: var(--pg-fw-bold);
	font-size: 0.9375rem;
	text-decoration: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	background: var(--pg-color-ink-900);
	box-shadow: none;
	color: #FFFFFF;
}

.woocommerce div.product .woocommerce-tabs .panel {
	margin: 0 0 var(--pg-space-6);
	padding: clamp(1.25rem, 1rem + 1vw, 2rem);
	border: 1px solid var(--pg-color-border);
	border-radius: var(--pg-radius-xl);
	background: var(--pg-color-surface);
}

.woocommerce div.product .woocommerce-tabs .panel > h2:first-child {
	font-size: var(--pg-fs-xl);
}

/* Aktivace – kroky (záložka „Jak aktivovat“) */
.pg-activation h2 {
	margin: 0 0 var(--pg-space-4);
	font-size: var(--pg-fs-xl);
}

ol.pg-activation__steps,
.pg-activation__steps {
	display: grid;
	gap: var(--pg-space-3);
	margin: 0 0 var(--pg-space-4);
	padding: 0;
	list-style: none;
	counter-reset: pg-act;
}

.pg-activation__steps li {
	position: relative;
	margin: 0;
	padding: 0.375rem 0 0.375rem 3rem;
	counter-increment: pg-act;
	color: var(--pg-color-text);
}

.pg-activation__steps li::before {
	content: counter(pg-act);
	position: absolute;
	left: 0;
	top: 0;
	display: grid;
	place-items: center;
	width: 2.125rem;
	height: 2.125rem;
	border-radius: var(--pg-radius-pill);
	background: var(--pg-color-primary-soft);
	color: var(--pg-color-primary-700);
	font-weight: var(--pg-fw-black);
}

.pg-activation__note {
	font-size: var(--pg-fs-sm);
	color: var(--pg-color-text-subtle);
}

/* Tabulka nabídek prodejců (marketplace – fáze 2, připraveno) */
.pg-offers {
	width: 100%;
	margin: 0 0 var(--pg-space-5);
	border-collapse: separate;
	border-spacing: 0 var(--pg-space-2);
	font-size: 0.9375rem;
}

.pg-offers caption {
	text-align: left;
	font-weight: var(--pg-fw-black);
	font-size: var(--pg-fs-lg);
	color: var(--pg-color-text);
	padding-bottom: var(--pg-space-2);
}

.pg-offers th {
	padding: 0 var(--pg-space-4);
	font-size: var(--pg-fs-xs);
	font-weight: var(--pg-fw-bold);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--pg-color-text-subtle);
	text-align: left;
	border: 0;
}

.pg-offers td {
	padding: var(--pg-space-3) var(--pg-space-4);
	background: var(--pg-color-surface);
	border-top: 1px solid var(--pg-color-border);
	border-bottom: 1px solid var(--pg-color-border);
	vertical-align: middle;
}

.pg-offers td:first-child {
	border-left: 1px solid var(--pg-color-border);
	border-radius: var(--pg-radius-md) 0 0 var(--pg-radius-md);
	font-weight: var(--pg-fw-bold);
}

.pg-offers td:last-child {
	border-right: 1px solid var(--pg-color-border);
	border-radius: 0 var(--pg-radius-md) var(--pg-radius-md) 0;
	text-align: right;
}

.pg-offers tr.is-featured td {
	border-color: var(--pg-color-primary-line);
	background: #F7F9FF;
}

.pg-offers .pg-offers__price {
	font-weight: var(--pg-fw-black);
	font-size: var(--pg-fs-md);
	white-space: nowrap;
}

.pg-offers .pg-offers__seller-meta {
	display: block;
	font-size: var(--pg-fs-xs);
	font-weight: var(--pg-fw-medium);
	color: var(--pg-color-text-subtle);
}

@media (max-width: 639px) {
	.pg-offers caption { display: block; width: 100%; }
	.pg-offers tr.is-featured { border-color: var(--pg-color-primary-line); background: #F7F9FF; }
	.pg-offers tr.is-featured td { background: transparent; }
	.pg-offers .button { width: 100%; margin-top: var(--pg-space-2); }
	.pg-offers thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	.pg-offers,
	.pg-offers tbody,
	.pg-offers tr,
	.pg-offers td { display: block; width: 100%; }
	.pg-offers tr {
		margin-bottom: var(--pg-space-3);
		padding: var(--pg-space-3);
		border: 1px solid var(--pg-color-border);
		border-radius: var(--pg-radius-md);
		background: var(--pg-color-surface);
	}
	.pg-offers td,
	.pg-offers td:first-child,
	.pg-offers td:last-child {
		padding: 0.25rem 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		text-align: left;
	}
}

/* Hodnocení (WooCommerce + Customer Reviews for WooCommerce) */
.woocommerce .star-rating,
.woocommerce p.stars a,
.woocommerce .star-rating span::before {
	color: var(--pg-color-star);
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
	border-color: var(--pg-color-border);
	border-radius: var(--pg-radius-lg);
	background: var(--pg-color-surface);
}

/* Související / upsell produkty */
.single-product .related.products > h2,
.single-product .upsells.products > h2 {
	font-size: var(--pg-fs-xl);
	margin-bottom: var(--pg-space-4);
}

/* ==========================================================================
   9. VÝPIS KATEGORIE
   ========================================================================== */
.product-archive-hero-section .entry-hero-container-inner {
	background:
		radial-gradient(900px 360px at 90% -20%, rgba(52, 80, 240, 0.5), transparent 60%),
		var(--pg-color-ink-900);
}

.product-archive-hero-section .entry-hero-container-inner :is(h1, .page-title, .archive-title) {
	color: #FFFFFF;
}

.product-archive-hero-section .entry-hero-container-inner .archive-description,
.product-archive-hero-section .entry-hero-container-inner .term-description {
	color: var(--pg-color-ink-300);
	max-width: 70ch;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.0625rem;
}

/* Vzdušnější hero kategorie – H1 nesmí lepit na navigaci */
.product-archive-hero-section .entry-hero-container-inner .entry-header {
	padding-top: clamp(2rem, 5vw, 3.5rem);
	padding-bottom: clamp(1.75rem, 4vw, 3rem);
	min-height: 0;
}

.product-archive-hero-section .entry-hero-container-inner :is(h1, .page-title, .archive-title) {
	font-size: clamp(2rem, 4vw, 3rem);
	line-height: 1.15;
	margin-bottom: var(--pg-space-3, 0.75rem);
}

/* Zbytek úvodu kategorie (přesunutý pod produkty) */
.pg-cat-more {
	max-width: 760px;
	margin: var(--pg-space-8, 2.5rem) auto 0;
	color: var(--pg-color-text);
	font-size: 1.0625rem;
	line-height: 1.7;
}

.pg-cat-more p {
	margin: 0 0 1em;
}

/* Formulář pro odstoupení od smlouvy */
.pg-withdrawal-form {
	max-width: 560px;
	padding: var(--pg-space-6, 1.5rem);
	border: 1px solid var(--pg-color-border, #E3E7F0);
	border-radius: var(--pg-radius-lg, 16px);
	background: var(--pg-color-surface, #FFFFFF);
}

.pg-withdrawal-form label {
	display: block;
	font-weight: 600;
	margin-bottom: 0.35rem;
}

.pg-withdrawal-form .input-text {
	width: 100%;
}

.woocommerce .woocommerce-result-count {
	color: var(--pg-color-text-subtle);
	font-size: var(--pg-fs-sm);
}

.woocommerce .woocommerce-ordering select {
	min-height: 40px;
	font-size: 0.9375rem;
}

.woocommerce nav.woocommerce-pagination ul {
	display: inline-flex;
	gap: var(--pg-space-2);
	border: 0;
}

.woocommerce nav.woocommerce-pagination ul li {
	border: 0;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	display: inline-grid;
	place-items: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0 0.75rem;
	border-radius: var(--pg-radius-md);
	background: var(--pg-color-surface);
	box-shadow: inset 0 0 0 1px var(--pg-color-border);
	color: var(--pg-color-text);
	font-weight: var(--pg-fw-bold);
}

.woocommerce nav.woocommerce-pagination ul li span.current {
	background: var(--pg-color-ink-900);
	box-shadow: none;
	color: #FFFFFF;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
	background: var(--pg-color-primary-soft);
	color: var(--pg-color-primary-700);
}

/* SEO text kategorie pod výpisem (třída pg-seo-text na skupině) */
.pg-seo-text {
	max-width: 78ch;
	color: var(--pg-color-text-muted);
}

/* Drobečková navigace (Rank Math / Kadence) */
.rank-math-breadcrumb,
.kadence-breadcrumbs {
	font-size: var(--pg-fs-sm);
	color: var(--pg-color-text-subtle);
}

.rank-math-breadcrumb a,
.kadence-breadcrumbs a {
	color: var(--pg-color-text-muted);
	text-decoration: none;
}

.rank-math-breadcrumb a:hover,
.kadence-breadcrumbs a:hover {
	color: var(--pg-color-primary);
	text-decoration: underline;
}

/* ==========================================================================
   10. KOŠÍK, POKLADNA, SOUHLAS, DĚKOVNÁ STRÁNKA, MŮJ ÚČET
   ========================================================================== */
.woocommerce-cart .woocommerce-cart-form,
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-account .woocommerce-MyAccount-content {
	padding: clamp(1rem, 0.8rem + 1vw, 1.75rem);
	border: 1px solid var(--pg-color-border);
	border-radius: var(--pg-radius-xl);
	background: var(--pg-color-surface);
	box-shadow: var(--pg-shadow-sm);
}

.woocommerce-checkout .woocommerce-additional-fields {
	margin-top: var(--pg-space-4);
}

.woocommerce table.shop_table {
	border: 0;
	border-collapse: collapse;
	border-radius: 0;
	margin: 0;
}

.woocommerce table.shop_table th {
	font-size: var(--pg-fs-sm);
	font-weight: var(--pg-fw-bold);
	color: var(--pg-color-text-subtle);
}

.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
	border-color: var(--pg-color-border);
	padding: var(--pg-space-3) var(--pg-space-2);
}

.woocommerce table.shop_table .product-name a {
	color: var(--pg-color-text);
	font-weight: var(--pg-fw-bold);
	text-decoration: none;
}

.woocommerce table.shop_table img {
	width: 56px;
	border-radius: var(--pg-radius-sm);
}

.woocommerce a.remove {
	color: var(--pg-color-text-subtle) !important; /* WooCommerce nastavuje !important */
	border-radius: var(--pg-radius-pill);
}

.woocommerce a.remove:hover {
	background: var(--pg-color-danger) !important;
	color: #FFFFFF !important;
}

.woocommerce .cart_totals h2,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout .woocommerce-billing-fields > h3 {
	font-size: var(--pg-fs-xl);
	margin: 0 0 var(--pg-space-4);
}

.woocommerce .cart_totals .order-total .amount,
.woocommerce-checkout #order_review .order-total .amount {
	font-size: var(--pg-fs-xl);
	font-weight: var(--pg-fw-black);
	color: var(--pg-color-text);
}

.woocommerce .wc-proceed-to-checkout {
	padding-bottom: 0;
}

.woocommerce .wc-proceed-to-checkout a.checkout-button {
	width: 100%;
	min-height: 56px;
	margin-bottom: var(--pg-space-3);
	border-radius: 12px;
	font-size: var(--pg-fs-md);
	font-weight: var(--pg-fw-black);
}

/* Mini trust v košíku */
ul.pg-mini-trust,
.pg-mini-trust {
	display: grid;
	gap: var(--pg-space-2);
	margin: var(--pg-space-2) 0 0;
	padding: 0;
	list-style: none;
	font-size: var(--pg-fs-sm);
	color: var(--pg-color-text-muted);
}

.pg-mini-trust li {
	display: flex;
	align-items: center;
	gap: var(--pg-space-2);
	margin: 0;
}

.pg-mini-trust li::before {
	content: "";
	width: 1rem;
	height: 1rem;
	flex: none;
	background-color: var(--pg-color-success);
	-webkit-mask: var(--pg-ico, var(--pg-icon-check)) center / contain no-repeat;
	mask: var(--pg-ico, var(--pg-icon-check)) center / contain no-repeat;
}

/* Pokladna */
.woocommerce form .form-row {
	margin-bottom: var(--pg-space-4);
}

.woocommerce form .form-row label:not(.checkbox) {
	display: block;
	margin-bottom: var(--pg-space-1);
}

.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
	width: 100%;
}

.woocommerce form .form-row label {
	font-weight: var(--pg-fw-semibold);
	font-size: 0.9375rem;
	color: var(--pg-color-text);
}

.woocommerce form .form-row .required {
	color: var(--pg-color-danger);
	text-decoration: none;
	border: 0;
}

.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
	border-color: var(--pg-color-danger);
}

.woocommerce form .form-row.woocommerce-validated input.input-text {
	border-color: var(--pg-color-success);
}

.pg-checkout-hint {
	display: flex;
	gap: var(--pg-space-2);
	align-items: flex-start;
	margin: 0 0 var(--pg-space-4);
	padding: var(--pg-space-3) var(--pg-space-4);
	border-radius: var(--pg-radius-md);
	background: var(--pg-color-mint-soft);
	color: var(--pg-color-success);
	font-size: var(--pg-fs-sm);
	font-weight: var(--pg-fw-semibold);
	line-height: 1.5;
}

.pg-checkout-hint::before {
	content: "";
	width: 1.125rem;
	height: 1.125rem;
	margin-top: 0.125rem;
	flex: none;
	background-color: currentColor;
	-webkit-mask: var(--pg-icon-mail) center / contain no-repeat;
	mask: var(--pg-icon-mail) center / contain no-repeat;
}

.woocommerce-checkout #payment {
	border-radius: var(--pg-radius-lg);
	background: var(--pg-color-surface-2);
}

.woocommerce-checkout #payment ul.payment_methods {
	padding: var(--pg-space-4);
	border-bottom: 1px solid var(--pg-color-border);
}

.woocommerce-checkout #payment ul.payment_methods li {
	padding: var(--pg-space-2) 0;
}

.woocommerce-checkout #payment ul.payment_methods li label {
	font-weight: var(--pg-fw-bold);
}

.woocommerce-checkout #payment div.payment_box {
	border-radius: var(--pg-radius-md);
	background: var(--pg-color-surface);
	color: var(--pg-color-text-muted);
	font-size: var(--pg-fs-sm);
}

.woocommerce-checkout #payment div.payment_box::before {
	border-bottom-color: var(--pg-color-surface);
}

.woocommerce-checkout #payment div.form-row.place-order {
	padding: var(--pg-space-4);
}

.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
	font-size: var(--pg-fs-sm);
	color: var(--pg-color-text-muted);
}

.woocommerce-checkout #place_order {
	width: 100%;
	min-height: 56px;
	float: none;
	border-radius: 12px;
	font-size: var(--pg-fs-md);
	font-weight: var(--pg-fw-black);
}

/* Povinný souhlas s okamžitým doručením (plugin PlayGames Core) */
.woocommerce form .form-row.pg-delivery-consent,
.pg-delivery-consent {
	margin: 0 0 var(--pg-space-4);
	padding: 0.875rem var(--pg-space-4);
	border: 1px solid var(--pg-color-primary-line);
	border-radius: var(--pg-radius-md);
	background: var(--pg-color-primary-soft);
	transition: border-color var(--pg-dur) var(--pg-ease), background-color var(--pg-dur) var(--pg-ease);
}

.woocommerce form .form-row.pg-delivery-consent label.checkbox,
.pg-delivery-consent label {
	position: relative;
	display: block;
	margin: 0;
	padding-left: 2rem;
	color: var(--pg-color-text);
	font-size: 0.9375rem;
	font-weight: var(--pg-fw-medium);
	line-height: 1.5;
	cursor: pointer;
}

.woocommerce form .form-row.pg-delivery-consent input[type="checkbox"],
.pg-delivery-consent input[type="checkbox"] {
	position: absolute;
	left: 0;
	top: 0.125rem;
	width: 1.25rem;
	height: 1.25rem;
	margin: 0;
	accent-color: var(--pg-color-primary);
	cursor: pointer;
}

.pg-delivery-consent abbr.required {
	text-decoration: none;
	border: 0;
	color: var(--pg-color-danger);
	font-weight: var(--pg-fw-bold);
}

.woocommerce form .form-row.pg-delivery-consent:focus-within {
	border-color: var(--pg-color-primary);
	box-shadow: var(--pg-shadow-ring);
}

.woocommerce form .form-row.pg-delivery-consent.woocommerce-invalid {
	border-color: var(--pg-color-danger);
	background: var(--pg-color-danger-soft);
}

.woocommerce form .form-row.pg-delivery-consent.woocommerce-invalid label {
	color: var(--pg-color-danger);
}

.woocommerce form .form-row.pg-delivery-consent.woocommerce-validated {
	border-color: #B5EEDA;
	background: var(--pg-color-mint-soft);
}

/* Poznámka pod tlačítkem Objednat */
.pg-checkout-note {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--pg-space-2);
	margin: var(--pg-space-3) 0 0;
	font-size: var(--pg-fs-xs);
	color: var(--pg-color-text-subtle);
	text-align: center;
}

.pg-checkout-note::before {
	content: "";
	width: 0.875rem;
	height: 0.875rem;
	flex: none;
	background-color: currentColor;
	-webkit-mask: var(--pg-icon-lock) center / contain no-repeat;
	mask: var(--pg-icon-lock) center / contain no-repeat;
}

/* Děkovná stránka + klíče (plugin PlayGames Core vypisuje .pg-keys) */
.woocommerce-order .woocommerce-thankyou-order-received {
	padding: var(--pg-space-4) var(--pg-space-5);
	border-radius: var(--pg-radius-lg);
	background: var(--pg-color-mint-soft);
	color: var(--pg-color-success);
	font-weight: var(--pg-fw-bold);
}

.woocommerce ul.order_details,
.woocommerce-order ul.woocommerce-order-overview {
	display: flex;
	flex-wrap: wrap;
	gap: var(--pg-space-3);
	padding: 0;
	margin: var(--pg-space-4) 0;
}

.woocommerce ul.order_details li,
.woocommerce-order ul.woocommerce-order-overview li {
	flex: 1 1 10rem;
	margin: 0;
	padding: var(--pg-space-3) var(--pg-space-4);
	border: 1px solid var(--pg-color-border);
	border-radius: var(--pg-radius-md);
	background: var(--pg-color-surface);
	font-size: var(--pg-fs-xs);
	color: var(--pg-color-text-subtle);
	text-transform: none;
}

.woocommerce ul.order_details li strong,
.woocommerce-order ul.woocommerce-order-overview li strong {
	display: block;
	margin-top: 0.125rem;
	font-size: var(--pg-fs-base);
	color: var(--pg-color-text);
}

table.pg-keys td strong {
	font-family: var(--pg-font-mono);
	letter-spacing: 0.04em;
	-webkit-user-select: all;
	user-select: all; /* klíč se označí jedním klikem */
	word-break: break-all;
}

.pg-keys-pending {
	padding: var(--pg-space-3) var(--pg-space-4);
	border-radius: var(--pg-radius-md);
	background: var(--pg-color-primary-soft);
	color: var(--pg-color-primary-700);
	font-weight: var(--pg-fw-semibold);
}

/* Můj účet */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: var(--pg-space-2);
	list-style: none;
	border: 1px solid var(--pg-color-border);
	border-radius: var(--pg-radius-xl);
	background: var(--pg-color-surface);
}

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

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	display: block;
	padding: 0.625rem var(--pg-space-4);
	border-radius: var(--pg-radius-md);
	color: var(--pg-color-text);
	font-weight: var(--pg-fw-semibold);
	text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
	background: var(--pg-color-surface-2);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
	background: var(--pg-color-ink-900);
	color: #FFFFFF;
}

/* ==========================================================================
   11. HLÁŠKY (notices)
   ========================================================================== */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.wc-block-components-notice-banner {
	margin: 0 0 var(--pg-space-5);
	border: 1px solid var(--pg-color-border);
	border-left-width: 4px;
	border-top-width: 1px;
	border-radius: var(--pg-radius-md);
	background: var(--pg-color-surface);
	color: var(--pg-color-text);
	font-size: 0.9375rem;
	line-height: 1.5;
	box-shadow: var(--pg-shadow-sm);
}

.woocommerce-message,
.wc-block-components-notice-banner.is-success {
	border-color: #B5EEDA;
	border-left-color: var(--pg-color-success);
	background: var(--pg-color-mint-soft);
}

.woocommerce-message::before { color: var(--pg-color-success); }

.woocommerce-info,
.wc-block-components-notice-banner.is-info {
	border-color: var(--pg-color-primary-line);
	border-left-color: var(--pg-color-primary);
	background: var(--pg-color-primary-soft);
}

.woocommerce-info::before { color: var(--pg-color-primary); }

.woocommerce-error,
.wc-block-components-notice-banner.is-error {
	border-color: #F6C9C4;
	border-left-color: var(--pg-color-danger);
	background: var(--pg-color-danger-soft);
}

.woocommerce-error::before { color: var(--pg-color-danger); }

.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button {
	min-height: 36px;
	padding: 0.375rem 0.875rem;
	font-size: var(--pg-fs-sm);
}

.woocommerce-error li {
	margin: 0;
}

/* ==========================================================================
   12. PATIČKA
   ========================================================================== */
.site-footer .site-footer-row-container-inner {
	background: var(--pg-color-ink-900);
	color: var(--pg-color-ink-300);
}

.site-footer .site-top-footer-wrap .site-footer-row-container-inner {
	background: var(--pg-color-ink-800);
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.site-footer .site-bottom-footer-wrap .site-footer-row-container-inner {
	background: var(--pg-color-ink-950);
	color: var(--pg-color-ink-400);
	font-size: var(--pg-fs-sm);
}

.site-footer :is(h2, h3, h4, .widget-title) {
	color: #FFFFFF;
	font-size: var(--pg-fs-base);
	font-weight: var(--pg-fw-black);
	letter-spacing: 0;
}

.site-footer a {
	color: var(--pg-color-ink-200);
	text-decoration: none;
}

.site-footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	text-underline-offset: 0.18em;
}

.site-footer ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.site-footer li {
	margin-bottom: var(--pg-space-2);
}

/* Platební metody v patičce – pouze textové štítky, žádná loga */
ul.pg-pay,
.pg-pay {
	display: flex;
	flex-wrap: wrap;
	gap: var(--pg-space-2);
	margin: 0;
	padding: 0;
	list-style: none;
}

.pg-pay li {
	margin: 0;
	padding: 0.25rem 0.625rem;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: var(--pg-radius-sm);
	color: var(--pg-color-ink-200);
	font-size: var(--pg-fs-xs);
	font-weight: var(--pg-fw-bold);
}

/* ==========================================================================
   13. RESPONZIVITA, PŘÍSTUPNOST, TISK
   ========================================================================== */
@media (max-width: 599px) {
	/* Lišta důvěry na mobilu: jen nadpisy 2×2, popisy zbytečně prodlužují stránku */
	.pg-trust__item p { display: none; }
	.pg-trust__item { display: flex; align-items: center; min-height: 2.5rem; }
	.pg-trust__item h3 { font-size: var(--pg-fs-sm); }
}

@media (max-width: 767px) {
	/* 5. dlaždice by na mobilu zůstala sama – roztáhneme ji přes oba sloupce */
	.wp-block-columns.pg-tiles > :last-child:nth-child(odd),
	.pg-tiles > :last-child:nth-child(odd) {
		grid-column: 1 / -1;
	}

	.pg-instant {
		font-size: var(--pg-fs-xs);
		white-space: nowrap;
	}

	.single-product div.product .summary.entry-summary {
		border-radius: var(--pg-radius-lg);
		box-shadow: var(--pg-shadow-sm);
	}

	.woocommerce ul.products li.product .product-details {
		padding: 0.625rem 0.625rem 0.75rem;
	}

	.woocommerce ul.products li.product .woocommerce-loop-product__title {
		font-size: 0.875rem;
	}

	.woocommerce ul.products li.product .price {
		font-size: var(--pg-fs-md);
	}

	.pg-faq summary {
		padding-left: var(--pg-space-4);
		font-size: var(--pg-fs-base);
	}

	.pg-tile {
		min-height: 8.5rem;
		padding: var(--pg-space-4) var(--pg-space-3) var(--pg-space-3);
	}

	.pg-tile::after {
		top: calc(var(--pg-space-4) + 0.6875rem);
		left: calc(var(--pg-space-3) + 0.6875rem);
	}
}

@media (hover: none) {
	.woocommerce ul.products li.product:hover,
	.pg-tile:hover {
		transform: none;
	}
}

@media (forced-colors: active) {
	.pg-badge,
	.pg-tile,
	.pg-step,
	.pg-region-note,
	.pg-delivery-consent,
	.woocommerce ul.products li.product {
		border: 1px solid CanvasText;
	}

	.pg-trust__item::after,
	.pg-tile::after,
	.pg-instant::before,
	.pg-badge--region::before {
		background-color: CanvasText;
	}
}

@media print {
	.site-header,
	.site-footer,
	.pg-trust-box,
	.woocommerce-tabs ul.tabs {
		display: none !important;
	}

	body {
		background: #FFFFFF;
	}
}

/* Patička – sloupce s odkazy a značkou */
.site-footer .pg-footer-links {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.5rem;
}

.site-footer .pg-footer-brand {
	font-size: 1.25rem;
	font-weight: 800;
	color: #FFFFFF;
	margin-bottom: 0.5rem;
}

.site-footer .pg-footer-note {
	font-size: 0.875rem;
	line-height: 1.6;
	max-width: 34ch;
}


/* Hero s koláží karet (pokud je nastavený obrázek) */
@media (min-width: 1025px) {
	.home .pg-hero::after {
		width: min(560px, 42vw);
		height: min(470px, 36vw);
		right: max(1rem, calc((100vw - var(--pg-container)) / 2 - 1rem));
		transform: translateY(-50%);
		filter: none;
	}
}

/* Obrázek kategorie v hlavičce výpisu */
@media (min-width: 1025px) {
	.pg-has-cat-art .product-archive-hero-section .entry-hero-container-inner .entry-header {
		position: relative;
		text-align: left;
		padding-right: 380px;
		min-height: 340px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.pg-has-cat-art .product-archive-hero-section .entry-hero-container-inner .archive-description {
		margin-left: 0;
	}
	.pg-has-cat-art .product-archive-hero-section .entry-hero-container-inner .entry-header::after {
		content: "";
		position: absolute;
		right: 0;
		top: 50%;
		width: 320px;
		height: 320px;
		transform: translateY(-50%);
		border-radius: 24px;
		background: var(--pg-cat-art) center / cover no-repeat;
		box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35);
	}
}

/* Obrázkové dlaždice kategorií */
.pg-cat-grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.25rem;
}

@media (max-width: 900px) {
	.pg-cat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.875rem; }
}

.pg-cat-card a {
	display: block;
	border-radius: 18px;
	overflow: hidden;
	background: var(--pg-color-ink-900, #0B1222);
	text-decoration: none;
	box-shadow: 0 10px 30px rgba(11, 18, 34, 0.12);
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.pg-cat-card a:hover,
.pg-cat-card a:focus-visible {
	transform: translateY(-3px);
	box-shadow: 0 18px 40px rgba(11, 18, 34, 0.22);
}

.pg-cat-card img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.pg-cat-card__name {
	display: block;
	padding: 0.75rem 1rem 0.9rem;
	color: #FFFFFF;
	font-weight: 700;
}

/* Podkategorie ve výpisu (WooCommerce) */
.woocommerce ul.products li.product-category a img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 18px;
}

@media (min-width: 1025px) {
	.pg-has-cat-art .product-archive-hero-section .entry-hero-container-inner :is(h1, .page-title, .archive-title) {
		text-align: left;
		width: 100%;
	}
}

.pg-section ul.pg-cat-grid,
.entry-content ul.pg-cat-grid {
	margin: 0;
	padding: 0;
}

/* ==========================================================================
   Připravujeme, rozcestník podkategorií, filtry
   ========================================================================== */
.pg-soon {
	display: inline-block;
	padding: 0.2rem 0.6rem;
	border-radius: 999px;
	background: #FFF4DB;
	color: #8A5A00;
	font-size: 0.8125rem;
	font-weight: 700;
}

.pg-soon-note {
	margin: 0.25rem 0 1rem;
	padding: 0.75rem 1rem;
	border-radius: 12px;
	background: #FFF8E6;
	color: #6B4A00;
	font-size: 0.9375rem;
}

.pg-subcats {
	margin: 0 0 2rem;
}

.pg-subcats .pg-cat-grid {
	grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
	gap: 1rem;
}

.pg-subcats .pg-cat-card__name {
	font-size: 0.9375rem;
	padding: 0.6rem 0.85rem 0.75rem;
}

.pg-filters {
	margin: 0 0 1.75rem;
	padding: 1rem 1.25rem;
	border: 1px solid var(--pg-color-border, #E3E7F0);
	border-radius: 16px;
	background: #FFFFFF;
}

.pg-filters > summary {
	cursor: pointer;
	font-weight: 800;
	list-style: none;
}

.pg-filters > summary::-webkit-details-marker { display: none; }

.pg-filters > summary::after {
	content: " ▾";
	color: var(--pg-color-text-subtle, #5A6378);
}

.pg-filters[open] > summary { margin-bottom: 0.75rem; }

.pg-filter-row {
	display: grid;
	grid-template-columns: 110px 1fr;
	gap: 0.75rem;
	align-items: start;
	padding: 0.5rem 0;
	border-top: 1px solid #EEF1F8;
}

.pg-filter-row:first-of-type { border-top: 0; }

.pg-filter-label {
	padding-top: 0.35rem;
	color: var(--pg-color-text-subtle, #5A6378);
	font-size: 0.875rem;
	font-weight: 700;
}

.pg-filter-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.pg-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.35rem 0.75rem;
	border: 1px solid #D8DEEA;
	border-radius: 999px;
	background: #F7F9FD;
	color: var(--pg-color-text, #121826);
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: none;
	transition: border-color 0.15s, background 0.15s;
}

.pg-chip:hover { border-color: var(--pg-color-primary, #3450F0); }

.pg-chip.is-active {
	border-color: var(--pg-color-primary, #3450F0);
	background: var(--pg-color-primary, #3450F0);
	color: #FFFFFF;
}

.pg-chip__count {
	font-size: 0.75rem;
	opacity: 0.65;
}

.pg-filter-reset {
	display: inline-block;
	margin-top: 0.5rem;
	font-size: 0.875rem;
	font-weight: 700;
}

@media (max-width: 640px) {
	.pg-filter-row { grid-template-columns: 1fr; gap: 0.35rem; }
	.pg-filter-label { padding-top: 0; }
}

/* =========================================================================
   0.2.0 – vertikální rytmus (bloky se nelepí) + témata
   ========================================================================= */

/* Textový obsah: kategorie, témata, popis produktu, „více o kategorii“ */
:is(.pg-cat-content__body, .pg-cat-more, .woocommerce-tabs .panel, .term-description) > * {
	margin-top: 0;
	margin-bottom: 1rem;
}

:is(.pg-cat-content__body, .pg-cat-more, .woocommerce-tabs .panel, .term-description) > :is(h2, h3, h4) {
	margin-bottom: 0.6rem;
}

:is(.pg-cat-content__body, .pg-cat-more, .woocommerce-tabs .panel) > h2:not(:first-child) { margin-top: 2.5rem; }
:is(.pg-cat-content__body, .pg-cat-more, .woocommerce-tabs .panel) > h3:not(:first-child) { margin-top: 1.75rem; }
:is(.pg-cat-content__body, .pg-cat-more, .woocommerce-tabs .panel) > h2 + h3 { margin-top: 1rem; }
:is(.pg-cat-content__body, .pg-cat-more, .woocommerce-tabs .panel) > :last-child { margin-bottom: 0; }

:is(.pg-cat-content__body, .pg-cat-more, .woocommerce-tabs .panel) :is(ul, ol) {
	padding-left: 1.25rem;
}

:is(.pg-cat-content__body, .pg-cat-more, .woocommerce-tabs .panel) li + li { margin-top: 0.35rem; }

/* SEO text pod výpisem jako čitelná karta, oddělená od produktů */
.site-main .pg-cat-content.entry-content {
	margin-top: 3rem;
}

.site-main .pg-cat-more + .pg-cat-content.entry-content {
	margin-top: 2.5rem;
}

.pg-cat-content__body {
	max-width: 820px;
	margin: 0 auto;
	padding: 2rem 2.25rem;
	border: 1px solid var(--pg-color-border, #E3E7F0);
	border-radius: 20px;
	background: #FFFFFF;
	font-size: 1.0625rem;
	line-height: 1.7;
}

.pg-cat-content__faq {
	max-width: 820px;
	margin: 2.5rem auto 0;
}

.pg-cat-content__faq > h2 { margin: 0 0 1rem; }

.pg-cat-content__disclaimer {
	max-width: 820px;
	margin: 1.5rem auto 0;
	color: var(--pg-color-text-subtle, #5A6378);
}

.site-main .pg-cat-more {
	max-width: 820px;
	margin-top: 3rem;
	padding: 0 2.25rem;
}

@media (max-width: 640px) {
	.site-main .pg-cat-more { padding: 0 0.25rem; margin-top: 2rem; }
	.site-main .pg-cat-content.entry-content { margin-top: 2rem; }
}

/* Výpis: odstupy mezi rozcestníkem, tématy, filtry a mřížkou */
.pg-subcats,
.pg-archive-themes,
.pg-filters {
	margin-bottom: 1.5rem;
}

.woocommerce-result-count,
.woocommerce-ordering {
	margin-bottom: 1.25rem !important;
}

.woocommerce .woocommerce-pagination { margin-top: 2.5rem; }

/* Karta produktu: štítky platformy nejsou nalepené na obrázek */
.woocommerce ul.products li.product .pg-badges--loop {
	margin: 0.75rem 0 0.25rem;
	padding: 0 1rem;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	margin-top: 0.5rem;
}

.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .pg-soon {
	margin-bottom: 0.25rem;
}

/* Detail produktu */
.single-product .product_meta {
	display: grid;
	gap: 0.35rem;
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid #EEF1F8;
	font-size: 0.875rem;
	line-height: 1.5;
}

.single-product .woocommerce-tabs { margin-top: 3rem; }
.woocommerce div.product .woocommerce-tabs .panel { padding: 1.75rem 2rem; }
.single-product :is(.related, .upsells).products { margin-top: 3.5rem; }

/* Témata – žánry a kolekce */
.pg-themes {
	display: grid;
	gap: 1rem;
}

.pg-archive-themes .pg-themes {
	padding: 1rem 1.25rem;
	border: 1px solid var(--pg-color-border, #E3E7F0);
	border-radius: 16px;
	background: #FFFFFF;
}

.pg-themes__title {
	margin: 0 0 0.5rem;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0;
	color: var(--pg-color-text-subtle, #5A6378);
}

.pg-themes__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.pg-chip--theme {
	padding: 0.45rem 0.9rem;
	background: #FFFFFF;
}

.pg-section .pg-themes .pg-chip--theme {
	padding: 0.6rem 1.1rem;
	font-size: 0.9375rem;
}

.pg-section--themes .pg-themes {
	grid-template-columns: 1fr;
	gap: 1.25rem;
	margin-top: 1.5rem;
}

.pg-theme-grid {
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 1rem;
}

.pg-theme-grid .pg-cat-card__name {
	font-size: 0.9375rem;
	padding: 0.6rem 0.85rem 0.75rem;
}

.pg-section--themes .pg-themes__group {
	padding: 1.25rem 1.5rem;
	border: 1px solid var(--pg-color-border, #E3E7F0);
	border-radius: 20px;
	background: #FFFFFF;
}

@media (max-width: 860px) {
	.pg-section--themes .pg-themes { grid-template-columns: 1fr; }
}

/* Mobil: témata ve výpisu jako vodorovně posuvné řádky, aby neodsunula produkty */
@media (max-width: 640px) {
	.pg-archive-themes .pg-themes { padding: 0.75rem 0.75rem 0.5rem; gap: 0.5rem; }
	.pg-archive-themes .pg-themes__chips {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-bottom: 0.4rem;
		scrollbar-width: thin;
		-webkit-overflow-scrolling: touch;
	}
	.pg-archive-themes .pg-chip--theme { flex: 0 0 auto; white-space: nowrap; }
	.pg-filters .pg-filter-chips { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 0.3rem; }
	.pg-filters .pg-chip { flex: 0 0 auto; white-space: nowrap; }
}

/* Stránky (návody, obchodní podmínky…) – čitelná šířka a rytmus */
.page .entry-content > :is(h2, h3) { margin-bottom: 0.75rem; }
.page .entry-content > h2:not(:first-child) { margin-top: 2.25rem; }

@media (max-width: 640px) {
	.pg-cat-content__body { padding: 1.25rem 1.1rem; font-size: 1rem; }
	.woocommerce div.product .woocommerce-tabs .panel { padding: 1.25rem 1rem; }
}

/* ==========================================================================
   14. MOBIL 0.3.0 – hlavička, šuplíkové menu, spodní lišta, výpisy, detail, patička
   Benchmark: Alza, Notino, Eneba, Instant Gaming
   – navigace pro palec dole, vyhledávání vždy po ruce, účet a košík v hlavičce i v menu,
     2 sloupce produktů, vodorovné „karusely“ podkategorií, zkrácené úvody.
   ========================================================================== */
:root {
	--pg-icon-book: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20V3H6.5A2.5 2.5 0 0 0 4 5.5z'/%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 0 6.5 22H20v-5'/%3E%3C/svg%3E");
	--pg-icon-gift: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7'/%3E%3Cpath d='M7.5 8a2.5 2.5 0 0 1 0-5C11 3 12 8 12 8s1-5 4.5-5a2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E");
	--pg-icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E");
	--pg-icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	--pg-icon-sliders: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h9M17 6h3M4 12h3M11 12h9M4 18h11M19 18h1'/%3E%3Ccircle cx='15' cy='6' r='2'/%3E%3Ccircle cx='9' cy='12' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E");
	--pg-bnav-h: 62px;
	--pg-edge: var(--global-content-edge-padding, 1rem);
}

/* Výchozí stav mimo mobil */
.pg-bnav,
.pg-buybar,
.pg-hdr-account {
	display: none;
}

.pg-i {
	width: 24px;
	height: 24px;
	flex: none;
}

/* Přepínač WPML v patičce nahrazuje vlastní přepínač trhů (bez nefunkčních domén) */
.wpml-ls-statics-footer {
	display: none !important;
}

/* --- Přepínač země a měny (šuplík + patička) --- */
.pg-mkt ul {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 1fr);
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pg-mkt li {
	margin: 0;
}

.pg-mkt a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 0 12px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 12px;
	color: var(--pg-color-ink-200);
	font-size: 0.875rem;
	font-weight: var(--pg-fw-bold);
	text-decoration: none;
	transition: background-color var(--pg-dur) var(--pg-ease), border-color var(--pg-dur) var(--pg-ease);
}

.pg-mkt a:hover {
	border-color: rgba(255, 255, 255, 0.32);
	color: #FFFFFF;
	text-decoration: none;
}

.pg-mkt a[aria-current="true"] {
	border-color: #FFFFFF;
	background: #FFFFFF;
	color: var(--pg-color-ink-900);
}

.pg-mkt svg {
	width: 20px;
	height: 14px;
	flex: none;
	border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25);
}

.pg-mkt a[aria-current="true"] svg {
	box-shadow: 0 0 0 1px rgba(11, 18, 34, 0.15);
}

.pg-mkt__cur {
	font-size: 0.75rem;
	font-weight: var(--pg-fw-semibold);
	opacity: 0.7;
}

.site-footer .pg-mkt--footer {
	display: flex;
	justify-content: center;
	margin-top: 0.875rem;
}

.site-footer .pg-mkt--footer ul {
	grid-auto-columns: auto;
}

.site-footer .pg-mkt--footer a {
	min-height: 36px;
	padding: 0 14px;
}

.site-footer .pg-mkt--footer li {
	margin: 0;
}

/* 0.6.0: více trhů – pilulky se zalamují (šuplík po třech, patička podle šířky) */
.pg-mkt ul {
	display: flex;
	flex-wrap: wrap;
}

.pg-mkt li {
	flex: 1 1 calc(33.333% - 8px);
	min-width: 0;
}

.site-footer .pg-mkt--footer ul {
	justify-content: center;
}

.site-footer .pg-mkt--footer li {
	flex: 0 0 auto;
}

/* --- Ikony kategorií v menu (třídy přidává filtr nav_menu_css_class) --- */
.pg-ico--gamepad { --pg-ico: var(--pg-icon-gamepad); }
.pg-ico--bolt    { --pg-ico: var(--pg-icon-bolt); }
.pg-ico--repeat  { --pg-ico: var(--pg-icon-repeat); }
.pg-ico--gift    { --pg-ico: var(--pg-icon-gift); }
.pg-ico--key     { --pg-ico: var(--pg-icon-key); }
.pg-ico--monitor { --pg-ico: var(--pg-icon-monitor); }
.pg-ico--book    { --pg-ico: var(--pg-icon-book); }
.pg-ico--tag     { --pg-ico: var(--pg-icon-tag); }

/* --- Prázdný košík --- */
.pg-empty-cart {
	max-width: 560px;
	margin: 0 auto;
	padding: clamp(1.75rem, 1rem + 3vw, 2.75rem) clamp(1.25rem, 1rem + 2vw, 2.5rem);
	border: 1px solid var(--pg-color-border);
	border-radius: 24px;
	background: var(--pg-color-surface);
	box-shadow: var(--pg-shadow-sm);
	text-align: center;
}

.pg-empty-cart__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 68px;
	height: 68px;
	margin-bottom: 1rem;
	border-radius: 22px;
	background: var(--pg-color-primary-soft);
	color: var(--pg-color-primary);
}

.pg-empty-cart__icon .pg-i {
	width: 32px;
	height: 32px;
}

.pg-empty-cart .pg-empty-cart__title {
	margin: 0 0 0.5rem;
	font-size: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
}

.pg-empty-cart .pg-empty-cart__text {
	max-width: 44ch;
	margin: 0 auto;
	color: var(--pg-color-text-muted);
}

.pg-empty-cart .pg-empty-cart__label {
	margin: 1.5rem 0 0.625rem;
	color: var(--pg-color-text-subtle);
	font-size: 0.75rem;
	font-weight: var(--pg-fw-bold);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.pg-chips.pg-chips--light {
	justify-content: center;
	margin: 0;
}

.pg-chips.pg-chips--light a {
	background: var(--pg-color-surface-2);
	box-shadow: inset 0 0 0 1px var(--pg-color-border);
	color: var(--pg-color-text);
}

.pg-chips.pg-chips--light a:hover {
	background: var(--pg-color-primary-soft);
	color: var(--pg-color-primary-700);
}

.woocommerce-cart .return-to-shop {
	margin-top: 1.25rem;
	text-align: center;
}

/* ==========================================================================
   14a. TABLET + MOBIL (≤ 1024 px) – Kadence zde zobrazuje mobilní hlavičku
   ========================================================================== */
@media (max-width: 1024px) {
	/* Lepicí hlavička; při posunu dolů se schová řádek s logem, vyhledávání zůstane */
	#masthead {
		position: sticky;
		top: 0;
		z-index: 990;
		transition: transform 0.28s var(--pg-ease);
	}

	body.pg-hdr-hidden #masthead {
		transform: translateY(calc(-1 * var(--pg-hdr-shift, 60px)));
	}

	#mobile-header .site-main-header-wrap .site-header-row-container-inner,
	#mobile-header .site-bottom-header-wrap .site-header-row-container-inner {
		background: var(--pg-color-ink-900);
	}

	#mobile-header .site-main-header-inner-wrap {
		min-height: 58px;
		column-gap: 4px;
	}

	#mobile-header .site-header-main-section-left,
	#mobile-header .site-header-main-section-right {
		gap: 2px;
	}

	/* Hamburger, účet a košík: jednotná 44px dotyková plocha */
	#mobile-header .mobile-toggle-open-container .menu-toggle-open,
	#mobile-header .pg-hdr-account,
	#mobile-header .header-mobile-cart-wrap .header-cart-button {
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		padding: 0;
		border: 0;
		border-radius: 12px;
		background: transparent;
		color: #FFFFFF;
		box-shadow: none;
		transition: background-color var(--pg-dur) var(--pg-ease);
	}

	#mobile-header .mobile-toggle-open-container .menu-toggle-open {
		margin-left: -10px;
	}

	#mobile-header .mobile-toggle-open-container .menu-toggle-open:hover,
	#mobile-header .mobile-toggle-open-container .menu-toggle-open:active,
	#mobile-header .pg-hdr-account:hover,
	#mobile-header .pg-hdr-account:active,
	#mobile-header .header-mobile-cart-wrap .header-cart-button:hover,
	#mobile-header .header-mobile-cart-wrap .header-cart-button:active {
		background: rgba(255, 255, 255, 0.1);
		color: #FFFFFF;
	}

	#mobile-header .mobile-toggle-open-container .menu-toggle-open .menu-toggle-icon {
		display: inline-flex;
	}

	#mobile-header .mobile-toggle-open-container .menu-toggle-open svg {
		width: 24px;
		height: 24px;
	}

	#mobile-header .header-mobile-cart-wrap .header-cart-inner-wrap {
		display: flex;
		align-items: center;
		gap: 2px;
	}

	#mobile-header .pg-hdr-account {
		display: inline-flex;
		text-decoration: none;
	}

	#mobile-header .pg-hdr-account.is-in::after {
		content: "";
		position: absolute;
		right: 9px;
		bottom: 10px;
		width: 9px;
		height: 9px;
		border: 2px solid var(--pg-color-ink-900);
		border-radius: 50%;
		background: var(--pg-color-mint);
	}

	#mobile-header .header-mobile-cart-wrap .header-cart-button .kadence-svg-iconset svg,
	#mobile-header .header-mobile-cart-wrap .header-cart-button svg {
		width: 24px;
		height: 24px;
	}

	#mobile-header .header-mobile-cart-wrap .header-cart-button .header-cart-total.header-cart-is-empty-true,
	#mobile-header .header-mobile-cart-wrap .header-cart-is-empty-true .header-cart-button .header-cart-total {
		display: none;
	}

	/* Počet kusů jako odznak v rohu ikony košíku */
	#mobile-header .header-mobile-cart-wrap .header-cart-button .header-cart-total {
		position: absolute;
		top: 3px;
		right: 1px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 18px;
		height: 18px;
		margin: 0;
		padding: 0 5px;
		border: 2px solid var(--pg-color-ink-900);
		border-radius: 999px;
		background: var(--pg-color-mint);
		color: var(--pg-color-ink-900);
		font-size: 0.6875rem;
		font-weight: var(--pg-fw-black);
		line-height: 1;
		box-sizing: content-box;
	}

	/* Vyhledávání přes celou šířku pod logem */
	#mobile-header .site-bottom-header-wrap .site-header-row-container-inner {
		padding-bottom: 10px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	}

	#mobile-header .site-bottom-header-inner-wrap {
		display: flex;
		min-height: 0;
	}

	#mobile-header .site-bottom-header-inner-wrap .site-header-section,
	#mobile-header .site-bottom-header-inner-wrap .site-header-item,
	#mobile-header .mobile-html,
	#mobile-header .mobile-html-inner {
		flex: 1 1 auto;
		width: 100%;
		max-width: none;
		margin: 0;
	}

	#mobile-header .pg-search {
		max-width: none;
	}

	#mobile-header .pg-search .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input,
	#mobile-header .pg-search .pg-search__input {
		height: 44px;
		border-radius: 12px;
		font-size: 16px; /* < 16 px = iOS při zaostření zoomuje */
		box-shadow: none;
	}

	#mobile-header .pg-search .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit {
		border-radius: 9px;
	}

	/* WP admin lišta (jen pro přihlášené správce) */
	body.admin-bar #masthead {
		top: 0;
	}

	/* --- Šuplíkové menu --- */
	#mobile-drawer .drawer-overlay {
		background: rgba(7, 11, 22, 0.62);
		-webkit-backdrop-filter: blur(2px);
		backdrop-filter: blur(2px);
	}

	#mobile-drawer .drawer-inner {
		width: min(88vw, 400px);
		max-width: none;
		background: var(--pg-color-ink-900);
		box-shadow: 0 0 60px rgba(0, 0, 0, 0.45);
	}

	#mobile-drawer .drawer-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 0;
		padding: 12px 14px 4px 18px;
	}

	#mobile-drawer .drawer-header::before {
		content: "PlayGames";
		padding-left: 40px;
		background: var(--pg-mark) left center / 30px 30px no-repeat;
		color: #FFFFFF;
		font-size: 1.125rem;
		font-weight: var(--pg-fw-black);
		letter-spacing: -0.01em;
		line-height: 32px;
	}

	#mobile-drawer .drawer-header .drawer-toggle {
		width: 42px;
		height: 42px;
		padding: 0;
		border: 0;
		border-radius: 12px;
		background: rgba(255, 255, 255, 0.08);
		color: #FFFFFF;
		font-size: 22px;
		box-shadow: none;
	}

	#mobile-drawer .drawer-header .drawer-toggle:hover {
		background: rgba(255, 255, 255, 0.14);
	}

	#mobile-drawer .drawer-header .drawer-toggle:focus:not(:focus-visible) {
		outline: none;
	}

	#mobile-drawer .drawer-content {
		padding: 8px 18px calc(28px + env(safe-area-inset-bottom));
	}

	/* Karta účtu */
	.pg-dacc {
		margin: 4px 0 10px;
		padding: 14px;
		border: 1px solid rgba(255, 255, 255, 0.08);
		border-radius: 18px;
		background:
			radial-gradient(240px 120px at 100% 0%, rgba(52, 80, 240, 0.35), transparent 70%),
			var(--pg-color-ink-800);
	}

	.pg-dacc__head {
		display: flex;
		align-items: center;
		gap: 12px;
		color: #FFFFFF;
		text-decoration: none;
	}

	a.pg-dacc__head:hover {
		color: #FFFFFF;
		text-decoration: none;
	}

	.pg-dacc__head > .pg-i--chevron {
		width: 20px;
		height: 20px;
		margin-left: auto;
		color: var(--pg-color-ink-400);
	}

	.pg-dacc__avatar {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		flex: none;
		border-radius: 50%;
		background: var(--pg-color-primary);
		color: #FFFFFF;
		font-size: 1.125rem;
		font-weight: var(--pg-fw-black);
	}

	.pg-dacc__avatar .pg-i {
		width: 22px;
		height: 22px;
	}

	.pg-dacc__txt {
		display: grid;
		gap: 2px;
		min-width: 0;
	}

	.pg-dacc__txt strong {
		color: #FFFFFF;
		font-size: 1rem;
		line-height: 1.25;
	}

	.pg-dacc__txt span {
		color: var(--pg-color-ink-300);
		font-size: 0.8125rem;
		line-height: 1.4;
	}

	.pg-dacc__actions {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
		gap: 8px;
		margin-top: 12px;
	}

	.pg-dbtn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 42px;
		padding: 0 14px;
		border: 1px solid rgba(255, 255, 255, 0.22);
		border-radius: 12px;
		color: #FFFFFF;
		font-size: 0.9375rem;
		font-weight: var(--pg-fw-bold);
		text-decoration: none;
	}

	.pg-dbtn:hover {
		border-color: rgba(255, 255, 255, 0.4);
		color: #FFFFFF;
		text-decoration: none;
	}

	.pg-dbtn--primary {
		border-color: var(--pg-color-primary);
		background: var(--pg-color-primary);
	}

	.pg-dbtn--primary:hover {
		border-color: var(--pg-color-primary-hover);
		background: var(--pg-color-primary-hover);
	}

	ul.pg-dacc__links {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 6px;
		margin: 12px 0 0;
		padding: 0;
		list-style: none;
	}

	.pg-dacc__links li {
		margin: 0;
	}

	.pg-dacc__links a {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 4px;
		padding: 10px 4px;
		border-radius: 12px;
		background: rgba(255, 255, 255, 0.05);
		color: var(--pg-color-ink-200);
		font-size: 0.75rem;
		font-weight: var(--pg-fw-semibold);
		text-align: center;
		text-decoration: none;
	}

	.pg-dacc__links a:hover {
		background: rgba(255, 255, 255, 0.1);
		color: #FFFFFF;
	}

	.pg-dacc__links .pg-i {
		width: 20px;
		height: 20px;
	}

	/* Rychlé dlaždice: košík, návody */
	.pg-dquick {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
		gap: 8px;
	}

	.pg-dquick__item {
		display: flex;
		align-items: center;
		gap: 10px;
		min-height: 48px;
		padding: 0 12px;
		border-radius: 14px;
		background: rgba(255, 255, 255, 0.05);
		color: #FFFFFF;
		font-size: 0.9375rem;
		font-weight: var(--pg-fw-semibold);
		text-decoration: none;
	}

	.pg-dquick__item:hover {
		background: rgba(255, 255, 255, 0.1);
		color: #FFFFFF;
		text-decoration: none;
	}

	.pg-dquick__item .pg-i {
		width: 22px;
		height: 22px;
		color: var(--pg-color-primary-300);
	}

	.pg-dquick__count {
		min-width: 20px;
		height: 20px;
		margin-left: auto;
		padding: 0 6px;
		border-radius: 999px;
		background: var(--pg-color-mint);
		color: var(--pg-color-ink-900);
		font-size: 0.75rem;
		font-weight: var(--pg-fw-black);
		line-height: 20px;
		text-align: center;
	}

	.pg-dquick__count[data-count="0"] {
		display: none;
	}

	/* Popisky sekcí */
	.pg-dlabel {
		margin: 22px 0 4px;
		color: var(--pg-color-ink-400);
		font-size: 0.6875rem;
		font-weight: var(--pg-fw-bold);
		letter-spacing: 0.1em;
		text-transform: uppercase;
	}

	/* Kategorie (menu Kadence) */
	#mobile-drawer .mobile-navigation ul#mobile-menu > li {
		border-bottom: 1px solid rgba(255, 255, 255, 0.07);
	}

	#mobile-drawer .mobile-navigation ul#mobile-menu > li:last-child {
		border-bottom: 0;
	}

	#mobile-drawer .mobile-navigation ul#mobile-menu > li > a,
	#mobile-drawer .mobile-navigation ul#mobile-menu > li > .drawer-nav-drop-wrap > a {
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 13px 4px;
		border: 0;
		color: #FFFFFF;
		font-size: 1rem;
		font-weight: var(--pg-fw-bold);
	}

	#mobile-drawer .mobile-navigation ul#mobile-menu > li > .drawer-nav-drop-wrap {
		border: 0;
	}

	#mobile-drawer .mobile-navigation ul#mobile-menu > li.pg-ico > a::before,
	#mobile-drawer .mobile-navigation ul#mobile-menu > li.pg-ico > .drawer-nav-drop-wrap > a::before {
		content: "";
		width: 22px;
		height: 22px;
		flex: none;
		background-color: var(--pg-color-primary-300);
		-webkit-mask: var(--pg-ico) center / contain no-repeat;
		mask: var(--pg-ico) center / contain no-repeat;
	}

	#mobile-drawer .mobile-navigation .drawer-sub-toggle {
		width: 48px;
		min-height: 48px;
		border: 0;
		border-left: 0;
		border-radius: 12px;
		color: var(--pg-color-ink-300);
	}

	#mobile-drawer .mobile-navigation .drawer-sub-toggle[aria-expanded="true"] {
		color: #FFFFFF;
	}

	#mobile-drawer .mobile-navigation ul#mobile-menu ul.sub-menu {
		margin: 0 0 12px;
		padding: 4px;
		border-radius: 14px;
		background: rgba(255, 255, 255, 0.04);
	}

	#mobile-drawer .mobile-navigation ul#mobile-menu ul.sub-menu li {
		border: 0;
	}

	#mobile-drawer .mobile-navigation ul#mobile-menu ul.sub-menu li > a {
		padding: 10px 12px;
		border: 0;
		border-radius: 10px;
		color: var(--pg-color-ink-200);
		font-size: 0.9375rem;
		font-weight: var(--pg-fw-medium);
	}

	#mobile-drawer .mobile-navigation ul#mobile-menu ul.sub-menu li > a:hover,
	#mobile-drawer .mobile-navigation ul#mobile-menu ul.sub-menu li.current-menu-item > a {
		background: rgba(255, 255, 255, 0.07);
		color: #FFFFFF;
	}

	/* Pomoc a informace */
	ul.pg-dlinks {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.pg-dlinks li {
		margin: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.07);
	}

	.pg-dlinks li:last-child {
		border-bottom: 0;
	}

	.pg-dlinks a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		min-height: 46px;
		padding: 0 4px;
		color: var(--pg-color-ink-200);
		font-size: 0.9375rem;
		font-weight: var(--pg-fw-medium);
		text-decoration: none;
	}

	.pg-dlinks a:hover {
		color: #FFFFFF;
		text-decoration: none;
	}

	.pg-dlinks .pg-i {
		width: 18px;
		height: 18px;
		color: var(--pg-color-ink-400);
	}

	.pg-mkt--drawer {
		margin-top: 8px;
	}

	.pg-dtrust {
		display: flex;
		align-items: flex-start;
		gap: 10px;
		margin: 22px 0 0;
		padding: 12px 14px;
		border-radius: 14px;
		background: rgba(0, 224, 164, 0.08);
		color: var(--pg-color-ink-200);
		font-size: 0.8125rem;
		line-height: 1.45;
	}

	.pg-dtrust .pg-i {
		width: 18px;
		height: 18px;
		margin-top: 1px;
		color: var(--pg-color-mint);
	}

	/* --- Spodní navigační lišta --- */
	body.pg-has-bnav {
		padding-bottom: calc(var(--pg-bnav-h) + env(safe-area-inset-bottom));
	}

	.pg-bnav {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 980;
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		height: calc(var(--pg-bnav-h) + env(safe-area-inset-bottom));
		padding: 4px 6px env(safe-area-inset-bottom);
		border-top: 1px solid var(--pg-color-border);
		background: rgba(255, 255, 255, 0.94);
		-webkit-backdrop-filter: saturate(180%) blur(14px);
		backdrop-filter: saturate(180%) blur(14px);
		box-shadow: 0 -8px 24px rgba(11, 18, 34, 0.06);
	}

	.pg-bnav__item {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 3px;
		min-width: 0;
		margin: 0;
		padding: 4px 2px;
		border: 0;
		border-radius: 14px;
		background: transparent;
		color: var(--pg-color-text-subtle);
		font: inherit;
		font-size: 0.6875rem;
		font-weight: var(--pg-fw-semibold);
		line-height: 1.1;
		letter-spacing: 0;
		text-decoration: none;
		box-shadow: none;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}

	.pg-bnav__item > span:last-child {
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.pg-bnav__item:hover,
	.pg-bnav__item:focus {
		background: transparent;
		color: var(--pg-color-text);
		text-decoration: none;
	}

	.pg-bnav__item:active .pg-i {
		transform: scale(0.92);
	}

	.pg-bnav__item.is-active {
		color: var(--pg-color-primary);
	}

	.pg-bnav__item.is-active::before {
		content: "";
		position: absolute;
		top: -5px;
		left: 50%;
		width: 28px;
		height: 3px;
		border-radius: 0 0 3px 3px;
		background: var(--pg-color-primary);
		transform: translateX(-50%);
	}

	.pg-bnav__item .pg-i {
		width: 24px;
		height: 24px;
		transition: transform var(--pg-dur) var(--pg-ease);
	}

	.pg-bnav__icon {
		position: relative;
		display: inline-flex;
	}

	.pg-bnav__count {
		position: absolute;
		top: -6px;
		left: 14px;
		min-width: 18px;
		height: 18px;
		padding: 0 5px;
		border: 2px solid #FFFFFF;
		border-radius: 999px;
		background: var(--pg-color-sale);
		color: #FFFFFF;
		font-size: 0.6875rem;
		font-weight: var(--pg-fw-black);
		line-height: 14px;
		text-align: center;
		box-sizing: border-box;
	}

	.pg-bnav__count[data-count="0"] {
		display: none;
	}

	.pg-bnav__dot {
		position: absolute;
		right: -2px;
		bottom: 0;
		width: 9px;
		height: 9px;
		border: 2px solid #FFFFFF;
		border-radius: 50%;
		background: var(--pg-color-success);
	}

	/* --- Lepicí „Do košíku“ na detailu produktu --- */
	body.pg-has-buybar {
		padding-bottom: calc(76px + env(safe-area-inset-bottom));
	}

	.pg-buybar {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 980;
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
		border-top: 1px solid var(--pg-color-border);
		background: rgba(255, 255, 255, 0.96);
		-webkit-backdrop-filter: saturate(180%) blur(14px);
		backdrop-filter: saturate(180%) blur(14px);
		box-shadow: 0 -8px 24px rgba(11, 18, 34, 0.08);
		transform: translateY(110%);
		transition: transform 0.25s var(--pg-ease);
	}

	.pg-buybar.is-visible {
		transform: none;
	}

	.pg-buybar__info {
		display: grid;
		min-width: 0;
		flex: 1 1 auto;
	}

	.pg-buybar__name {
		overflow: hidden;
		color: var(--pg-color-text-muted);
		font-size: 0.75rem;
		font-weight: var(--pg-fw-semibold);
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.pg-buybar__price {
		color: var(--pg-color-text);
		font-size: 1.125rem;
		font-weight: var(--pg-fw-black);
		line-height: 1.2;
	}

	.pg-buybar__price del {
		color: var(--pg-color-text-subtle);
		font-size: 0.8125rem;
		font-weight: var(--pg-fw-medium);
	}

	.pg-buybar__price ins {
		text-decoration: none;
	}

	.pg-buybar .pg-buybar__btn {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		min-height: 48px;
		padding: 0 18px;
		border-radius: 14px;
		font-weight: var(--pg-fw-bold);
		white-space: nowrap;
	}

	.pg-buybar__btn .pg-i {
		width: 20px;
		height: 20px;
	}

	/* Plovoucí prvky nesmí překrýt spodní lištu */
	body:is(.pg-has-bnav, .pg-has-buybar) #kt-scroll-up,
	body:is(.pg-has-bnav, .pg-has-buybar) #kt-scroll-up-reader {
		bottom: calc(var(--pg-bnav-h) + 18px + env(safe-area-inset-bottom));
	}

	body:is(.pg-has-bnav, .pg-has-buybar) #cmplz-manage-consent .cmplz-manage-consent {
		bottom: calc(var(--pg-bnav-h) + env(safe-area-inset-bottom)) !important;
	}

	/* Domovská stránka: hero bez druhého vyhledávání (to je v hlavičce) */
	.home .pg-hero .pg-search {
		display: none;
	}
}

@media (min-width: 601px) and (max-width: 782px) {
	body.admin-bar #masthead { top: 46px; }
}

@media (min-width: 783px) and (max-width: 1024px) {
	body.admin-bar #masthead { top: 32px; }
}

/* ==========================================================================
   14b. TELEFON (≤ 767 px)
   ========================================================================== */
@media (max-width: 767px) {
	/* --- Hero úvodní stránky: kompaktnější, čipy v jednom posuvném řádku --- */
	.home .pg-hero {
		padding-block: 1.75rem 1.5rem;
	}

	.home .pg-hero .pg-hero__title,
	.home .pg-hero h1 {
		font-size: clamp(1.75rem, 1.3rem + 2.4vw, 2.125rem);
		margin-bottom: 0.75rem;
	}

	.home .pg-hero .pg-lead {
		margin-bottom: 1rem;
		font-size: 0.9375rem;
	}

	.pg-hero .pg-chips {
		flex-wrap: nowrap;
		white-space: nowrap;
		margin-right: calc(-1 * var(--pg-gutter));
		padding-right: var(--pg-gutter);
		overflow-x: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.pg-hero .pg-chips::-webkit-scrollbar {
		display: none;
	}

	.pg-hero .pg-chips a {
		flex: 0 0 auto;
		white-space: nowrap;
	}

	/* --- Hlavička výpisu kategorie: vlevo, menší H1, úvod na 3 řádky --- */
	.product-archive-hero-section .entry-hero-container-inner .entry-header {
		align-items: flex-start;
		padding-top: 1.25rem;
		padding-bottom: 1.25rem;
		text-align: left;
	}

	.product-archive-hero-section .entry-hero-container-inner :is(h1, .page-title, .archive-title) {
		width: 100%;
		margin-bottom: 0.5rem;
		font-size: clamp(1.5rem, 1.2rem + 1.8vw, 1.875rem);
		text-align: left;
	}

	.product-archive-hero-section .entry-hero-container-inner :is(.archive-description, .term-description) {
		display: -webkit-box;
		margin: 0;
		overflow: hidden;
		font-size: 0.9375rem;
		line-height: 1.55;
		text-align: left;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		line-clamp: 3;
	}

	.product-archive-hero-section .entry-hero-container-inner :is(.archive-description, .term-description).is-expanded {
		display: block;
		overflow: visible;
		-webkit-line-clamp: unset;
		line-clamp: unset;
	}

	.product-archive-hero-section .entry-hero-container-inner :is(.archive-description, .term-description) p {
		margin: 0;
	}

	.pg-more-toggle {
		display: inline-flex;
		align-items: center;
		gap: 4px;
		min-height: 32px;
		margin-top: 2px;
		padding: 0;
		border: 0;
		background: none;
		color: var(--pg-color-mint);
		font-size: 0.875rem;
		font-weight: var(--pg-fw-bold);
		box-shadow: none;
	}

	.pg-more-toggle:hover,
	.pg-more-toggle:focus {
		background: none;
		color: #FFFFFF;
	}

	/* Hlavička běžných stránek (Košík, Můj účet…) – bez prázdného prostoru */
	.entry-hero.page-hero-section .entry-header {
		min-height: 0 !important;
		padding-top: 1.25rem;
		padding-bottom: 1.25rem;
	}

	.entry-hero.page-hero-section .entry-header :is(h1, .entry-title) {
		font-size: clamp(1.5rem, 1.2rem + 1.8vw, 1.875rem);
	}

	/* --- Podkategorie a témata: vodorovný karusel (produkty zůstanou na očích) --- */
	.pg-subcats {
		margin: 0 calc(-1 * var(--pg-edge)) 1.25rem;
	}

	.pg-subcats .pg-cat-grid,
	.pg-section .pg-cat-grid.pg-theme-grid {
		display: grid;
		grid-auto-columns: 42%;
		grid-auto-flow: column;
		grid-template-columns: none;
		gap: 10px;
		padding: 2px var(--pg-edge) 12px;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-padding-inline: var(--pg-edge);
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.pg-section .pg-cat-grid.pg-theme-grid {
		margin-inline: calc(-1 * var(--pg-gutter)) !important;
		padding-inline: var(--pg-gutter);
		scroll-padding-inline: var(--pg-gutter);
	}

	.pg-subcats .pg-cat-grid::-webkit-scrollbar,
	.pg-section .pg-cat-grid.pg-theme-grid::-webkit-scrollbar {
		display: none;
	}

	.pg-subcats .pg-cat-card,
	.pg-theme-grid .pg-cat-card {
		scroll-snap-align: start;
	}

	.pg-subcats .pg-cat-card a,
	.pg-theme-grid .pg-cat-card a {
		height: 100%;
		border-radius: 14px;
		box-shadow: 0 6px 16px rgba(11, 18, 34, 0.12);
	}

	.pg-subcats .pg-cat-card__name,
	.pg-theme-grid .pg-cat-card__name {
		padding: 0.5rem 0.625rem 0.625rem;
		font-size: 0.8125rem;
		line-height: 1.25;
	}

	.pg-section .pg-cat-grid:not(.pg-theme-grid) {
		gap: 10px;
	}

	.pg-section .pg-cat-grid:not(.pg-theme-grid) .pg-cat-card a {
		border-radius: 14px;
	}

	.pg-section .pg-cat-grid:not(.pg-theme-grid) .pg-cat-card__name {
		padding: 0.5rem 0.75rem 0.625rem;
		font-size: 0.875rem;
		line-height: 1.25;
	}

	/* --- Lišta výsledků: počet vlevo, řazení vpravo, bez přepínače mřížka/seznam --- */
	.kadence-shop-top-row {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		margin-bottom: 12px;
	}

	.kadence-shop-top-row .kadence-shop-top-item {
		width: auto;
		flex: 0 1 auto;
		margin: 0;
	}

	/* Žánry na úvodní stránce – kompaktnější čipy */
	.pg-section--themes .pg-themes__group {
		padding: 1rem;
		border-radius: 16px;
	}

	.pg-section .pg-themes .pg-chip--theme {
		padding: 0.45rem 0.8rem;
		font-size: 0.875rem;
	}

	.kadence-shop-top-row .kadence-woo-toggle {
		display: none;
	}

	.kadence-shop-top-row .woocommerce-result-count,
	.kadence-shop-top-row .woocommerce-ordering {
		margin: 0 !important;
	}

	.kadence-shop-top-row .woocommerce-result-count {
		font-size: 0.8125rem;
		white-space: nowrap;
	}

	.kadence-shop-top-row .kadence-woo-ordering {
		min-width: 0;
		margin-left: auto;
	}

	.woocommerce .kadence-shop-top-row .woocommerce-ordering select {
		max-width: 190px;
		min-height: 38px;
		padding: 0 2rem 0 0.75rem;
		border-radius: 10px;
		font-size: 0.875rem;
	}

	/* --- Filtry jako tlačítko „Filtrovat“ --- */
	.pg-filters {
		padding: 0;
		overflow: hidden;
		border-radius: 14px;
	}

	.pg-filters > summary {
		display: flex;
		align-items: center;
		gap: 10px;
		min-height: 48px;
		padding: 0 14px;
		font-size: 0.9375rem;
	}

	.pg-filters > summary::before {
		content: "";
		width: 20px;
		height: 20px;
		flex: none;
		background-color: var(--pg-color-primary);
		-webkit-mask: var(--pg-icon-sliders) center / contain no-repeat;
		mask: var(--pg-icon-sliders) center / contain no-repeat;
	}

	.pg-filters > summary::after {
		content: "";
		width: 18px;
		height: 18px;
		margin-left: auto;
		background-color: var(--pg-color-text-subtle);
		-webkit-mask: var(--pg-icon-chevron-down) center / contain no-repeat;
		mask: var(--pg-icon-chevron-down) center / contain no-repeat;
		transition: transform var(--pg-dur) var(--pg-ease);
	}

	.pg-filters[open] > summary {
		margin-bottom: 0;
		border-bottom: 1px solid var(--pg-color-surface-2);
	}

	.pg-filters[open] > summary::after {
		transform: rotate(180deg);
	}

	.pg-filters .pg-filter-row {
		padding: 10px 14px;
	}

	.pg-filters .pg-filter-chips {
		margin-right: -14px;
		padding-right: 14px;
		scrollbar-width: none;
	}

	.pg-filters .pg-filter-reset {
		margin: 0 14px 12px;
	}

	/* --- Detail produktu --- */
	.single-product .product-title.product-above {
		margin-bottom: 0.5rem;
	}

	.single-product .kadence-breadcrumbs {
		margin: 0;
		overflow-x: auto;
		font-size: 0.75rem;
		white-space: nowrap;
		scrollbar-width: none;
		-webkit-mask-image: linear-gradient(90deg, #000 88%, transparent);
		mask-image: linear-gradient(90deg, #000 88%, transparent);
	}

	.single-product .kadence-breadcrumbs::-webkit-scrollbar {
		display: none;
	}

	.single-product div.product .woocommerce-product-gallery {
		max-width: 320px;
		margin: 0 auto 1rem;
	}

	.single-product div.product .summary.entry-summary {
		padding: 1.125rem;
	}

	.single-product div.product .summary .product_title {
		font-size: clamp(1.375rem, 1.1rem + 1.4vw, 1.75rem);
	}

	.single-product div.product form.cart {
		display: flex;
		gap: 8px;
	}

	.single-product div.product form.cart .single_add_to_cart_button {
		flex: 1 1 auto;
		min-height: 52px;
		border-radius: 14px;
		font-size: 1rem;
	}

	/* Záložky jako jeden vodorovně posuvný řádek */
	.woocommerce div.product .woocommerce-tabs ul.tabs {
		display: flex;
		flex-wrap: nowrap;
		gap: 8px;
		margin: 0 calc(-1 * var(--pg-edge)) 1rem;
		padding: 0 var(--pg-edge) 4px;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs::-webkit-scrollbar {
		display: none;
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs li {
		flex: 0 0 auto;
		margin: 0;
	}

	.single-product .woocommerce-tabs {
		margin-top: 2rem;
	}

	.single-product :is(.related, .upsells).products {
		margin-top: 2.5rem;
	}

	/* --- Patička: značka přes celou šířku, odkazy ve dvou sloupcích --- */
	.site-footer .site-middle-footer-wrap .site-footer-row.site-middle-footer-inner-wrap {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1.75rem 1rem;
	}

	.site-footer .site-middle-footer-inner-wrap > .site-footer-middle-section-1 {
		grid-column: 1 / -1;
	}

	.site-footer .site-middle-footer-inner-wrap > .site-footer-section:not(:has(a, img, h2, h3, p:not(:empty))) {
		display: none;
	}

	.site-footer .site-middle-footer-wrap .site-footer-row-container-inner {
		padding-top: 2rem;
		padding-bottom: 1.5rem;
	}

	.site-footer .site-middle-footer-wrap :is(h2, h3, .widget-title) {
		margin-bottom: 0.625rem;
		color: var(--pg-color-ink-400);
		font-size: 0.75rem;
		letter-spacing: 0.08em;
		text-transform: uppercase;
	}

	.site-footer .site-middle-footer-wrap .widget :is(a, li) {
		font-size: 0.9375rem;
	}

	.site-footer .site-middle-footer-wrap li {
		margin-bottom: 0.25rem;
	}

	.site-footer .site-middle-footer-wrap .widget a {
		display: inline-block;
		padding: 0.3rem 0;
	}

	.site-footer .site-middle-footer-wrap .widget p:empty {
		display: none;
	}

	.site-footer .site-bottom-footer-wrap .site-footer-row-container-inner {
		padding-top: 1.25rem;
		padding-bottom: 1.25rem;
		font-size: 0.75rem;
		text-align: center;
	}

	/* --- Prázdný košík na telefonu --- */
	.woocommerce-cart .pg-empty-cart {
		border-radius: 20px;
	}
}

/* ==========================================================================
   14c. MALÝ TELEFON (≤ 543 px) – produkty ve 2 sloupcích (Kadence zde dává 1)
   ========================================================================== */
@media (max-width: 543px) {
	.woocommerce ul.products.grid-cols,
	.woocommerce-page ul.products.grid-cols {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px 10px;
	}

	.woocommerce ul.products li.product {
		border-radius: 14px;
	}

	.woocommerce ul.products li.product .pg-badges--loop {
		gap: 4px;
		margin: 0.5rem 0 0;
		padding: 0 0.625rem;
	}

	.woocommerce ul.products li.product .pg-badges--loop .pg-badge {
		padding: 0.125rem 0.375rem;
		font-size: 0.6875rem;
	}

	.woocommerce ul.products li.product .product-details {
		padding: 0.25rem 0.625rem 0.75rem;
	}

	.woocommerce ul.products li.product .woocommerce-loop-product__title {
		display: -webkit-box;
		margin-top: 0.375rem;
		overflow: hidden;
		font-size: 0.8125rem;
		line-height: 1.3;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}

	.woocommerce ul.products li.product .price {
		font-size: 1rem;
	}

	.woocommerce ul.products li.product .product-excerpt {
		display: none;
	}

	.woocommerce ul.products li.product .pg-soon {
		padding: 0.15rem 0.5rem;
		font-size: 0.75rem;
	}

	.woocommerce ul.products li.product .button {
		width: 100%;
		min-height: 38px;
		padding: 0.375rem 0.5rem;
		font-size: 0.8125rem;
	}

	.pg-subcats .pg-cat-grid,
	.pg-section .pg-cat-grid.pg-theme-grid {
		grid-auto-columns: 40%;
	}
}

/* Desktop: širší vyhledávání v hlavičce, mezera pod nadpisy sloupců patičky */
@media (min-width: 1025px) {
	#main-header .header-html .pg-search {
		width: min(42vw, 540px);
	}
}

.site-footer .site-middle-footer-wrap :is(h2, h3, .widget-title) {
	margin-bottom: 0.75rem;
}

/* ==========================================================================
   15. ROZHRANÍ 0.4.0 – témata na telefonu, lišta Filtrovat/Řazení, vysouvací panely,
       panel vyhledávání, naposledy prohlížené, potvrzení košíku, mikrointerakce
   ========================================================================== */
body.pg-hdr-hidden {
	--pg-hdr-hidden: 1;
}

/* Reset tlačítek Kadence u vlastních komponent */
:is(.pg-sheet, .pg-mtools, .pg-spanel, .pg-recent, .pg-toast) button,
button.pg-share {
	font: inherit;
	letter-spacing: 0;
	text-transform: none;
	box-shadow: none;
	cursor: pointer;
}

/* --- Témata (žánry, kolekce) ve výpisu na telefonu: řádky čipů přes celou šířku --- */
@media (max-width: 767px) {
	.pg-archive-themes {
		margin: 0 calc(-1 * var(--pg-edge)) 1.25rem;
	}

	.pg-archive-themes .pg-themes {
		display: grid;
		gap: 12px;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: none;
	}

	.pg-archive-themes .pg-themes__group {
		min-width: 0;
	}

	.pg-archive-themes .pg-themes__title {
		margin: 0 0 6px;
		padding: 0 var(--pg-edge);
		color: var(--pg-color-text-subtle);
		font-size: 0.6875rem;
		font-weight: var(--pg-fw-black);
		letter-spacing: 0.08em;
		text-transform: uppercase;
	}

	.pg-archive-themes .pg-themes__chips {
		display: flex;
		flex-wrap: nowrap;
		gap: 8px;
		padding: 2px var(--pg-edge) 6px;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-padding-inline: var(--pg-edge);
		scroll-snap-type: x proximity;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		-webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent);
		mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent);
	}

	.pg-archive-themes .pg-themes__chips::-webkit-scrollbar {
		display: none;
	}

	.pg-archive-themes .pg-chip--theme {
		flex: 0 0 auto;
		min-height: 38px;
		padding: 0 14px;
		border-color: var(--pg-color-border);
		background: var(--pg-color-surface);
		font-size: 0.875rem;
		white-space: nowrap;
		box-shadow: var(--pg-shadow-sm);
		scroll-snap-align: start;
	}

	.pg-archive-themes .pg-chip--theme.is-active {
		border-color: var(--pg-color-primary);
		background: var(--pg-color-primary);
		color: #FFFFFF;
	}

	/* Lišta Filtrovat / Řazení nahrazuje rozbalovací filtry a výběr řazení */
	body.pg-mtools-on details.pg-filters,
	body.pg-mtools-on .kadence-shop-top-row .kadence-woo-ordering {
		display: none;
	}

	body.pg-mtools-on .kadence-shop-top-row {
		margin-bottom: 10px;
	}
}

.pg-mtools {
	position: sticky;
	top: calc(var(--pg-hdr-h, 106px) - var(--pg-hdr-hidden, 0) * var(--pg-hdr-shift, 58px));
	z-index: 970;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	margin: 0 calc(-1 * var(--pg-edge)) 12px;
	padding: 8px var(--pg-edge);
	background: rgba(244, 246, 251, 0.92);
	-webkit-backdrop-filter: saturate(180%) blur(10px);
	backdrop-filter: saturate(180%) blur(10px);
	transition: top 0.28s var(--pg-ease);
}

.pg-mtools[data-count="1"] {
	grid-template-columns: minmax(0, 1fr);
}

.pg-mtools .pg-mtools__btn {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	min-height: 48px;
	margin: 0;
	padding: 0 14px;
	border: 1px solid var(--pg-color-border);
	border-radius: 14px;
	background: var(--pg-color-surface);
	color: var(--pg-color-text);
	font-size: 0.9375rem;
	font-weight: var(--pg-fw-bold);
	text-align: left;
	box-shadow: var(--pg-shadow-sm);
}

.pg-mtools .pg-mtools__btn:hover,
.pg-mtools .pg-mtools__btn:focus {
	background: var(--pg-color-surface);
	color: var(--pg-color-text);
}

.pg-mtools .pg-mtools__btn.is-active {
	border-color: var(--pg-color-primary);
	box-shadow: 0 0 0 1px var(--pg-color-primary) inset, var(--pg-shadow-sm);
}

.pg-mtools__btn .pg-i {
	width: 20px;
	height: 20px;
	color: var(--pg-color-primary);
}

.pg-mtools__text {
	display: grid;
	min-width: 0;
	line-height: 1.15;
}

.pg-mtools__btn--sort .pg-mtools__text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pg-mtools__text small {
	color: var(--pg-color-text-subtle);
	font-size: 0.6875rem;
	font-weight: var(--pg-fw-semibold);
}

.pg-mtools__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	margin-left: auto;
	padding: 0 6px;
	border-radius: 999px;
	background: var(--pg-color-primary);
	color: #FFFFFF;
	font-size: 0.75rem;
	font-weight: var(--pg-fw-black);
}

/* --- Vysouvací panel (bottom sheet) --- */
html.pg-sheet-open {
	overflow: hidden;
}

.pg-sheet {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.pg-sheet[hidden] {
	display: none;
}

.pg-sheet__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(7, 11, 22, 0.55);
	opacity: 0;
	transition: opacity 0.25s var(--pg-ease);
}

.pg-sheet.is-open .pg-sheet__backdrop {
	opacity: 1;
}

.pg-sheet__panel {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 560px;
	max-height: min(86vh, 720px);
	border-radius: 22px 22px 0 0;
	background: var(--pg-color-surface);
	color: var(--pg-color-text);
	box-shadow: 0 -20px 60px rgba(7, 11, 22, 0.3);
	transform: translateY(100%);
	transition: transform 0.28s var(--pg-ease);
}

.pg-sheet.is-open .pg-sheet__panel {
	transform: none;
}

.pg-sheet__grab {
	flex: none;
	width: 40px;
	height: 5px;
	margin: 8px auto 2px;
	border-radius: 99px;
	background: var(--pg-color-border);
}

.pg-sheet__head {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 4px 12px 10px 20px;
	border-bottom: 1px solid var(--pg-color-surface-2);
	touch-action: none;
}

.pg-sheet .pg-sheet__title {
	margin: 0;
	font-size: 1.125rem;
	letter-spacing: -0.01em;
}

.pg-sheet .pg-sheet__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: 12px;
	background: var(--pg-color-surface-2);
	color: var(--pg-color-text);
}

.pg-sheet .pg-sheet__close:hover {
	background: var(--pg-color-border);
	color: var(--pg-color-text);
}

.pg-sheet__close .pg-i {
	width: 20px;
	height: 20px;
}

.pg-sheet__body {
	flex: 1 1 auto;
	padding: 4px 20px 16px;
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
}

.pg-sheet__foot {
	display: flex;
	flex: none;
	gap: 10px;
	padding: 12px 20px calc(12px + env(safe-area-inset-bottom));
	border-top: 1px solid var(--pg-color-surface-2);
}

.pg-sheet__foot:empty {
	display: none;
}

.pg-sheet .pg-sheet__btn {
	flex: 1 1 auto;
	min-height: 50px;
	margin: 0;
	padding: 0 18px;
	border: 0;
	border-radius: 14px;
	font-size: 1rem;
	font-weight: var(--pg-fw-bold);
}

.pg-sheet .pg-sheet__btn--ghost {
	flex: 0 0 auto;
	background: var(--pg-color-surface-2);
	color: var(--pg-color-text);
}

.pg-sheet .pg-sheet__btn--ghost:hover {
	background: var(--pg-color-border);
	color: var(--pg-color-text);
}

.pg-sheet .pg-sheet__btn--primary {
	background: var(--pg-color-primary);
	color: #FFFFFF;
}

.pg-sheet .pg-sheet__btn--primary:hover {
	background: var(--pg-color-primary-hover);
	color: #FFFFFF;
}

.pg-sheet .is-loading {
	opacity: 0.6;
	pointer-events: none;
}

/* Filtry v panelu – vícenásobný výběr, pak „Zobrazit výsledky“ */
.pg-fs {
	min-width: 0;
	margin: 0;
	padding: 14px 0;
	border: 0;
	border-bottom: 1px solid var(--pg-color-surface-2);
}

.pg-fs:last-child {
	border-bottom: 0;
}

.pg-fs .pg-fs__label {
	margin: 0 0 10px;
	padding: 0;
	color: var(--pg-color-text-subtle);
	font-size: 0.75rem;
	font-weight: var(--pg-fw-black);
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.pg-fs__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.pg-sheet .pg-fchip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 42px;
	margin: 0;
	padding: 0 14px;
	border: 1px solid var(--pg-color-border);
	border-radius: 999px;
	background: var(--pg-color-surface);
	color: var(--pg-color-text);
	font-size: 0.9375rem;
	font-weight: var(--pg-fw-semibold);
	transition: background-color var(--pg-dur) var(--pg-ease), border-color var(--pg-dur) var(--pg-ease), transform 0.12s ease;
}

.pg-sheet .pg-fchip:hover {
	border-color: var(--pg-color-primary);
	background: var(--pg-color-surface);
	color: var(--pg-color-text);
}

.pg-fchip small {
	color: var(--pg-color-text-subtle);
	font-size: 0.75rem;
	font-weight: var(--pg-fw-semibold);
}

.pg-fchip .pg-fchip__tick {
	display: none;
	width: 16px;
	height: 16px;
}

.pg-sheet .pg-fchip.is-on,
.pg-sheet .pg-fchip.is-on:hover {
	border-color: var(--pg-color-primary);
	background: var(--pg-color-primary);
	color: #FFFFFF;
}

.pg-fchip.is-on small {
	color: rgba(255, 255, 255, 0.8);
}

.pg-fchip.is-on .pg-fchip__tick {
	display: inline-block;
}

/* Řazení v panelu */
.pg-sopts {
	display: grid;
}

.pg-sheet .pg-sopt {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	min-height: 54px;
	margin: 0;
	padding: 0 4px;
	border: 0;
	border-bottom: 1px solid var(--pg-color-surface-2);
	border-radius: 0;
	background: none;
	color: var(--pg-color-text);
	font-size: 1rem;
	font-weight: var(--pg-fw-semibold);
	text-align: left;
}

.pg-sheet .pg-sopt:last-child {
	border-bottom: 0;
}

.pg-sheet .pg-sopt:hover {
	background: none;
	color: var(--pg-color-primary);
}

.pg-sopt .pg-sopt__tick {
	width: 22px;
	height: 22px;
	color: var(--pg-color-primary);
	opacity: 0;
}

.pg-sheet .pg-sopt.is-on {
	color: var(--pg-color-primary);
	font-weight: var(--pg-fw-bold);
}

.pg-sopt.is-on .pg-sopt__tick {
	opacity: 1;
}

/* --- Panel pod vyhledáváním: oblíbené + naposledy prohlížené --- */
.site-header .pg-search {
	position: relative;
}

.pg-spanel {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	left: 0;
	z-index: 60;
	max-height: min(70vh, 520px);
	padding: 12px 14px 14px;
	overflow-y: auto;
	border: 1px solid var(--pg-color-border);
	border-radius: 16px;
	background: var(--pg-color-surface);
	color: var(--pg-color-text);
	text-align: left;
	box-shadow: var(--pg-shadow-lg);
	animation: pg-pop 0.16s var(--pg-ease);
}

.pg-spanel[hidden] {
	display: none;
}

@keyframes pg-pop {
	from { opacity: 0; transform: translateY(-4px); }
	to { opacity: 1; transform: none; }
}

.pg-spanel__label {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 2px 0 8px;
	color: var(--pg-color-text-subtle);
	font-size: 0.6875rem;
	font-weight: var(--pg-fw-black);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.pg-spanel__label .pg-i {
	width: 15px;
	height: 15px;
	color: var(--pg-color-primary);
}

.pg-spanel__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 10px;
}

.pg-spanel__chips a {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 0 12px;
	border-radius: 999px;
	background: var(--pg-color-surface-2);
	color: var(--pg-color-text);
	font-size: 0.875rem;
	font-weight: var(--pg-fw-semibold);
	text-decoration: none;
}

.pg-spanel__chips a:hover {
	background: var(--pg-color-primary-soft);
	color: var(--pg-color-primary-700);
}

ul.pg-spanel__recent {
	display: grid;
	gap: 2px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pg-spanel__recent li {
	margin: 0;
}

.pg-spanel__recent a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 6px;
	border-radius: 10px;
	color: var(--pg-color-text);
	font-size: 0.9375rem;
	font-weight: var(--pg-fw-semibold);
	line-height: 1.3;
	text-decoration: none;
}

.pg-spanel__recent a:hover {
	background: var(--pg-color-surface-2);
}

.pg-spanel__img {
	width: 40px;
	height: 40px;
	flex: none;
	overflow: hidden;
	border-radius: 8px;
	background: var(--pg-color-surface-2);
}

.pg-spanel__img img,
.pg-recent__img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* --- Naposledy prohlížené (úvodní stránka, prázdný košík) --- */
.pg-recent--home {
	padding-block: 1.5rem 0.25rem;
}

.pg-recent__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}

.pg-recent .pg-recent__title {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	font-size: clamp(1.125rem, 1rem + 0.6vw, 1.375rem);
}

.pg-recent__title .pg-i {
	width: 22px;
	height: 22px;
	color: var(--pg-color-primary);
}

.pg-recent .pg-recent__clear {
	flex: none;
	white-space: nowrap;
	margin: 0;
	padding: 6px 0;
	border: 0;
	background: none;
	color: var(--pg-color-text-subtle);
	font-size: 0.8125rem;
	font-weight: var(--pg-fw-bold);
	text-decoration: underline;
	text-underline-offset: 0.18em;
}

.pg-recent .pg-recent__clear:hover {
	background: none;
	color: var(--pg-color-text);
}

ul.pg-recent__list {
	display: grid;
	grid-auto-columns: minmax(140px, 160px);
	grid-auto-flow: column;
	gap: 12px;
	margin: 0;
	padding: 2px 0 10px;
	overflow-x: auto;
	list-style: none;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.pg-recent__list::-webkit-scrollbar {
	display: none;
}

.pg-recent__item {
	margin: 0;
	scroll-snap-align: start;
}

.pg-recent__item a {
	display: flex;
	flex-direction: column;
	gap: 6px;
	height: 100%;
	padding: 8px;
	border: 1px solid var(--pg-color-border);
	border-radius: 16px;
	background: var(--pg-color-surface);
	color: var(--pg-color-text);
	text-decoration: none;
	box-shadow: var(--pg-shadow-sm);
	transition: transform 0.15s var(--pg-ease), box-shadow 0.15s var(--pg-ease);
}

.pg-recent__item a:hover {
	transform: translateY(-2px);
	box-shadow: var(--pg-shadow-md);
}

.pg-recent__img {
	display: block;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: 10px;
	background: var(--pg-color-surface-2);
}

.pg-recent__name {
	display: -webkit-box;
	overflow: hidden;
	font-size: 0.8125rem;
	font-weight: var(--pg-fw-bold);
	line-height: 1.3;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.pg-recent__price {
	color: var(--pg-color-text-subtle);
	font-size: 0.75rem;
	font-weight: var(--pg-fw-semibold);
}

.pg-recent-slot.pg-recent {
	margin-top: 1.75rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--pg-color-surface-2);
	text-align: left;
}

.pg-recent-slot .pg-recent__title {
	font-size: 1rem;
}

@media (max-width: 767px) {
	.pg-recent--home ul.pg-recent__list {
		margin-inline: calc(-1 * var(--pg-gutter));
		padding-inline: var(--pg-gutter);
		scroll-padding-inline: var(--pg-gutter);
	}
}

/* --- Potvrzení (toast) a „poskočení“ košíku --- */
.pg-toast {
	position: fixed;
	bottom: 24px;
	left: 50%;
	z-index: 100001;
	display: flex;
	align-items: center;
	gap: 10px;
	max-width: calc(100vw - 32px);
	padding: 12px 16px;
	border-radius: 14px;
	background: var(--pg-color-ink-900);
	color: #FFFFFF;
	font-size: 0.9375rem;
	font-weight: var(--pg-fw-semibold);
	box-shadow: var(--pg-shadow-lg);
	opacity: 0;
	pointer-events: none;
	transform: translate(-50%, 16px);
	transition: opacity 0.2s var(--pg-ease), transform 0.25s var(--pg-ease);
}

.pg-toast.is-on {
	opacity: 1;
	pointer-events: auto;
	transform: translate(-50%, 0);
}

.pg-toast .pg-i {
	width: 20px;
	height: 20px;
	color: var(--pg-color-mint);
}

.pg-toast a {
	margin-left: 6px;
	color: var(--pg-color-mint);
	font-weight: var(--pg-fw-black);
	white-space: nowrap;
	text-decoration: none;
}

@media (max-width: 1024px) {
	body.pg-has-bnav .pg-toast {
		bottom: calc(var(--pg-bnav-h) + 14px + env(safe-area-inset-bottom));
	}

	body.pg-has-buybar .pg-toast {
		bottom: calc(86px + env(safe-area-inset-bottom));
	}
}

@keyframes pg-bump {
	0% { transform: scale(1); }
	30% { transform: scale(1.28); }
	60% { transform: scale(0.92); }
	100% { transform: scale(1); }
}

.pg-bump {
	animation: pg-bump 0.5s var(--pg-ease);
}

/* --- Sdílení produktu --- */
.single-product div.product .summary.pg-has-share {
	position: relative;
}

.single-product .summary.pg-has-share .product_title {
	padding-right: 48px;
}

button.pg-share {
	position: absolute;
	top: 14px;
	right: 14px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 1px solid var(--pg-color-border);
	border-radius: 12px;
	background: var(--pg-color-surface);
	color: var(--pg-color-text-muted);
}

button.pg-share:hover,
button.pg-share:focus {
	border-color: var(--pg-color-primary);
	background: var(--pg-color-surface);
	color: var(--pg-color-primary);
}

button.pg-share .pg-i {
	width: 20px;
	height: 20px;
}

/* --- Odezva na dotyk: prvky se při stisku jemně „zmáčknou“ --- */
@media (hover: none) {
	.pg-cat-card a,
	.woocommerce ul.products li.product,
	.pg-chip,
	.pg-dquick__item,
	.pg-recent__item a,
	.pg-mtools__btn,
	.pg-tile,
	.pg-dbtn,
	.pg-spanel__chips a {
		transition: transform 0.12s ease;
		-webkit-tap-highlight-color: transparent;
	}

	.pg-cat-card a:active,
	.woocommerce ul.products li.product:active,
	.pg-chip:active,
	.pg-dquick__item:active,
	.pg-recent__item a:active,
	.pg-mtools__btn:active,
	.pg-tile:active,
	.pg-dbtn:active,
	.pg-spanel__chips a:active,
	.pg-sheet .pg-fchip:active {
		transform: scale(0.97);
	}
}

/* --- Plynulé přechody mezi stránkami (Chrome/Edge/Safari 18+) --- */
@media (prefers-reduced-motion: no-preference) {
	@view-transition {
		navigation: auto;
	}

	::view-transition-old(root),
	::view-transition-new(root) {
		animation-duration: 0.18s;
	}

	.pg-bnav {
		view-transition-name: pg-bnav;
	}
}

@media (prefers-reduced-motion: reduce) {
	.pg-sheet__panel,
	.pg-sheet__backdrop,
	.pg-toast,
	.pg-mtools,
	#masthead {
		transition: none;
	}
}

.pg-sheet__panel:focus {
	outline: none;
}

#masthead .pg-spanel a,
#masthead .pg-spanel a:hover {
	text-decoration: none;
}

/* Aktivní filtry pod lištou (telefon) */
.pg-mtools-active {
	display: flex;
	gap: 8px;
	margin: -4px calc(-1 * var(--pg-edge)) 12px;
	padding: 0 var(--pg-edge) 4px;
	overflow-x: auto;
	scrollbar-width: none;
}

.pg-mtools-active::-webkit-scrollbar {
	display: none;
}

.pg-achip {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 6px;
	min-height: 34px;
	padding: 0 8px 0 12px;
	border-radius: 999px;
	background: var(--pg-color-primary-soft);
	color: var(--pg-color-primary-700);
	font-size: 0.8125rem;
	font-weight: var(--pg-fw-bold);
	white-space: nowrap;
	text-decoration: none;
}

.pg-achip:hover {
	color: var(--pg-color-primary-700);
	text-decoration: none;
}

.pg-achip .pg-i {
	width: 16px;
	height: 16px;
}

.pg-achip--reset {
	padding: 0 12px;
	background: transparent;
	color: var(--pg-color-text-subtle);
	text-decoration: underline;
	text-underline-offset: 0.18em;
}

@media (max-width: 767px) {
	body.pg-mtools-on .kadence-shop-top-row {
		min-height: 0;
		margin-bottom: 8px;
		padding: 0;
	}

	body.pg-mtools-on .kadence-shop-top-row .kadence-shop-top-item {
		min-height: 0;
		margin: 0;
		padding: 0;
	}
}

/* ==========================================================================
   16. PROVOZOVATEL – řádek v patičce, telefon v šuplíku
   ========================================================================== */
.site-footer .pg-company {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2px 8px;
	max-width: 900px;
	margin: 0.625rem auto 0;
	color: var(--pg-color-ink-400);
	font-size: 0.8125rem;
	line-height: 1.6;
}

.site-footer .pg-company strong {
	color: var(--pg-color-ink-200);
	font-weight: var(--pg-fw-semibold);
}

.site-footer .pg-company a {
	color: var(--pg-color-ink-200);
	white-space: nowrap;
}

.pg-company__item {
	white-space: normal;
}

@media (max-width: 767px) {
	.site-footer .pg-company {
		flex-direction: column;
		align-items: center;
		gap: 0;
		font-size: 0.75rem;
	}

	.site-footer .pg-company__sep {
		display: none;
	}
}

.pg-dcall {
	display: grid;
	gap: 8px;
	margin: 18px 0 0;
}

.pg-dcall__row {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 56px;
	padding: 8px 12px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.05);
	color: #FFFFFF;
	text-decoration: none;
}

.pg-dcall__row:hover {
	background: rgba(255, 255, 255, 0.1);
	color: #FFFFFF;
	text-decoration: none;
}

.pg-dcall__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	flex: none;
	border-radius: 50%;
	background: var(--pg-color-mint);
	color: var(--pg-color-ink-900);
}

.pg-dcall__icon--mail {
	background: var(--pg-color-primary);
	color: #FFFFFF;
}

.pg-dcall__txt {
	display: grid;
	min-width: 0;
	line-height: 1.25;
}

.pg-dcall__txt small {
	color: var(--pg-color-ink-300);
	font-size: 0.75rem;
	font-weight: var(--pg-fw-semibold);
}

.pg-dcall__txt strong {
	overflow: hidden;
	font-size: 1rem;
	letter-spacing: 0.01em;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pg-dcall__more {
	justify-self: start;
	padding: 4px 2px;
	color: var(--pg-color-ink-200);
	font-size: 0.875rem;
	font-weight: var(--pg-fw-bold);
	text-decoration: underline;
	text-underline-offset: 0.18em;
}

.pg-dcall__more:hover {
	color: #FFFFFF;
}