/*
Theme Name: Divi Child od WPlama.cz
Theme URI: https://www.wplama.cz/divi-child-sablona/
Description: Lehká child šablona pro Divi 5+. Obsahuje připravenou strukturu style.css, vlastní CSS pro WooCommerce pokladnu, podporu nahrávání SVG a opravu MIME kontroly. Překlady řeší oficiální language pack Divi 5 (translate.wordpress.org), child šablona do nich nezasahuje.
Author: WPlama.cz
Author URI: https://www.wplama.cz/divi-child-sablona/
Template: Divi
Version: 2.00
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: divi-child-wplama
Tags: divi, divi-5, child-theme
*/


/* ==========================================================================
   AMDEN — @font-face (lokálně hostované fonty)
   --------------------------------------------------------------------------
   Self-hosted variable fonty kvůli GDPR — žádný request na fonts.gstatic.com.
   Soubory: /assets/fonts/ (woff2, latin + latin-ext).
   Unicode-range zajistí, že prohlížeč stáhne latin-ext jen u stránek, kde
   je diakritika nad rámec základní latinky (typicky všude, díky češtině).

   Variable osy:
     - Archivo:       wght 100–900
     - Big Shoulders: wght 100–900 + opsz 10–72
       (opsz = optical size, automaticky přepíná Display ↔ Text variantu
        podle font-size — řízeno font-optical-sizing: auto, default v
        moderních prohlížečích. Citace 22px tedy dostane Text optimization,
        H1 85px Display optimization, vše z jednoho souboru.)

   Zdroj: @fontsource-variable/{archivo,big-shoulders}.
   ========================================================================== */

