:root {
            --gradient-start: rgba(212, 175, 55, 1);
            --gradient-end: rgba(166, 133, 33, 1);
            --gradient-angle: 90deg;
            --gradient-start-pos: 0%;
            --gradient-end-pos: 100%;
            --surface-color: #0f1013;
            --surface-color-light: #f7f4eb;
            --surface-color-rgba: rgba(15, 16, 19, 0.8);
            --surface-color-light-rgba: rgba(247, 244, 235, 0.85);
            --card-blur: 12px;
            --card-radius-tl: 0;
            --card-radius-tr: 0;
            --card-radius-br: 0;
            --card-radius-bl: 0;
            --card-radius: var(--card-radius-tl) var(--card-radius-tr) var(--card-radius-br) var(--card-radius-bl);
        }

                /* Přechody pro tlačítka */
        .gradient-btn, .hero-btn a, button[type="submit"]:not(.bg-transparent) {
            background-image: linear-gradient(var(--gradient-angle), var(--gradient-start) var(--gradient-start-pos), var(--gradient-end) var(--gradient-end-pos)) !important;
            border-color: transparent !important;
            color: #ffffff !important;
            transition: all 0.3s ease;
        }
        .gradient-btn:hover, .hero-btn a:hover, button[type="submit"]:not(.bg-transparent):hover {
            opacity: 0.9;
            box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
            transform: translateY(-1px);
        }
        /* Světlý režim: na zlatém přechodu je bílý text špatně čitelný – tmavý text */
        html.theme-light-active .gradient-btn, html.theme-light-active .gradient-btn:hover,
        html.theme-light-active .hero-btn a, html.theme-light-active .hero-btn a:hover,
        html.theme-light-active button[type="submit"]:not(.bg-transparent),
        html.theme-light-active button[type="submit"]:not(.bg-transparent):hover {
            color: #111111 !important;
        }
        
        /* Světlý režim: tlačítka se zlatým pozadím mají tmavý text (i když jsou gradienty vypnuté) */
        html.theme-light-active .gradient-btn.bg-gold, html.theme-light-active .gradient-btn.bg-gold:hover,
        html.theme-light-active button.bg-gold, html.theme-light-active button.bg-gold:hover {
            color: #111111 !important;
        }

        /* Smooth Scroll & Custom Cursors */
        html { scroll-behavior: auto; } /* GSAP to převezme */
        body { 
            overflow-x: hidden; 
            color: #f3f4f6 !important;
            background-color: #070708 !important;
        }
        
        /* Dark Mode Header styling */
        header.glass {
            backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
                            background: rgba(7, 7, 8, 0.85) !important;
                                        box-shadow: 0 4px 20px rgba(255, 255, 255, 0.3) !important;
                    }
        
        header.glass a, header.glass nav a, header.glass button, header.glass input::placeholder {
            color: #ffffff !important;
        }
        header.glass a:hover, header.glass nav a:hover, header.glass button:hover {
            color: #d4af37 !important;
        }
        header.glass button {
            font-family: inherit !important;
            text-transform: inherit !important;
            letter-spacing: inherit !important;
            font-weight: inherit !important;
        }
        header.glass nav a, header.glass nav button {
            font-size: 13px !important;
        }
        header.glass .submenu-dropdown a, header.glass .submenu-dropdown button {
            font-size: 12px !important;
        }
        header.glass .submenu-dropdown {
            background-color: rgba(43, 43, 43, 0.9) !important;
        }
        header.glass .submenu-dropdown a {
            color: #ffffff !important;
        }
        header.glass .submenu-dropdown a:hover {
            color: #d4af37 !important;
        }
        
        /* Light Mode Header styling */
        .theme-light-active header.glass {
            backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
                            background: rgba(253, 251, 247, 0.85) !important;
                                        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
                    }
        
        .theme-light-active header.glass a, .theme-light-active header.glass nav a, .theme-light-active header.glass button, .theme-light-active header.glass input::placeholder {
            color: #374151 !important;
        }
        .theme-light-active header.glass a:hover, .theme-light-active header.glass nav a:hover, .theme-light-active header.glass button:hover {
            color: #d4af37 !important;
        }
        .theme-light-active header.glass .submenu-dropdown {
            background-color: rgba(255, 255, 255, 0.9) !important;
        }
        .theme-light-active header.glass .submenu-dropdown a {
            color: #374151 !important;
        }
        .theme-light-active header.glass .submenu-dropdown a:hover {
            color: #d4af37 !important;
        }

        /* Logo visibility toggle rules */
        .dark-logo { display: inline-block !important; }
        .light-logo { display: none !important; }
        .theme-light-active .dark-logo { display: none !important; }
        .theme-light-active .light-logo { display: inline-block !important; }

        .clip-text { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }

        /* CSS Overrides pro Světlý motiv sekce (Výchozí stav v tmavém režimu) */
        .theme-light {
            background-color: var(--sec-bg-color-dark, #070708) !important;
            color: #f3f4f6 !important;
        }
        .theme-light h1, .theme-light h2, .theme-light h3, .theme-light h4, .theme-light h5, .theme-light h6 {
            color: #f3f4f6 !important;
        }
        .theme-light p, .theme-light span, .theme-light label {
            color: #f3f4f6dd !important;
        }
        .theme-light blockquote p {
            color: #d4af37 !important;
        }
        .theme-light .text-white, .theme-light .text-gray-100, .theme-light .text-gray-250 {
            color: #f3f4f6 !important;
        }
        .theme-light .text-gray-300, .theme-light .text-gray-400, .theme-light .text-gray-500 {
            color: #9ca3af !important;
        }
        .theme-light .bg-surface, .theme-light .bg-gray-900 {
            background-color: #0f1013 !important;
        }
        .theme-light .border-white\/10, .theme-light .border-white\/20, .theme-light .border-gray-800 {
            border-color: rgba(255, 255, 255, 0.05) !important;
        }
        .theme-light a:not(.gradient-btn):not(.btn) {
            color: #f3f4f6 !important;
        }
        .theme-light a:not(.gradient-btn):not(.btn):hover {
            color: #d4af37 !important;
        }

        /* Dynamické přepínání světlého a tmavého režimu podle nastavení prohlížeče (přes aktivní třídu) */
        .theme-light-active body { 
            color: #1e1b15 !important;
            background-color: #fdfbf7 !important;
        }
        .theme-light-active body h1, .theme-light-active body h2, .theme-light-active body h3, .theme-light-active body h4, .theme-light-active body h5, .theme-light-active body h6 {
            color: #1e1b15 !important;
        }
        .theme-light-active body p, .theme-light-active body span, .theme-light-active body label {
            color: #1e1b15dd !important;
        }
        .theme-light-active body .text-white, .theme-light-active body .text-gray-100, .theme-light-active body .text-gray-250 {
            color: #1e1b15 !important;
        }
        .theme-light-active body .text-gray-300, .theme-light-active body .text-gray-400, .theme-light-active body .text-gray-500 {
            color: #1e1b15aa !important;
        }
        .theme-light-active body .bg-surface, .theme-light-active body .bg-gray-900 {
            background-color: #f7f4eb !important;
        }
        .theme-light-active body .bg-dark {
            background-color: #fdfbf7 !important;
        }
        .theme-light-active body .bg-dark\/50 {
            background-color: rgba(0, 0, 0, 0.03) !important;
        }
        .theme-light-active body .bg-dark\/40 {
            background-color: rgba(0, 0, 0, 0.02) !important;
        }
        .theme-light-active body .border-white\/5, .theme-light-active body .border-white\/10, .theme-light-active body .border-white\/20, .theme-light-active body .border-gray-800 {
            border-color: rgba(0, 0, 0, 0.08) !important;
        }
        .theme-light-active footer, .theme-light-active body footer {
            background-color: #f7f4eb !important;
            background-image: none !important;
            border-top-color: rgba(0, 0, 0, 0.08) !important;
            color: #1e1b15 !important;
        }
        .theme-light-active footer a, .theme-light-active body footer a {
            color: #1e1b15aa !important;
        }
        .theme-light-active footer a:hover, .theme-light-active body footer a:hover {
            color: #d4af37 !important;
        }
        .theme-light-active footer h3, .theme-light-active footer h4, .theme-light-active body footer h3, .theme-light-active body footer h4 {
            color: #1e1b15 !important;
        }
        
        
        /* Převést defaultně tmavé sekce na světlé */
        .theme-light-active .theme-dark {
            background-color: #fdfbf7 !important;
            color: #1e1b15 !important;
        }
        .theme-light-active .theme-dark h1, .theme-light-active .theme-dark h2, .theme-light-active .theme-dark h3, .theme-light-active .theme-dark h4, .theme-light-active .theme-dark h5, .theme-light-active .theme-dark h6 {
            color: #1e1b15 !important;
        }
        .theme-light-active .theme-dark p, .theme-light-active .theme-dark span, .theme-light-active .theme-dark label {
            color: #1e1b15dd !important;
        }
        .theme-light-active .theme-dark .text-white, .theme-light-active .theme-dark .text-gray-100, .theme-light-active .theme-dark .text-gray-250 {
            color: #1e1b15 !important;
        }
        .theme-light-active .theme-dark .text-gray-300, .theme-light-active .theme-dark .text-gray-400, .theme-light-active .theme-dark .text-gray-500 {
            color: #1e1b15aa !important;
        }
        .theme-light-active .theme-dark .bg-surface, .theme-light-active .theme-dark .bg-gray-900 {
            background-color: #f7f4eb !important;
        }
        .theme-light-active .theme-dark .border-white\/10, .theme-light-active .theme-dark .border-white\/20, .theme-light-active .theme-dark .border-gray-800 {
            border-color: rgba(0, 0, 0, 0.08) !important;
        }
        .theme-light-active .theme-dark a:not(.gradient-btn):not(.btn) {
            color: #1e1b15 !important;
        }
        .theme-light-active .theme-dark a:not(.gradient-btn):not(.btn):hover {
            color: #d4af37 !important;
        }

        /* Převést světlé sekce na reálně světlé v aktivním světlém režimu nebo při explicitní třídě theme-light */
        .theme-light, .theme-light-active .theme-light {
            background-color: #fdfbf7 !important;
            color: #1e1b15 !important;
        }
        .theme-light h1, .theme-light h2, .theme-light h3, .theme-light h4, .theme-light h5, .theme-light h6,
        .theme-light-active .theme-light h1, .theme-light-active .theme-light h2, .theme-light-active .theme-light h3, .theme-light-active .theme-light h4, .theme-light-active .theme-light h5, .theme-light-active .theme-light h6 {
            color: #1e1b15 !important;
        }
        .theme-light p, .theme-light span, .theme-light label,
        .theme-light-active .theme-light p, .theme-light-active .theme-light span, .theme-light-active .theme-light label {
            color: #1e1b15dd !important;
        }
        .theme-light .text-white, .theme-light .text-gray-100, .theme-light .text-gray-250,
        .theme-light-active .theme-light .text-white, .theme-light-active .theme-light .text-gray-100, .theme-light-active .theme-light .text-gray-250 {
            color: #1e1b15 !important;
        }
        .theme-light .text-gray-300, .theme-light .text-gray-400, .theme-light .text-gray-500,
        .theme-light-active .theme-light .text-gray-300, .theme-light-active .theme-light .text-gray-400, .theme-light-active .theme-light .text-gray-500 {
            color: #1e1b15aa !important;
        }
        .theme-light .bg-surface, .theme-light .bg-gray-900,
        .theme-light-active .theme-light .bg-surface, .theme-light-active .theme-light .bg-gray-900 {
            background-color: #f7f4eb !important;
        }
        .theme-light .border-white\/10, .theme-light .border-white\/20, .theme-light .border-gray-800,
        .theme-light-active .theme-light .border-white\/10, .theme-light-active .theme-light .border-white\/20, .theme-light-active .theme-light .border-gray-800 {
            border-color: rgba(0, 0, 0, 0.08) !important;
        }
        /* Světlý režim: jakékoli poloprůhledné bg-surface/NN (např. /20, /35) jinak zůstane tmavě šedé.
           Konkrétní převody pro /30 a /50 níže mají přednost. */
        .theme-light [class*="bg-surface/"], .theme-light-active [class*="bg-surface/"] {
            background-color: rgba(0, 0, 0, 0.05) !important;
        }
        /* Stavové barvy textu jsou na světlém podkladu příliš světlé – ve světlém režimu tmavší odstín */
        .theme-light .text-green-500, .theme-light-active .text-green-500,
        .theme-light .text-green-400, .theme-light-active .text-green-400 {
            color: #15803d !important;
        }
        .theme-light .text-red-500, .theme-light-active .text-red-500,
        .theme-light .text-red-400, .theme-light-active .text-red-400 {
            color: #b91c1c !important;
        }
        .theme-light .bg-surface\/30, .theme-light-active .theme-light .bg-surface\/30, .theme-light-active .theme-dark .bg-surface\/30, .theme-light-active body .bg-surface\/30 {
            background-color: rgba(0, 0, 0, 0.04) !important;
        }
        .theme-light .bg-surface\/50, .theme-light-active .theme-light .bg-surface\/50, .theme-light-active .theme-dark .bg-surface\/50, .theme-light-active body .bg-surface\/50 {
            background-color: rgba(0, 0, 0, 0.07) !important;
        }
        .theme-light .border-white\/5, .theme-light-active .theme-light .border-white\/5, .theme-light-active .theme-dark .border-white\/5, .theme-light-active body .border-white\/5 {
            border-color: rgba(0, 0, 0, 0.06) !important;
        }
        .theme-light .border-white\/10, .theme-light-active .theme-light .border-white\/10, .theme-light-active .theme-dark .border-white\/10, .theme-light-active body .border-white\/10 {
            border-color: rgba(0, 0, 0, 0.08) !important;
        }
        .theme-light .border-white\/20, .theme-light-active .theme-light .border-white\/20, .theme-light-active .theme-dark .border-white\/20, .theme-light-active body .border-white\/20 {
            border-color: rgba(0, 0, 0, 0.12) !important;
        }
        .theme-light a:not(.gradient-btn):not(.btn),
        .theme-light-active .theme-light a:not(.gradient-btn):not(.btn) {
            color: #1e1b15 !important;
        }
        .theme-light a:not(.gradient-btn):not(.btn):hover,
        .theme-light-active .theme-light a:not(.gradient-btn):not(.btn):hover {
            color: #d4af37 !important;
        }

        /* Dynamické přepínání CSS proměnných na pozadí a překryvech */
        .theme-light[style*="--sec-bg-color-light"],
        .theme-light [style*="--sec-bg-color-light"],
        .theme-light-active [style*="--sec-bg-color-light"] {
            background-color: var(--sec-bg-color-light) !important;
        }
        /* Card custom backgrounds and borders */
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-card-bg-dark"],
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-card-bg-dark"] {
            background-color: var(--sec-card-bg-dark) !important;
        }
        .theme-light[style*="--sec-card-bg-light"],
        .theme-light [style*="--sec-card-bg-light"],
        .theme-light-active [style*="--sec-card-bg-light"] {
            background-color: var(--sec-card-bg-light) !important;
        }
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-card-border-dark"],
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-card-border-dark"] {
            border-color: var(--sec-card-border-dark) !important;
        }
        .theme-light[style*="--sec-card-border-light"],
        .theme-light [style*="--sec-card-border-light"],
        .theme-light-active [style*="--sec-card-border-light"] {
            border-color: var(--sec-card-border-light) !important;
        }
        
        /* Light mode card image container background and gradient overlays */
        .theme-light .bg-gray-950,
        .theme-light-active .theme-light .bg-gray-950,
        .theme-light-active .theme-dark .bg-gray-950,
        .theme-light-active body .bg-gray-950 {
            background-color: #f3f4f6 !important;
        }
        .theme-light .from-dark\/90,
        .theme-light-active .theme-light .from-dark\/90,
        .theme-light-active .theme-dark .from-dark\/90,
        .theme-light-active body .from-dark\/90 {
            --tw-gradient-from: rgba(255, 255, 255, 0.9) !important;
            --tw-gradient-to: rgba(255, 255, 255, 0) !important;
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
        }

        /* Dynamic image opacity overrides based on active theme */
        .theme-light .dynamic-bg-img-opacity,
        .theme-light-active .dynamic-bg-img-opacity {
            opacity: var(--cur-img-op-light, 1) !important;
        }
        html:not(.theme-light-active) :not(.theme-light) .dynamic-bg-img-opacity {
            opacity: var(--cur-img-op-dark, 1) !important;
        }

        .theme-light[style*="--sec-bg-grad-light"],
        .theme-light [style*="--sec-bg-grad-light"],
        .theme-light-active [style*="--sec-bg-grad-light"] {
            background-image: var(--sec-bg-grad-light) !important;
        }
        .theme-light[style*="--sec-overlay-grad-light"],
        .theme-light [style*="--sec-overlay-grad-light"],
        .theme-light-active [style*="--sec-overlay-grad-light"] {
            background-image: var(--sec-overlay-grad-light) !important;
            opacity: var(--sec-overlay-op-light) !important;
        }
        
        /* Chování CSS proměnných v tmavém režimu pro explicitně světlé sekce */
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-bg-color-dark"],
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-bg-color-dark"] {
            background-color: var(--sec-bg-color-dark) !important;
        }
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-bg-grad-dark"],
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-bg-grad-dark"] {
            background-image: var(--sec-bg-grad-dark) !important;
        }
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-overlay-grad-dark"],
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-overlay-grad-dark"] {
            background-image: var(--sec-overlay-grad-dark) !important;
            opacity: var(--sec-overlay-op-dark) !important;
        }

        /* Dynamické přepínání CSS proměnných pro barvu textu */
        .theme-light[style*="--sec-text-color-light"],
        .theme-light [style*="--sec-text-color-light"],
        .theme-light-active [style*="--sec-text-color-light"] {
            color: var(--sec-text-color-light) !important;
        }
        .theme-light[style*="--sec-text-color-light"] h1,
        .theme-light[style*="--sec-text-color-light"] h2,
        .theme-light[style*="--sec-text-color-light"] h3,
        .theme-light[style*="--sec-text-color-light"] h4,
        .theme-light[style*="--sec-text-color-light"] h5,
        .theme-light[style*="--sec-text-color-light"] h6,
        .theme-light[style*="--sec-text-color-light"] p,
        .theme-light[style*="--sec-text-color-light"] span,
        .theme-light[style*="--sec-text-color-light"] label,
        .theme-light[style*="--sec-text-color-light"] blockquote,
        .theme-light[style*="--sec-text-color-light"] a:not(.gradient-btn):not(.btn),
        .theme-light[style*="--sec-text-color-light"] .text-white,
        .theme-light[style*="--sec-text-color-light"] .text-gray-100,
        .theme-light[style*="--sec-text-color-light"] .text-gray-250,
        .theme-light[style*="--sec-text-color-light"] .text-gray-300,
        .theme-light[style*="--sec-text-color-light"] .text-gray-400,
        .theme-light[style*="--sec-text-color-light"] .text-gray-500,
        .theme-light [style*="--sec-text-color-light"] h1,
        .theme-light [style*="--sec-text-color-light"] h2,
        .theme-light [style*="--sec-text-color-light"] h3,
        .theme-light [style*="--sec-text-color-light"] h4,
        .theme-light [style*="--sec-text-color-light"] h5,
        .theme-light [style*="--sec-text-color-light"] h6,
        .theme-light [style*="--sec-text-color-light"] p,
        .theme-light [style*="--sec-text-color-light"] span,
        .theme-light [style*="--sec-text-color-light"] label,
        .theme-light [style*="--sec-text-color-light"] blockquote,
        .theme-light [style*="--sec-text-color-light"] a:not(.gradient-btn):not(.btn),
        .theme-light [style*="--sec-text-color-light"] .text-white,
        .theme-light [style*="--sec-text-color-light"] .text-gray-100,
        .theme-light [style*="--sec-text-color-light"] .text-gray-250,
        .theme-light [style*="--sec-text-color-light"] .text-gray-300,
        .theme-light [style*="--sec-text-color-light"] .text-gray-400,
        .theme-light [style*="--sec-text-color-light"] .text-gray-500,
        .theme-light-active [style*="--sec-text-color-light"] h1,
        .theme-light-active [style*="--sec-text-color-light"] h2,
        .theme-light-active [style*="--sec-text-color-light"] h3,
        .theme-light-active [style*="--sec-text-color-light"] h4,
        .theme-light-active [style*="--sec-text-color-light"] h5,
        .theme-light-active [style*="--sec-text-color-light"] h6,
        .theme-light-active [style*="--sec-text-color-light"] p,
        .theme-light-active [style*="--sec-text-color-light"] span,
        .theme-light-active [style*="--sec-text-color-light"] label,
        .theme-light-active [style*="--sec-text-color-light"] blockquote,
        .theme-light-active [style*="--sec-text-color-light"] a:not(.gradient-btn):not(.btn),
        .theme-light-active [style*="--sec-text-color-light"] .text-white,
        .theme-light-active [style*="--sec-text-color-light"] .text-gray-100,
        .theme-light-active [style*="--sec-text-color-light"] .text-gray-250,
        .theme-light-active [style*="--sec-text-color-light"] .text-gray-300,
        .theme-light-active [style*="--sec-text-color-light"] .text-gray-400,
        .theme-light-active [style*="--sec-text-color-light"] .text-gray-500 {
            color: var(--sec-text-color-light) !important;
        }

        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-text-color-dark"],
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-text-color-dark"] {
            color: var(--sec-text-color-dark) !important;
        }
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-text-color-dark"] h1,
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-text-color-dark"] h2,
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-text-color-dark"] h3,
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-text-color-dark"] h4,
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-text-color-dark"] h5,
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-text-color-dark"] h6,
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-text-color-dark"] p,
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-text-color-dark"] span,
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-text-color-dark"] label,
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-text-color-dark"] blockquote,
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-text-color-dark"] a:not(.gradient-btn):not(.btn),
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-text-color-dark"] .text-white,
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-text-color-dark"] .text-gray-100,
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-text-color-dark"] .text-gray-250,
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-text-color-dark"] .text-gray-300,
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-text-color-dark"] .text-gray-400,
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-text-color-dark"] .text-gray-500,
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-text-color-dark"] h1,
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-text-color-dark"] h2,
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-text-color-dark"] h3,
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-text-color-dark"] h4,
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-text-color-dark"] h5,
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-text-color-dark"] h6,
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-text-color-dark"] p,
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-text-color-dark"] span,
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-text-color-dark"] label,
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-text-color-dark"] blockquote,
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-text-color-dark"] a:not(.gradient-btn):not(.btn),
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-text-color-dark"] .text-white,
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-text-color-dark"] .text-gray-100,
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-text-color-dark"] .text-gray-250,
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-text-color-dark"] .text-gray-300,
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-text-color-dark"] .text-gray-400,
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-text-color-dark"] .text-gray-500 {
            color: var(--sec-text-color-dark) !important;
        }

        /* Nadpisy v tmavém/světlém režimu sekce */
        .theme-light[style*="--sec-title-color-light"] h1,
        .theme-light[style*="--sec-title-color-light"] h2,
        .theme-light[style*="--sec-title-color-light"] h3,
        .theme-light[style*="--sec-title-color-light"] h4,
        .theme-light[style*="--sec-title-color-light"] h5,
        .theme-light[style*="--sec-title-color-light"] h6,
        .theme-light [style*="--sec-title-color-light"] h1,
        .theme-light [style*="--sec-title-color-light"] h2,
        .theme-light [style*="--sec-title-color-light"] h3,
        .theme-light [style*="--sec-title-color-light"] h4,
        .theme-light [style*="--sec-title-color-light"] h5,
        .theme-light [style*="--sec-title-color-light"] h6,
        .theme-light-active [style*="--sec-title-color-light"] h1,
        .theme-light-active [style*="--sec-title-color-light"] h2,
        .theme-light-active [style*="--sec-title-color-light"] h3,
        .theme-light-active [style*="--sec-title-color-light"] h4,
        .theme-light-active [style*="--sec-title-color-light"] h5,
        .theme-light-active [style*="--sec-title-color-light"] h6 {
            color: var(--sec-title-color-light) !important;
        }

        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-title-color-dark"] h1,
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-title-color-dark"] h2,
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-title-color-dark"] h3,
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-title-color-dark"] h4,
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-title-color-dark"] h5,
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-title-color-dark"] h6,
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-title-color-dark"] h1,
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-title-color-dark"] h2,
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-title-color-dark"] h3,
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-title-color-dark"] h4,
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-title-color-dark"] h5,
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-title-color-dark"] h6 {
            color: var(--sec-title-color-dark) !important;
        }

        .theme-light[style*="--sec-text-color-light"] .text-gold,
        .theme-light[style*="--sec-text-color-light"] .text-gold-dark,
        .theme-light [style*="--sec-text-color-light"] .text-gold,
        .theme-light [style*="--sec-text-color-light"] .text-gold-dark,
        .theme-light-active [style*="--sec-text-color-light"] .text-gold,
        .theme-light-active [style*="--sec-text-color-light"] .text-gold-dark,
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-text-color-dark"] .text-gold,
        html:not(.theme-light-active) :not(.theme-light)[style*="--sec-text-color-dark"] .text-gold-dark,
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-text-color-dark"] .text-gold,
        html:not(.theme-light-active) :not(.theme-light) [style*="--sec-text-color-dark"] .text-gold-dark {
            color: #d4af37 !important;
        }

        /* Odkazy-tlačítka se zlatým pozadím (trvale nebo při najetí): text musí zůstat tmavý.
           Pravidla výše pro odkazy a .text-gold ve světlém režimu by ho jinak při najetí přebarvila
           na zlatou a splynul by s pozadím. Opakované selektory jen zvyšují prioritu nad tato pravidla.
           Netýká se gradientových tlačítek (bílý text) ani jemného podbarvení bg-gold/10. */
        html body a.bg-gold.bg-gold.bg-gold.bg-gold:not(.gradient-btn),
        html body a.bg-gold.bg-gold.bg-gold.bg-gold:not(.gradient-btn):hover,
        html body a[class~="hover:bg-gold"][class~="hover:bg-gold"][class~="hover:bg-gold"][class~="hover:bg-gold"]:not(.gradient-btn):hover {
            color: #111111 !important;
        }

        /* Obsah položený na tmavé fotce / tmavém překryvu (třída ds-on-dark) má zůstat světlý i ve světlém režimu.
           Pravidla světlého režimu výše by text přebarvila na tmavý a na ztmavené fotce by nebyl čitelný.
           Opakované třídy jen zvyšují prioritu nad tato pravidla. */
        html body .ds-on-dark.ds-on-dark.ds-on-dark,
        html body .ds-on-dark.ds-on-dark.ds-on-dark :is(h1, h2, h3, h4, h5, h6, p, span, label, blockquote, cite, li, a:not(.gradient-btn):not(.btn):not(.bg-gold), .text-white, .text-current) {
            color: #ffffff !important;
        }
        html body .ds-on-dark.ds-on-dark.ds-on-dark :is(.text-gray-300, .text-gray-400, .text-gray-500, .text-white\/70, .text-white\/60) {
            color: rgba(255, 255, 255, 0.72) !important;
        }
        html body .ds-on-dark.ds-on-dark.ds-on-dark :is(.text-gold, .text-gold-dark) {
            color: #d4af37 !important;
        }

        /* Světlá verze: zlatý TEXT na světlém podkladu má kontrast jen ~2:1 (nečitelné drobné písmo) – tmavší odstín zlaté.
           Neplatí na tmavém pozadí sekce (ds-bg-dark-l, počítá section_item.php) ani na tmavé fotce (ds-on-dark, pravidlo výše má vyšší prioritu). */
        html.theme-light-active body .text-gold.text-gold,
        html.theme-light-active body .text-gold-dark.text-gold-dark {
            color: color-mix(in srgb, #b5952f 75%, #000) !important;
        }
        html.theme-light-active body .ds-bg-dark-l .text-gold.text-gold,
        html.theme-light-active body .ds-bg-dark-l .text-gold-dark.text-gold-dark {
            color: #d4af37 !important;
        }

        /* Zlatá tlačítka mají tmavý text i v tmavé verzi (bílý text na zlaté má kontrast ~2:1) */
        /* (opakované třídy = vyšší priorita než pravidla pro zlatý text výše, i v tmavých sekcích) */
                html body .gradient-btn.gradient-btn.gradient-btn.gradient-btn.gradient-btn,
        html body .gradient-btn.gradient-btn.gradient-btn.gradient-btn.gradient-btn:hover,
        html body .hero-btn.hero-btn.hero-btn.hero-btn.hero-btn a,
        html body .hero-btn.hero-btn.hero-btn.hero-btn.hero-btn a:hover,
                html body button.bg-gold.bg-gold.bg-gold.bg-gold.bg-gold,
        html body button.bg-gold.bg-gold.bg-gold.bg-gold.bg-gold:hover {
            color: #111111 !important;
        }

        /* Checkout Light Mode support */
        .theme-light-active .checkout-section {
            background-color: #ffffff !important;
            color: #111111 !important;
        }
        .theme-light-active .checkout-section h1,
        .theme-light-active .checkout-section h2,
        .theme-light-active .checkout-section h3,
        .theme-light-active .checkout-section h4,
        .theme-light-active .checkout-section h5,
        .theme-light-active .checkout-section h6,
        .theme-light-active .checkout-section p,
        .theme-light-active .checkout-section span,
        .theme-light-active .checkout-section label,
        .theme-light-active .checkout-section select,
        .theme-light-active .checkout-section textarea,
        .theme-light-active .checkout-section input:not([type="radio"]):not([type="checkbox"]) {
            color: #111111 !important;
        }
        .theme-light-active .checkout-section .text-white {
            color: #111111 !important;
        }
        .theme-light-active .checkout-section .text-gray-400 {
            color: #4b5563 !important;
        }
        .theme-light-active .checkout-section .text-gray-500 {
            color: #6b7280 !important;
        }
        .theme-light-active .checkout-section .bg-surface {
            background-color: rgba(0, 0, 0, 0.03) !important;
            border-color: rgba(0, 0, 0, 0.08) !important;
        }
        .theme-light-active .checkout-section .border-white\/5,
        .theme-light-active .checkout-section .border-white\/10 {
            border-color: rgba(0, 0, 0, 0.08) !important;
        }
        .theme-light-active .checkout-section .border-b.border-white\/10 {
            border-bottom-color: rgba(0, 0, 0, 0.08) !important;
        }
        .theme-light-active .checkout-section .bg-dark {
            background-color: #ffffff !important;
            border-color: rgba(0, 0, 0, 0.08) !important;
        }
        .theme-light-active .checkout-section input[type="radio"] {
            background-color: #ffffff !important;
            border-color: rgba(0, 0, 0, 0.2) !important;
        }
        .theme-light-active .checkout-section input[type="radio"]:checked {
            background-color: #d4af37 !important;
        }
        .theme-light-active .checkout-section .bg-white\/10 {
            background-color: rgba(0, 0, 0, 0.05) !important;
            color: #111111 !important;
        }
        .theme-light-active .checkout-section .w-16.h-px.bg-white\/20,
        .theme-light-active .checkout-section .w-16.h-px.bg-gold\/50 {
            background-color: rgba(0, 0, 0, 0.1) !important;
        }
        .theme-light-active .checkout-section select,
        .theme-light-active .checkout-section input:not([type="radio"]):not([type="checkbox"]),
        .theme-light-active .checkout-section textarea {
            background-color: #ffffff !important;
            border-color: rgba(0, 0, 0, 0.15) !important;
        }

        /* Cena produktu ve slevě – silnější než barvy textu motivu (ty mají !important na všech span) */
        html body .ds-sale-price.ds-sale-price, html body .ds-sale-price.ds-sale-price > span:not(.line-through) { color: #dc2626 !important; }

        /* Zlatý jemný stín nadpisů a prémiová tlačítka */
h1, h2, h3 {
    text-shadow: 0 0 1px rgba(212, 175, 55, 0.15);
    letter-spacing: 0.05em;
}
.hero-btn a, .gradient-btn {
    box-shadow: 0 4px 20px rgba(212, 175, 55, 0.15);
    border-radius: 2px;
}