/* Archivo (body) — latin */
@font-face {
	font-family: 'Archivo';
	font-style: normal;
	font-display: swap;
	font-weight: 100 900;
	src: url('./assets/fonts/archivo-latin-wght-normal.woff2') format('woff2-variations');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Archivo (body) — latin-ext (čeština: ě š č ř ž ý á í é ú ů …) */
@font-face {
	font-family: 'Archivo';
	font-style: normal;
	font-display: swap;
	font-weight: 100 900;
	src: url('./assets/fonts/archivo-latin-ext-wght-normal.woff2') format('woff2-variations');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Big Shoulders (heading) — latin, axes: wght + opsz */
@font-face {
	font-family: 'Big Shoulders';
	font-style: normal;
	font-display: swap;
	font-weight: 100 900;
	src: url('./assets/fonts/big-shoulders-latin-opsz-normal.woff2') format('woff2-variations');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Big Shoulders (heading) — latin-ext, axes: wght + opsz */
@font-face {
	font-family: 'Big Shoulders';
	font-style: normal;
	font-display: swap;
	font-weight: 100 900;
	src: url('./assets/fonts/big-shoulders-latin-ext-opsz-normal.woff2') format('woff2-variations');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* ==========================================================================
   AMDEN — TOKENS
   --------------------------------------------------------------------------
   Jediný zdroj pravdy pro celý projekt (CLAUDE.md §4). Hodnoty barev a
   rodin písem MUSÍ zůstat identické s nastavením v Divi → Theme
   Customizer, ať Divi moduly i custom .amden-* třídy vykreslují totéž.

   Pravidlo: v třídách amden-* NIKDY nepoužíváš raw paletu (--amden-c-*)
   napřímo — vždy přes sémantický token (--amden-color-*). Přebarvení
   designu pak znamená přepsat jen mapping níže, ne procházet celý web.
   ========================================================================== */

:root {

	/* --- Colors / raw paleta AMDEN 2026 (1:1 z Figmy) -------------------- */
	--amden-c-white:           #FFFFFF;
	--amden-c-light-grey:      #E9E9E9;
	--amden-c-dark-grey:       #4B4E55;
	--amden-c-light-gold:      #F5EFE3;
	--amden-c-med-gold:        #D6BD7F;
	--amden-c-dark-gold:       #C5A860;
	--amden-c-dark-gold-hover: #A68A45;
	--amden-c-black:           #1C1C1C;

	/* --- Colors / sémantické role (POUŽÍVAT v amden-* třídách) ----------- */

	/* Pozadí */
	--amden-color-bg:           var(--amden-c-white);
	--amden-color-bg-alt:       var(--amden-c-light-gold);
	--amden-color-bg-dark:      var(--amden-c-black);
	--amden-color-border:       var(--amden-c-light-grey);
	--amden-color-border-soft:  var(--amden-c-light-gold); /* dekorativní rámečky (testimonial, info-box) */

	/* Text — POZOR: oproti briefu CLAUDE.md §4 přerovnáno dle Figmy.
	   --amden-color-text je nyní default body color (dark grey),
	   black je vyhrazená pro nadpisy a inline důraz (--amden-color-heading). */
	--amden-color-text:         var(--amden-c-dark-grey);
	--amden-color-heading:      var(--amden-c-black);
	--amden-color-text-on-dark: var(--amden-c-white);

	/* Primary akce */
	--amden-color-primary:       var(--amden-c-dark-gold);
	--amden-color-primary-hover: var(--amden-c-dark-gold-hover);
	--amden-color-accent:        var(--amden-c-med-gold);   /* eyebrow labely, pull-quote nadpisy */
	--amden-color-accent-soft:   var(--amden-c-light-gold); /* jemné pozadí, decorative borders */

	/* --- Gradients ------------------------------------------------------- */
	--amden-gradient-dark: linear-gradient(209.9deg, #111111 2.16%, #3D3C3C 43.78%);

	/* --- Typography / fonts ---------------------------------------------- */
	--amden-font-heading: 'Big Shoulders', 'Oswald', sans-serif;
	--amden-font-body:    'Archivo', 'Open Sans', system-ui, sans-serif;

	/* --- Typography / velikosti (clamp: mobile → desktop dle Figmy) ----- */
	/* Desktop hodnoty 1:1 z Figma exportu. Mobile dorýsováno odhadem
	   (Figma mobile typescale chybí — doladíme až dorazí). */
	--amden-fs-h1:      clamp(2.25rem, 1.4rem  + 4.25vw, 5.3125rem); /* 36 → 85px */
	--amden-fs-h2:      clamp(1.75rem, 1.27rem + 2.4vw,  3.375rem);  /* 28 → 54px */
	--amden-fs-h3:      clamp(1.625rem, 1.2rem + 2.1vw,  2.75rem);   /* 26 → 44px */
	--amden-fs-h4:      clamp(1.375rem, 1.1rem + 1.4vw,  2.1875rem); /* 22 → 35px */
	--amden-fs-h5:      clamp(1.25rem, 1.07rem + 0.85vw, 1.6875rem); /* 20 → 27px */
	--amden-fs-h6:      clamp(1.125rem, 0.97rem + 0.78vw, 1.625rem); /* 18 → 26px */
	--amden-fs-lead:    clamp(1.0625rem, 0.95rem + 0.55vw, 1.25rem); /* 17 → 20px — Perex */
	--amden-fs-body:    clamp(0.875rem, 0.85rem + 0.15vw, 0.9375rem); /* 14 → 15px — Text 15 */
	--amden-fs-small:   clamp(0.8125rem, 0.8rem + 0.1vw,  0.875rem); /* 13 → 14px */
	--amden-fs-eyebrow: clamp(1.25rem, 1.04rem + 1.05vw, 2.125rem); /* 20 → 34px — "Případová studie" */

	/* --- Typography / line-heighty -------------------------------------- */
	--amden-lh-tight:    1.0;   /* H1, H2 (Figma 100–102%) */
	--amden-lh-heading:  1.1;   /* H3–H5 (Figma 110%) */
	--amden-lh-h6:       1.15;  /* H6 (Figma 115%) */
	--amden-lh-loose:    1.4;   /* Lead/perex (Figma 140%) */
	--amden-lh-body:     1.5;   /* Default body (Figma 150%) */

	/* --- Typography / letter-spacing ------------------------------------ */
	--amden-ls-normal:   0;
	--amden-ls-body:     0.01em; /* Text 15 z Figmy */

	/* --- Typography / weights (Big Shoulders + Archivo, variable) ------- */
	--amden-fw-regular:  400;
	--amden-fw-medium:   500;
	--amden-fw-semibold: 600;
	--amden-fw-bold:     700;
	--amden-fw-black:    800;

	/* --- Spacing scale (clamp: mobile → desktop) ------------------------ */
	/* Defaulty z briefu §4. Doladíme až dorazí Figma spacing scale. */
	--amden-space-xs:  clamp(0.25rem, 0.2rem + 0.25vw, 0.5rem);  /*  4 → 8px */
	--amden-space-s:   clamp(0.5rem, 0.4rem + 0.5vw, 1rem);      /*  8 → 16px */
	--amden-space-m:   clamp(1rem, 0.8rem + 1vw, 2rem);          /* 16 → 32px */
	--amden-space-l:   clamp(2rem, 1.5rem + 2vw, 4rem);          /* 32 → 64px */
	--amden-space-xl:  clamp(3rem, 2rem + 4vw, 6rem);            /* 48 → 96px */
	--amden-space-2xl: clamp(4rem, 2.5rem + 6vw, 8rem);          /* 64 → 128px */

	/* --- Radius -------------------------------------------------------- */
	--amden-radius-s:    4px;
	--amden-radius-m:    8px;
	--amden-radius-l:    16px;
	--amden-radius-full: 9999px;

	/* --- Misc ----------------------------------------------------------- */
	--amden-transition:  200ms cubic-bezier(0.4, 0, 0.2, 1);

	/* --- Buttons -------------------------------------------------------- */
	--amden-btn-padding-y:  0.5rem;     /* 8px */
	--amden-btn-padding-x:  1.5rem;     /* 24px */
	--amden-btn-radius:     5px;
	--amden-btn-gap:        0.5rem;     /* 8px (mezi ikonou a textem) */
	--amden-btn-font:       var(--amden-font-heading);
	--amden-btn-fw:         400;
	--amden-btn-fs:         clamp(1rem, 0.85rem + 0.65vw, 1.4375rem); /* 16 → 23px */
	--amden-btn-lh:         1.5;
	--amden-btn-ls:         0.02em;
	--amden-btn-border:     1px;
	--amden-btn-transition: var(--amden-transition);

}


/* ==========================================================================
   AMDEN — RESET & BASE
   --------------------------------------------------------------------------
   Minimální polish nad Divi — žádný heavy-handed reset (Divi má vlastní
   normalizaci, ničíme jí pod nohama). Jen border-box, focus polish,
   smooth scroll a obrázky bez overflow.
   ========================================================================== */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

:focus-visible {
	outline: 2px solid var(--amden-color-primary);
	outline-offset: 2px;
}

img,
svg,
video {
	max-width: 100%;
	height: auto;
}


/* ==========================================================================
   AMDEN — TYPOGRAPHY
   --------------------------------------------------------------------------
   Aplikace tokenů na elementy. Velikosti dle Figmy, weighty z designu
   (Figma má neobvyklou hierarchii — H3 je medium, ostatní headingy black).
   Uppercase jen tam, kde to Figma má (H1, H2, H3 — H4 a níže case-sensitive).
   ========================================================================== */

body {
	font-family: var(--amden-font-body);
	font-size: var(--amden-fs-body);
	line-height: var(--amden-lh-body);
	letter-spacing: var(--amden-ls-body);
	color: var(--amden-color-text);
	background-color: var(--amden-color-bg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

/* --- Headings --- */

h1, h2, h3, h4, h5, h6 {
	font-family: var(--amden-font-heading);
	color: var(--amden-color-heading);
	margin: 0 0 0.5em;
	letter-spacing: var(--amden-ls-normal);
}

/* Force heading font-family pro Divi Visual Builder editor view —
   Divi VB má vlastní stylesheet s pravidly typu .et-fb h1 (0,0,1,1),
   který přebíjí naše body h* (0,0,0,2). !important je nutné, protože
   nemáme vyšší specificitu než per-element selektor. Front-endu se
   nedotkne (tam vyhraje stejně .et_pb_text_inner h1).
   Brief CLAUDE.md §2 pravidlo 6 to pro Divi specificity dovoluje. */
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
	font-family: var(--amden-font-heading) !important;
}

h1 {
	font-size: var(--amden-fs-h1);
	font-weight: var(--amden-fw-black);
	line-height: var(--amden-lh-tight);
	text-transform: uppercase;
}

h2 {
	font-size: var(--amden-fs-h2);
	font-weight: var(--amden-fw-black);
	line-height: var(--amden-lh-tight);
	text-transform: uppercase;
}

h3 {
	font-size: var(--amden-fs-h3);
	font-weight: var(--amden-fw-medium); /* Figma má H3 lehčí — záměr designu */
	line-height: var(--amden-lh-heading);
	text-transform: uppercase;
}

h4 {
	font-size: var(--amden-fs-h4);
	font-weight: var(--amden-fw-black);
	line-height: var(--amden-lh-heading);
}

h5 {
	font-size: var(--amden-fs-h5);
	font-weight: var(--amden-fw-black);
	line-height: var(--amden-lh-heading);
}

h6 {
	font-size: var(--amden-fs-h6);
	font-weight: var(--amden-fw-semibold);
	line-height: var(--amden-lh-h6);
	color: var(--amden-color-primary); /* Figma: H6 je zlaté */
}

/* --- Paragrafy --- */

p {
	margin: 0 0 1em;
}

p:last-child {
	margin-bottom: 0;
}

/* --- Helper třídy pro speciální texty (eyebrow, lead) ---
   Třídy jsou navržené tak, aby fungovaly jak na samostatném elementu
   (<span class="…">, <p class="…">), tak když je Divi přidá na Text Module
   wrapper (.et_pb_text > .et_pb_text_inner > p). Tj. cílíme jak na wrapper,
   tak na vnořené elementy. */

/* Eyebrow / popisek nad nadpisem ("Případová studie" v designu).
   Použití v Divi: Text Module → CSS Class: amden-text-eyebrow
   Obsah modulu: čistý text ("Případová studie"), žádné HTML. */
.amden-text-eyebrow {
	display: block;
	margin-bottom: 0.5em;
}

.amden-text-eyebrow,
.amden-text-eyebrow .et_pb_text_inner,
.amden-text-eyebrow .et_pb_text_inner p,
.amden-text-eyebrow p {
	font-family: var(--amden-font-heading);
	font-size: var(--amden-fs-eyebrow);
	font-weight: var(--amden-fw-regular);
	line-height: 1.12;
	color: var(--amden-color-accent);
}

.amden-text-eyebrow p,
.amden-text-eyebrow .et_pb_text_inner p {
	margin: 0;
}

/* Lead / perex — větší úvodní odstavec sekce.
   Použití v Divi: Text Module → CSS Class: amden-text-lead
   Obsah modulu: jeden nebo více odstavců (běžný WYSIWYG). */
.amden-text-lead,
.amden-text-lead .et_pb_text_inner,
.amden-text-lead .et_pb_text_inner p,
.amden-text-lead p {
	font-size: var(--amden-fs-lead);
	font-weight: var(--amden-fw-semibold);
	line-height: var(--amden-lh-loose);
	color: var(--amden-color-text);
}

/* --- Inline elementy --- */

a {
	color: var(--amden-color-primary);
	text-decoration: underline;
	text-underline-offset: 0.15em;
	transition: color var(--amden-transition);
}

a:hover,
a:focus-visible {
	color: var(--amden-color-primary-hover);
}

strong, b {
	font-weight: var(--amden-fw-semibold);
	color: var(--amden-color-heading);
}

em, i {
	font-style: italic;
}

small,
.amden-text-small {
	font-size: var(--amden-fs-small);
}

code, kbd, samp {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.9em;
	background: var(--amden-color-bg-alt);
	padding: 0.1em 0.35em;
	border-radius: 4px;
}

pre {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.9em;
	background: var(--amden-color-bg-alt);
	padding: 1em;
	border-radius: 8px;
	overflow-x: auto;
	margin: 0 0 1em;
}

pre code {
	background: transparent;
	padding: 0;
	border-radius: 0;
}

/* --- Seznamy --- */

ul, ol {
	margin: 0 0 1em;
	padding-left: 1.25em;
}

ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}

li {
	margin-bottom: 0.25em;
}

li:last-child {
	margin-bottom: 0;
}

/* --- Citace --- */

/* Default <blockquote> = "Vykřik" (pull-quote) dle Figmy.
   Vertikální lišta Light Gold vlevo + velký Med Gold uppercase nadpis.
   Hodnoty z Figma exportu (desktop): font-size 35px, weight 800,
   line-height 108%, lišta 10px, gap 16px.
   Classic testimonial card (s rámečkem + autorem) přijde později jako
   .amden-testimonial — má jiný design (Dark Gold text, ikona uvozovek). */
blockquote {
	margin: 0 0 1em;
	padding: 0 0 0 1rem; /* 16px gap mezi lištou a textem */
	border-left: 0.625rem solid var(--amden-color-accent-soft); /* 10px Light Gold lišta */
	font-family: var(--amden-font-heading);
	font-size: var(--amden-fs-h4); /* 22 → 35px (sedne s Figma 35px desktop) */
	font-weight: var(--amden-fw-black);
	line-height: 1.08; /* Figma: 108% */
	color: var(--amden-color-accent);
	text-transform: uppercase;
}

blockquote p {
	margin: 0;
}

blockquote cite,
cite {
	display: block;
	margin-top: 1em;
	font-family: var(--amden-font-body);
	font-size: var(--amden-fs-small);
	font-weight: var(--amden-fw-regular);
	line-height: 1.35;
	color: var(--amden-color-text);
	font-style: normal;
	text-transform: none;
	letter-spacing: var(--amden-ls-body);
}

/* --- Oddělovač --- */

hr,
.amden-divider {
	border: 0;
	border-top: 1px solid var(--amden-color-border);
	margin: 2rem 0; /* spacing tokeny doplníme později — nyní rozumný default */
}


/* ==========================================================================
   AMDEN — COMPONENTS
   --------------------------------------------------------------------------
   Znovupoužitelné komponenty s prefixem .amden-*, BEM nomenklatura
   (block, block__element, block--modifier). Třída se v Divi přidává přes
   Advanced → CSS Class field na příslušný modul / sekci / wrapper.
   ========================================================================== */

/* --- Buttons (Divi Button Module) --------------------------------------- */

/* AMDEN button styling se aplikuje přímo na .et_pb_button — uživatel
   používá klasický Divi Button Module a default styling = primary.
   Pro ostatní varianty přidá CSS Class na modul:
     - amden-btn--secondary    (Dark Grey → Black na hover)
     - amden-btn--ghost-light  (transparent + bílý border, pro tmavá pozadí)
     - amden-btn--ghost-dark   (transparent + černý border, pro světlá pozadí)

   Hodnoty z Figma exportu: padding 8/24, gap 8, border-radius 5, border 1px,
   Big Shoulders 400 23px (clamp 16→23), letter-spacing 0.02em, line-height 1.5. */

/* Vypnout Divi default hover animaci (arrow ikona + padding shift napravo).
   Figma button má jen text — žádná ikona ani animace. */
.et_pb_button:before,
.et_pb_button:after {
	display: none !important;
	content: '' !important;
	margin: 0 !important;
}

/* Hover stabilita rozměru: Divi default zvětšuje border-width z 1 na 2px
   a posouvá padding (kvůli příchozí arrow ikoně). Vrátíme oboje. */
.et_pb_button:hover {
	padding: var(--amden-btn-padding-y) var(--amden-btn-padding-x) !important;
	border-width: var(--amden-btn-border) !important;
}

/* POZN. !important níže je kvůli Divi Customizer Button Settings, které
   inline / s vyšší specificitou nastavují color/background/border-color
   na všech .et_pb_button. Brief CLAUDE.md §2 pravidlo 6 to dovoluje. */

/* Base — společné pro všechny varianty (= Primary default) */
.et_pb_button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--amden-btn-gap);
	padding: var(--amden-btn-padding-y) var(--amden-btn-padding-x);
	border: var(--amden-btn-border) solid transparent !important;
	border-radius: var(--amden-btn-radius);
	background: var(--amden-color-primary) !important;
	color: var(--amden-color-text-on-dark) !important;
	font-family: var(--amden-btn-font);
	font-weight: var(--amden-btn-fw);
	font-size: var(--amden-btn-fs);
	line-height: var(--amden-btn-lh);
	letter-spacing: var(--amden-btn-ls);
	text-decoration: none;
	text-transform: none;
	cursor: pointer;
	transition: background-color var(--amden-btn-transition),
	            color var(--amden-btn-transition),
	            border-color var(--amden-btn-transition);
}

.et_pb_button:hover {
	background: var(--amden-color-primary-hover) !important;
	color: var(--amden-color-text-on-dark) !important;
	border-color: transparent !important;
}

.et_pb_button:focus-visible {
	outline: 2px solid var(--amden-color-primary);
	outline-offset: 2px;
}

/* Secondary Dark — sekundární akce */
.et_pb_button.amden-btn--secondary {
	background: var(--amden-c-dark-grey) !important;
	color: var(--amden-color-text-on-dark) !important;
	border-color: transparent !important;
}

.et_pb_button.amden-btn--secondary:hover {
	background: var(--amden-c-black) !important;
	color: var(--amden-color-text-on-dark) !important;
	border-color: transparent !important;
}

/* Tertiary Light Ghost — pro tmavá pozadí (hero, footer) */
.et_pb_button.amden-btn--ghost-light {
	background: transparent !important;
	border-color: var(--amden-c-white) !important;
	color: var(--amden-c-white) !important;
}

.et_pb_button.amden-btn--ghost-light:hover {
	background: var(--amden-c-white) !important;
	border-color: var(--amden-c-white) !important;
	color: var(--amden-c-dark-grey) !important;
}

/* Tertiary Dark Ghost — pro světlá pozadí (běžné sekce) */
.et_pb_button.amden-btn--ghost-dark {
	background: transparent !important;
	border-color: var(--amden-c-black) !important;
	color: var(--amden-c-black) !important;
}

.et_pb_button.amden-btn--ghost-dark:hover {
	background: var(--amden-c-black) !important;
	border-color: var(--amden-c-black) !important;
	color: var(--amden-c-white) !important;
}


/* --- amden-card--bordered ----------------------------------------------- */

/* Info-box s Light Gold rámečkem a zaoblenými rohy.
   Použití v Divi: Text Module → CSS Class: amden-card--bordered
   Obsah modulu: běžný text (jeden či více odstavců).

   Hodnoty z Figma exportu (desktop):
     - border 3px solid Light Gold
     - border-radius 16px
     - padding 40px → clamp 20 → 40px (mobile-friendly)

   Padding aplikujeme na .et_pb_text_inner (vnitřní obsah Divi modulu),
   border + radius na vnější .et_pb_text wrapper (= náš .amden-card--bordered),
   ať border obtáhne celý box. */
.amden-card--bordered {
	border: 3px solid var(--amden-color-border-soft);
	border-radius: var(--amden-radius-l);
}

.amden-card--bordered .et_pb_text_inner {
	padding: clamp(1.25rem, 0.83rem + 2.08vw, 2.5rem); /* 20 → 40px */
}


/* --- amden-testimonial --------------------------------------------------- */

/* Testimonial card složená v rámci Row: třída amden-testimonial na Row,
   uvnitř po sobě tři moduly:
     1. Image module — ikona uvozovek (např. 64×47 SVG).
        Vedle ikony se automaticky vykreslí Light Gold horizontální čára
        (3px, vyplní zbylou šířku) přes ::after pseudo-element.
     2. Text module → CSS Class: amden-testimonial__quote
        (zlatý text — Big Shoulders 600 22px Dark Gold)
     3. Text module → CSS Class: amden-testimonial__author
        (autor — Archivo 400 16px Dark Grey)

   Hodnoty z Figma exportu:
     - Row padding: 24px shora, 40px po stranách, 40px zdola → clamp
     - Row gap mezi moduly: 25px → clamp 16 → 25px
     - Row border-radius: 16px
     - Quote: Big Shoulders Text 600 22px line-height 137%
     - Author: Archivo 400 16px line-height 135% */

/* Row container */
.amden-testimonial {
	padding: clamp(0.875rem, 0.67rem + 1.04vw, 1.5rem)        /* 14 → 24px shora */
	         clamp(1.25rem, 0.83rem + 2.08vw, 2.5rem)          /* 20 → 40px po stranách */
	         clamp(1.5rem, 1.17rem + 1.67vw, 2.5rem);          /* 24 → 40px zdola */
	border-radius: var(--amden-radius-l);
}

/* Gap mezi moduly uvnitř testimonialu */
.amden-testimonial .et_pb_module {
	margin-bottom: clamp(1rem, 0.81rem + 0.94vw, 1.5625rem);  /* 16 → 25px */
}

.amden-testimonial .et_pb_module:last-child {
	margin-bottom: 0;
}

/* Image module: ikona vlevo, horizontální Light Gold čára vyplní zbytek */
.amden-testimonial .et_pb_image {
	display: flex;
	justify-content: flex-start; /* override Divi default center alignment */
	gap: 0;
	text-align: left;
}

.amden-testimonial .et_pb_image .et_pb_image_wrap {
	margin: 0; /* override Divi `margin: 0 auto` (centruje image) */
	flex-shrink: 0; /* ikona si drží svou šířku, čára roste do flex: 1 */
}

.amden-testimonial .et_pb_image::after {
	content: '';
	flex: 1 1 0;
	height: 3px;
	background: var(--amden-color-border-soft);
}

/* Quote text — "zlatý" Big Shoulders Text */
.amden-testimonial__quote,
.amden-testimonial__quote .et_pb_text_inner,
.amden-testimonial__quote .et_pb_text_inner p {
	font-family: var(--amden-font-heading); /* Big Shoulders, opsz auto-vybere Text variantu pro 22px */
	font-size: clamp(1.125rem, 1.04rem + 0.42vw, 1.375rem); /* 18 → 22px */
	font-weight: var(--amden-fw-semibold);
	line-height: 1.37; /* Figma: 137% */
	color: var(--amden-color-primary); /* Dark Gold */
	text-transform: none;
	letter-spacing: var(--amden-ls-normal);
}

/* Author text — Archivo */
.amden-testimonial__author,
.amden-testimonial__author .et_pb_text_inner,
.amden-testimonial__author .et_pb_text_inner p {
	font-family: var(--amden-font-body);
	font-size: clamp(0.875rem, 0.83rem + 0.21vw, 1rem); /* 14 → 16px */
	font-weight: var(--amden-fw-regular);
	line-height: 1.35; /* Figma: 135% */
	color: var(--amden-color-text);
	letter-spacing: var(--amden-ls-body);
}


/* --- amden-numbered-list ------------------------------------------------- */

/* Číslovaný seznam: gold kruh (Med Gold) s bílým číslem vlevo, vpravo
   nadpis (gold) + body text. Číslo se generuje AUTOMATICKY CSS counterem
   formátu decimal-leading-zero — 01, 02, …, 09, 10, 11, … bez nutnosti
   ručně psát čísla. Funguje neomezeně, ne jen do 10.

   Použití: Code Module v Divi (Divi nativní moduly nestačí pro tuhle
   úroveň customizace).

   Markup:
     <ol class="amden-numbered-list">
       <li>
         <div class="amden-numbered-list__body">
           <h6>Nadpis bodu</h6>
           <p>Body text bodu…</p>
         </div>
       </li>
       <li>…</li>
     </ol>

   Hodnoty z Figma exportu:
     - Circle: 54×54px → clamp 40 → 54px
     - Number text: Big Shoulders Display 800 42px white → clamp 28 → 42px
     - Gap circle ↔ body: 16px (1rem)
     - Gap heading ↔ paragraph: 6px (0.375rem)
   Heading dědí default H6 styling (Big Shoulders 600 Dark Gold). */

.amden-numbered-list {
	list-style: none;
	counter-reset: amden-num;
	padding: 0;
	margin: 0;
	/* Explicit font + color: Code Module je mimo .et_pb_text_inner,
	   takže naše Divi overrides typografie se neuplatní — explicit base. */
	font-family: var(--amden-font-body);
	color: var(--amden-color-text);
}

/* Schovej prázdné <p>, které Divi Text Module / WP wpautop někdy vkládá
   mezi shortcode itemy — rozhazuje vertikální rytmus i sloupcový layout. */
.amden-numbered-list > p,
.amden-numbered-list p:empty {
	display: none;
}

/* 2 sloupce od tabletu výš (CLAUDE.md §5: tablet ≥ 768px) */
@media (min-width: 768px) {
	.amden-numbered-list {
		column-count: 2;
		column-gap: clamp(1.5rem, 0.6rem + 3.1vw, 3rem); /* 24 → 48px */
	}
}

.amden-numbered-list > li {
	display: flex;
	align-items: center;
	gap: 1rem; /* 16px mezi kruhem a textem */
	margin: 0 0 1rem; /* 16px mezi položkami dle Figmy */
	counter-increment: amden-num;
	break-inside: avoid; /* položka se nesplitne mezi sloupci */
}

.amden-numbered-list > li:last-child {
	margin-bottom: 0;
}

.amden-numbered-list > li::before {
	content: counter(amden-num, decimal-leading-zero);
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: clamp(2.5rem, 2rem + 1.45vw, 3.375rem);  /* 40 → 54px */
	height: clamp(2.5rem, 2rem + 1.45vw, 3.375rem); /* 40 → 54px */
	border-radius: 50%;
	background: var(--amden-color-accent); /* Med Gold */
	color: var(--amden-color-text-on-dark); /* white */
	font-family: var(--amden-font-heading);
	font-weight: var(--amden-fw-black);
	font-size: clamp(1.75rem, 1.3rem + 1.45vw, 2.625rem); /* 28 → 42px */
	line-height: 1;
}

.amden-numbered-list__body {
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	gap: 0.375rem; /* 6px mezi h6 a p */
}

/* Heading + paragraph styling explicit — Code Module je mimo .et_pb_text_inner
   wrapper, takže naše Divi overrides h6 / p se nedotknou. */
.amden-numbered-list__body > h6 {
	margin: 0;
	padding: 0;
	font-family: var(--amden-font-heading);
	font-size: var(--amden-fs-h6);
	font-weight: var(--amden-fw-semibold);
	line-height: var(--amden-lh-h6);
	color: var(--amden-color-primary); /* gold dle Figmy */
	letter-spacing: var(--amden-ls-normal);
	text-transform: none;
}

.amden-numbered-list__body > p {
	margin: 0;
	font-family: var(--amden-font-body);
	font-size: var(--amden-fs-body);
	font-weight: var(--amden-fw-regular);
	line-height: var(--amden-lh-body);
	color: var(--amden-color-text);
	letter-spacing: var(--amden-ls-body);
}

/* Force margin: 0 — Divi Customizer Heading Settings (resp. base h6
   rule) může přidávat margin-bottom (≈0.5em = 13px) přes selektor
   s ekvivalentní nebo vyšší specificitou než naše .amden-numbered-list__body
   > h6. body prefix (0,0,1,2) tu Divi cestu spolehlivě přebije. */
body .amden-numbered-list h6,
body .amden-numbered-list p {
	margin: 0;
}


/* ==========================================================================
   AMDEN — DIVI OVERRIDES
   --------------------------------------------------------------------------
   Divi 5 styluje nadpisy v Text Module přes selektor .et_pb_text h* nebo
   .et_pb_section h* (specificita 0,0,1,1), což přebíjí naše prosté h*
   selektory v sekci Typography (0,0,0,1).

   Strategie: duplikujeme klíčové vlastnosti se selektorem .et_pb_text_inner h*
   (stejná specificita 0,0,1,1, ale naše stylesheet je enqueued PO divi-style
   → vyhráváme v cascadě). Bez !important.

   Pravidlo: hodnoty zrcadlí sekci Typography — vždy přes tokeny, nikdy
   napevno. Když měníš token v :root, automaticky se promítne i sem.
   ========================================================================== */

/* --- Body font v Text Module --------------------------------------------- */

/* Divi Text Module má vlastní default `.et_pb_text { font-family: 'Open Sans' }`
   (specificita 0,0,1,0), což přebije naše body { font-family: ... } (0,0,0,1)
   nezávisle na nastavení Customizer Body Font. Vrátíme Archivo. */
.et_pb_text,
.et_pb_text_inner {
	font-family: var(--amden-font-body);
}


/* --- Headings v Text Module ---------------------------------------------- */

.et_pb_text_inner h1,
.et_pb_text_inner h2,
.et_pb_text_inner h3,
.et_pb_text_inner h4,
.et_pb_text_inner h5,
.et_pb_text_inner h6 {
	font-family: var(--amden-font-heading);
	color: var(--amden-color-heading);
	letter-spacing: var(--amden-ls-normal);
	margin: 0 0 0.5em;
	padding: 0; /* Divi default: padding-bottom: 10px → reset, ať se nepřičítá k margin */
}

.et_pb_text_inner h1 {
	font-size: var(--amden-fs-h1);
	font-weight: var(--amden-fw-black);
	line-height: var(--amden-lh-tight);
	text-transform: uppercase;
}

.et_pb_text_inner h2 {
	font-size: var(--amden-fs-h2);
	font-weight: var(--amden-fw-black);
	line-height: var(--amden-lh-tight);
	text-transform: uppercase;
}

.et_pb_text_inner h3 {
	font-size: var(--amden-fs-h3);
	font-weight: var(--amden-fw-medium); /* Figma má H3 záměrně lehčí */
	line-height: var(--amden-lh-heading);
	text-transform: uppercase;
}

.et_pb_text_inner h4 {
	font-size: var(--amden-fs-h4);
	font-weight: var(--amden-fw-black);
	line-height: var(--amden-lh-heading);
}

.et_pb_text_inner h5 {
	font-size: var(--amden-fs-h5);
	font-weight: var(--amden-fw-black);
	line-height: var(--amden-lh-heading);
}

.et_pb_text_inner h6 {
	font-size: var(--amden-fs-h6);
	font-weight: var(--amden-fw-semibold);
	line-height: var(--amden-lh-h6);
	color: var(--amden-color-primary); /* Figma: H6 je zlatý */
}

/* --- Paragrafy v Text Module --------------------------------------------- */

/* Divi resetuje margin-bottom na p (nebo dává jiný rytmus) — vrátíme náš
   1em rytmus mezi odstavci, poslední bez margin (ať modul nedělá podivnou
   mezeru pod sebou). */
.et_pb_text_inner p {
	margin: 0 0 1em;
	color: var(--amden-color-text);
}

.et_pb_text_inner p:last-child {
	margin-bottom: 0;
}

/* --- Bullet list (ul/li) v Text Module ---------------------------------- */

/* Každý bullet list v Divi Text Module dostává AMDEN styling: zlatá fajfka
   (Med Gold kruh + Light Gold checkmark) místo defaultní disc/tečky.
   Aplikuje se automaticky bez nutnosti přidávat třídu — stačí v WYSIWYG
   editoru udělat bullet list. Ordered list (<ol>) zůstává netknutý
   s defaultními čísly.

   Hodnoty z Figma exportu (desktop):
     - margin-top 30px      → clamp 18 → 30px (mobile-friendly)
     - margin-bottom 40px   → clamp 24 → 40px
     - padding-left 40px    → clamp 20 → 40px
     - gap ikona/text 8px   → 0.5rem (fix, dost malé)
     - margin mezi položkami 8px → 0.5rem (fix) */
.et_pb_text_inner ul {
	list-style: none;
	margin: clamp(1.125rem, 0.85rem + 1.25vw, 1.875rem) 0  /* 18 → 30px shora */
	        clamp(1.5rem, 1.17rem + 1.67vw, 2.5rem);        /* 24 → 40px zdola */
	padding: 0 0 0 clamp(1.25rem, 0.83rem + 2.08vw, 2.5rem); /* 20 → 40px zleva, ostatní 0 */
}

.et_pb_text_inner ul li {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem; /* 8px — fix dle Figmy */
	margin: 0 0 0.5rem; /* 8px mezi položkami — fix dle Figmy */
	padding: 0;
}

.et_pb_text_inner ul li:last-child {
	margin-bottom: 0;
}

.et_pb_text_inner ul li::before {
	content: '';
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	background: url('./assets/img/checkmark.svg') no-repeat center / contain;
	margin-top: 0.15em; /* opticky zarovná ikonu s first-line textu (line-height 1.5) */
}

/* --- Blockquote ("Vykřik" / pull-quote) v Text Module ------------------- */

/* Divi má vlastní default `.et_pb_text blockquote` (typicky padding-left 20px,
   border-left 2px solid). Naše base blockquote (vykřik dle Figmy: 10px Light
   Gold lišta, gap 16px, Big Shoulders 800 35px Med Gold uppercase) by mohla
   být přebita. Duplikujeme klíčové vlastnosti se selektorem .et_pb_text_inner
   blockquote (specificita 0,0,1,1, naše pozdě v cascadě → vyhrává). */
.et_pb_text_inner blockquote {
	margin: clamp(1.125rem, 0.85rem + 1.25vw, 1.875rem) 0;  /* 18 → 30px top/bottom */
	padding: 0 0 0 1rem;
	border-left: 0.625rem solid var(--amden-color-accent-soft);
	font-family: var(--amden-font-heading);
	font-size: var(--amden-fs-h4);
	font-weight: var(--amden-fw-black);
	line-height: 1.08;
	color: var(--amden-color-accent);
	text-transform: uppercase;
}

.et_pb_text_inner blockquote p {
	margin: 0;
	font: inherit;
	color: inherit;
	text-transform: inherit;
}

/* Vertikální rytmus mezi sekcemi řešíme ručně přes Divi UI (Spacing tab
   na úrovni Module / Row / Section). Pro hodnoty doporučuju tokeny ze
   spacing scale níže — buď opisovat z computed values, nebo zadat přes
   Custom CSS field jako `margin-top: var(--amden-space-m)`. */


/*------------------------------------*\
    MAIN
\*------------------------------------*/



/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/



/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

#obchodni-podminky ol { counter-reset: item }
#obchodni-podminky li{ display: block }
#obchodni-podminky li:before { content: counters(item, ".") " "; counter-increment: item }


/*------------------------------------*\
	WOOCOMMERCE
\*------------------------------------*/

.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 52px;
}

.select2-container .select2-selection--single {
    height: 52px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 52px;
}

#order_review_heading {
    margin-top: 35px;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:981px) {


}

@media only screen and (max-width:980px) {


}

@media only screen and (max-width:767px) {

}

@media only screen and (min-width:981px) {


}


/*------------------------------------*\
    MISC
\*------------------------------------*/