/** * Google Fonts - ODSTRANĚNO z CSS (blokuje rendering) * Načítá se nyní v přes functions.php pro lepší performance */ /** Theme Name: Astra Child Author: Brainstorm Force Author URI: http://wpastra.com/about/ Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme! Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: astra-child Template: astra */ /* Můžeš definovat specifické třídy pro různé váhy */ .font-light { font-weight: 300; } .font-bold { font-weight: 700; } /* Full-width background for Gutenberg Group blocks */ .wp-block-group.full-width { position: relative; /* Nutné pro správné pozicování */ width: 100vw; /* Nastaví šířku na 100% šířky viewportu */ max-width: 100vw; /* Zajistí, že nepřesáhne viewport */ left: 50%; /* Posune levý okraj do středu */ margin-left: -50vw; /* Posune blok zpět doleva o polovinu šířky viewportu */ box-sizing: border-box; /* Zajistí správný výpočet šířky včetně paddingu/borderu */ padding-left: calc(50vw - var(--astra-content-width, 1200px) / 2); /* Vypočítá levý padding, aby obsah začínal správně */ padding-right: calc(50vw - var(--astra-content-width, 1200px) / 2); /* Vypočítá pravý padding */ } /* Korekce pro případy, kdy je skupina vnořená nebo má další obtékání */ .wp-block-group.full-width > .wp-block-group__inner-container { max-width: var(--astra-content-width, 1200px); /* Omezí šířku vnitřního kontejneru */ margin-left: auto; /* Zarovná vnitřní kontejner na střed */ margin-right: auto; width: 100%; /* Zajistí, že vnitřní kontejner využije dostupnou šířku */ } /* Zajištění, že šířka stránky nebude ovlivněna */ body { overflow-x: clip; /* Zabrání potenciálnímu horizontálnímu posuvníku */ } /* Custom Cursor Styles */ body:not(.wp-admin):not(.elementor-editor-active).has-mouse-dot, body:not(.wp-admin):not(.elementor-editor-active).has-mouse-dot * { cursor: none !important; } body:not(.wp-admin):not(.elementor-editor-active).has-mouse-dot #wpadminbar, body:not(.wp-admin):not(.elementor-editor-active).has-mouse-dot #wpadminbar * { cursor: initial !important; } body:not(.wp-admin):not(.elementor-editor-active).has-mouse-dot #wpadminbar a, body:not(.wp-admin):not(.elementor-editor-active).has-mouse-dot #wpadminbar a * { cursor: pointer !important; } body:not(.wp-admin):not(.elementor-editor-active).has-mouse-dot #mouseDot { pointer-events: none; position: fixed; background-color: #CA9174; /* Světlejší hnědá barva */ border-radius: 50%; z-index: 10000000000; width: 12px; height: 12px; top: -6px; left: -6px; will-change: transform; } body:not(.wp-admin):not(.elementor-editor-active).has-mouse-circle #mouseCircle { z-index: 10000000000; pointer-events: none; position: fixed; border: solid 1px #CA9174; /* Světlejší hnědá barva */ border-radius: 50%; width: 70px; height: 70px; top: -35px; left: -35px; opacity: 0; transition: top 0.2s linear, left 0.2s linear, width 0.2s linear, height 0.2s linear, opacity 1.2s cubic-bezier(0.47, 0, 0.745, 0.715); will-change: transform, opacity; } body:not(.wp-admin):not(.elementor-editor-active).has-mouse-circle #mouseCircle.moving { opacity: 1; } body:not(.wp-admin):not(.elementor-editor-active).has-mouse-circle #mouseCircle.small { width: 50px; height: 50px; top: -25px; left: -25px; } /* Special visibility rules for popup overlays */ body:not(.wp-admin):not(.elementor-editor-active).has-mouse-dot .modal, body:not(.wp-admin):not(.elementor-editor-active).has-mouse-dot .popup, body:not(.wp-admin):not(.elementor-editor-active).has-mouse-dot .overlay, body:not(.wp-admin):not(.elementor-editor-active).has-mouse-dot .woocommerce-message, body:not(.wp-admin):not(.elementor-editor-active).has-mouse-dot .wc-block-components-notice-banner, body:not(.wp-admin):not(.elementor-editor-active).has-mouse-dot [class*="popup"], body:not(.wp-admin):not(.elementor-editor-active).has-mouse-dot [class*="modal"], body:not(.wp-admin):not(.elementor-editor-active).has-mouse-dot [class*="overlay"], body:not(.wp-admin):not(.elementor-editor-active).has-mouse-dot [id*="popup"], body:not(.wp-admin):not(.elementor-editor-active).has-mouse-dot [id*="modal"], body:not(.wp-admin):not(.elementor-editor-active).has-mouse-dot [id*="overlay"], body:not(.wp-admin):not(.elementor-editor-active).has-mouse-dot .wp-lightbox-overlay, body:not(.wp-admin):not(.elementor-editor-active).has-mouse-dot .mce-tinymce, body:not(.wp-admin):not(.elementor-editor-active).has-mouse-dot .thickbox, body:not(.wp-admin):not(.elementor-editor-active).has-mouse-dot .block-editor-template-part__selection-modal { position: relative; z-index: 9999999999; } /* Ensure custom cursor appears above popup overlays */ body:not(.wp-admin):not(.elementor-editor-active).has-mouse-dot .modal ~ #mouseDot, body:not(.wp-admin):not(.elementor-editor-active).has-mouse-dot .popup ~ #mouseDot, body:not(.wp-admin):not(.elementor-editor-active).has-mouse-dot .overlay ~ #mouseDot, body:not(.wp-admin):not(.elementor-editor-active).has-mouse-circle .modal ~ #mouseCircle, body:not(.wp-admin):not(.elementor-editor-active).has-mouse-circle .popup ~ #mouseCircle, body:not(.wp-admin):not(.elementor-editor-active).has-mouse-circle .overlay ~ #mouseCircle { z-index: 10000000000; } /* Tahla část je důležitá pro mobilní zařízení, na kterých by vlastní kurzor nefungoval dobře */ @media (max-width: 768px) { body.has-mouse-dot, body.has-mouse-dot * { cursor: auto !important; } #mouseDot, #mouseCircle { display: none !important; } /* Přehození pořadí sloupců v dvousloupcovém rozložení */ .wp-block-columns.reverse-columns-on-mobile { display: flex; flex-direction: column-reverse; } /* Pro více než 2 sloupce můžete měnit konkrétní pořadí takto */ .wp-block-columns.custom-order-on-mobile .wp-block-column:nth-child(1) { order: 3; } .wp-block-columns.custom-order-on-mobile .wp-block-column:nth-child(2) { order: 1; } .wp-block-columns.custom-order-on-mobile .wp-block-column:nth-child(3) { order: 2; } /* Odstranění průhlednosti/overlay/filtrů pozadí na mobilních zařízeních */ /* Gutenberg Cover bloky - sníží overlay na 75% průhlednost */ .wp-block-cover .wp-block-cover__background, .wp-block-cover::before, .has-background-dim::before, .has-background-dim-10::before, .has-background-dim-20::before, .has-background-dim-30::before, .has-background-dim-40::before, .has-background-dim-50::before, .has-background-dim-60::before, .has-background-dim-70::before, .has-background-dim-80::before, .has-background-dim-90::before, .has-background-dim-100::before { opacity: 0.4 !important; /* 60% průhlednost = 0.4 opacity */ } /* Group bloky s pozadím */ .wp-block-group::before, .wp-block-group .wp-block-group__background { opacity: 0.4 !important; /* 60% průhlednost */ } /* Elementor selektory */ .elementor-background-overlay, .elementor-section .elementor-background-overlay { opacity: 0.4 !important; /* 60% průhlednost */ } /* Astra theme pozadí overlays */ .ast-custom-header::before, .ast-header-background-overlay, [class*="overlay"]::before { opacity: 0.4 !important; /* 60% průhlednost */ } /* Odstranění všech CSS filtrů */ .wp-block-cover, .wp-block-group, .has-background, .elementor-section, .ast-custom-header { filter: none !important; backdrop-filter: none !important; } } /* Stylování tlačítek s čárkou */ /* Obal pro čárku */ .button-prefix { position: relative; display: inline-flex; align-items: center; } /* Čárka před tlačítkem */ .button-prefix:before { content: ""; display: block; height: 1px; width: 20px; transition: background-color 0.3s ease, width 0.3s ease; background-color: #BEA190; border-radius: 0.75px; position: absolute; top: 50%; transform: translateX(-160%); margin-top: -0.5px; will-change: width, background-color; } /* Hover efekt - prodloužení čárky */ .button-prefix:hover:before, .wp-block-button__link:hover .button-prefix:before, .wp-block-search__button:hover .button-prefix:before, .woocommerce a.button:hover .button-prefix:before, .woocommerce button.button:hover .button-prefix:before, .woocommerce input.button:hover .button-prefix:before, .ast-custom-button:hover .button-prefix:before { background-color: #8A6A5B; /* Tmavší hnědá při hoveru - můžeš upravit podle potřeby */ width: 25px; } /* Aplikace na tlačítka v Astře */ .wp-block-button__link .button-prefix, .wp-block-search__button .button-prefix, .woocommerce a.button .button-prefix, .woocommerce button.button .button-prefix, .woocommerce input.button .button-prefix, .elementor-button .button-prefix, .ast-custom-button .button-prefix { padding-left: 14px; /* Přidá prostor pro čárku */ } /* Přidání čárky k tlačítkům v menu */ .main-navigation .menu-item a .button-prefix:before { top: calc(50% - 0.5px); } /* Aplikace na položky v menu */ .main-header-menu .menu-link .button-prefix { padding-left: 14px; } .main-header-menu .menu-link:hover .button-prefix:before { background-color: #8A6A5B; width: 25px; } /* Přidání čárky před položky menu v hlavičce */ .main-header-menu .menu-item .menu-link { position: relative; display: flex; align-items: center; } .main-header-menu .menu-item .menu-link:before { content: ""; display: block; height: 1px; width: 8px; background-color: #051F34; border-radius: 0.75px; position: absolute; top: 50%; left: 3px; margin-top: -0.5px; opacity: 1; transition: background-color 0.3s ease, width 0.3s ease, left 0.3s ease; will-change: background-color, width, left; } .main-header-menu .menu-item:hover .menu-link:before { background-color: #8A6A5B; width: 16px; left: -5px; } .main-header-menu .current-menu-item .menu-link:before { background-color: #8A6A5B; width: 16px; left: -5px; } /* Přidání čárky i do transparentní a sticky hlavičky */ .ast-theme-transparent-header .main-header-menu .menu-item:hover .menu-link:before, .ast-theme-transparent-header .main-header-menu .current-menu-item .menu-link:before, .ast-sticky-main-shrink .main-header-menu .menu-item:hover .menu-link:before, .ast-sticky-main-shrink .main-header-menu .current-menu-item .menu-link:before { background-color: #8A6A5B; width: 16px; } /* Pohyblivé nadpisy pro animace */ .pohyblive-nadpisy { font-family: 'Playwrite HU', sans-serif; font-size: 80px; color: #E0D8D0; font-weight: 300; line-height: 1.2; letter-spacing: 0px; padding-bottom: 40px; padding-left: 10px; padding-right: 10px; } /* Responzivní nastavení pro pohyblivé nadpisy */ @media (max-width: 500px) { .pohyblive-nadpisy { font-size: 62px; } } /* Třída pro horizontální pohyb textu doprava při scrollování */ .moving-right, .moving-left { position: relative; overflow: hidden; transform: translateX(0); transition: transform 0.2s ease-out; will-change: transform; } .woocommerce-loop-product__title {font-family: Figtree!important; text-decoration: none; font-size: 23px!important; font-weight: 300; color: #051F34;} .footer-logo { width: 160px; height: auto; transition: transform 0.1s linear; pointer-events: none; /* Zabraňuje interakci s obrázkem */ touch-action: none; /* Zabraňuje dotykovým akcím na mobilních zařízeních */ -webkit-touch-callout: none; /* Safari */ user-select: none; /* Zabraňuje výběru loga */ } /* Písmenová tlačítka */ .letter-button-container { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; text-align: center; max-width: 300px; margin: 0 auto; } .letter-circle { position: relative; width: 180px; height: 180px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; border: 15px solid #CA9174; background-color: transparent; transition: all 0.3s ease; } .letter-circle .letter { font-family: 'Playwrite HU', sans-serif; font-size: 60px; color: #051F34; font-weight: 300; position: absolute; top: 20px; left: 0; right: 0; text-align: center; } .letter-button-text { font-family: 'Playwrite HU', sans-serif; font-size: 36px; color: #051F34; font-weight: 300; text-align: center; line-height: 1.2; position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-50%); } .letter-dot { width: 14px; height: 14px; background-color: #CA9174; border-radius: 50%; margin: 15px auto 0; } /* Hover efekt */ .letter-button-container:hover .letter-circle { background-color: #CA9174; } .letter-button-container:hover .letter { color: #FFFFFF; } /* Odstranění podtržení ze všech odkazů a jejich stavů */ .letter-button-link, .letter-button-link:hover, .letter-button-link:focus, .letter-button-link:active, .letter-button-link .letter-symbol, .letter-button-link:hover .letter-symbol, .letter-button-link:focus .letter-symbol, .letter-button-link:active .letter-symbol { text-decoration: none !important; } /* * Footer Menu Styles * These styles are for the footer and can be loaded with lower priority */ .footer-menu { display: flex; justify-content: space-between; max-width: 1200px; margin: 0 auto; padding: 20px 20px 0; /* Zmenšení horního paddingu z 60px na 20px */ flex-wrap: wrap; text-align: center; } .footer-column { list-style: none; flex: 1; min-width: 200px; margin: 0 20px; } .footer-heading { display: block; font-weight: bold; text-transform: uppercase; margin-bottom: 20px; } .footer-column ul { list-style: none; padding: 0; margin: 0; } .footer-column ul li { margin-bottom: 10px; } .footer-column ul li a { text-decoration: none; color: inherit; transition: color 0.3s ease; } .footer-column ul li a:hover { color: #CA9174; } @media (max-width: 768px) { .footer-menu { justify-content: center; } .footer-column { margin: 0 10px 30px; } } /* Footer bottom section with tagline and social icons */ .footer-bottom { padding: 40px 20px; max-width: 1200px; margin: 0 auto; } .footer-bottom .pohyblive-nadpisy.moving-right { text-align: left; margin: 0 0 20px 0; } .footer-bottom .pohyblive-nadpisy.moving-left { text-align: right; margin: 20px 0 0 0; } .footer-social { text-align: center; margin: 30px 0; } /* Social icons - make sure dashicons are properly loaded */ .social-icon { display: inline-block; width: 28px; height: 28px; margin: 0 15px; background: none !important; border: none !important; position: relative; transition: transform 0.3s ease; } .social-icon:hover { transform: scale(1.1); } /* Remove any boxes or backgrounds */ .social-icon::before, .social-icon::after { display: none !important; } /* Use simple SVG background images with transparent backgrounds */ .social-icon.facebook { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%2398816B' d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'%3E%3C/path%3E%3C/svg%3E") !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; background-color: transparent !important; } .social-icon.instagram { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%2398816B' d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'%3E%3C/path%3E%3C/svg%3E") !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; background-color: transparent !important; } .social-icon.tiktok { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%2398816B' d='M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z'%3E%3C/path%3E%3C/svg%3E") !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; background-color: transparent !important; } /* Add hover effect - change to your brand color */ .social-icon:hover.facebook { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23CA9174' d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'%3E%3C/path%3E%3C/svg%3E") !important; } .social-icon:hover.instagram { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23CA9174' d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'%3E%3C/path%3E%3C/svg%3E") !important; } .social-icon:hover.tiktok { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23CA9174' d='M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z'%3E%3C/path%3E%3C/svg%3E") !important; } /* Footer tagline and social icons section */ .footer-tagline-container { padding: 0 20px 40px; /* Odstranění horního paddingu */ max-width: 1200px; margin: 0 auto; text-align: center; } .footer-tagline-container .pohyblive-nadpisy.moving-right { text-align: left; margin: 0 0 40px 0; } .footer-tagline-container .pohyblive-nadpisy.moving-left { text-align: right; margin: 40px 0 0 0; } /* Social icons container - horizontal layout (Footer) */ .social-icons-container { display: flex; justify-content: center; align-items: center; gap: 30px; margin: 20px auto; } /* Social icons container - Header/Off-canvas menu */ .social-icons-container-header { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: center !important; width: 100% !important; max-width: 100% !important; margin: 20px 0 !important; padding: 15px 0 !important; gap: 18px !important; box-sizing: border-box !important; text-align: left !important; align-self: flex-start !important; } .social-icons-container-header br { display: none !important; } /* Individual social icons */ .social-icon { display: inline-block; width: 28px; height: 28px; margin: 0 15px; background: none !important; border: none !important; position: relative; transition: transform 0.3s ease; } /* Menší ikony pro off-canvas menu */ .social-icons-container-header .social-icon { width: 26px !important; height: 26px !important; min-width: 26px !important; margin: 0 !important; padding: 0 !important; background-size: 26px 26px !important; flex-shrink: 0 !important; flex-grow: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Hover efekt pro header ikony */ .social-icons-container-header .social-icon:hover { transform: scale(1.15) !important; } /* Pouze bílé pozadí pro Platební instrukce */ .woocommerce-order-payment-instructions { background: #ffffff !important; } /* ======================================== CSS pro děkovací stránku (order-received) ======================================== */ /* Skrytí nežádoucích elementů POUZE na děkovací stránce */ body.woocommerce-order-received .woocommerce-bacs-bank-details, body.woocommerce-order-received .entry-title, body.woocommerce-order-received .woocommerce-order-details__title, body.woocommerce-order-received .woocommerce-thankyou-order-details { display: none !important; } /* Bílé pozadí pro tabulky */ .woocommerce-table--order-details, .shop_table, .order_details { background-color: white !important; } /* Zrušení bílého overlay na pozadí u Elementor sekcí na mobilu */ @media (max-width: 500px) { .has-background::before { display: none !important; } } /* "Děkujeme. Vaše objednávka byla přijata." - Playwrite HU font s větším písmem */ .woocommerce-thankyou-order-received, p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received { font-family: "Playwrite HU", cursive !important; font-weight: 300 !important; font-size: 28px !important; letter-spacing: 0px !important; line-height: 1.4 !important; text-align: center !important; margin: 2em auto !important; padding: 1.5em 1em !important; color: #051F34 !important; } /* QR platba - Figtree font */ .qr-container h2, .qr-container__text h2, section.qr-container h2 { font-family: "Figtree", sans-serif !important; font-weight: 500 !important; font-size: 40px !important; letter-spacing: 0.5px !important; color: #051F34 !important; } /* Dodatečné zajištění pro QR kontejner */ .qr-container .qr-container__text h2 { font-family: "Figtree", sans-serif !important; font-weight: 500 !important; } /* Mobilní responzivita */ @media (max-width: 768px) { .woocommerce-thankyou-order-received, p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received { font-size: 24px !important; padding: 1em 0.5em !important; } .qr-container h2, .qr-container__text h2, section.qr-container h2 { font-size: 20px !important; } } /* QR kód obrázek - mix-blend-mode */ .qr-container__qr-code img { mix-blend-mode: multiply; } /* ======================================== CSS pro checkout tlačítko v košíku ======================================== */ /* ======================================== Košík - rovnoměrný padding na mobilu ======================================== */ @media (max-width: 1200px) { /* Zrušit Astra negativní marginy pro alignfull/alignwide bloky v košíku */ .woocommerce-cart .entry-content > .alignfull, .woocommerce-cart .entry-content[data-ast-blocks-layout] > .alignwide, .woocommerce-cart .entry-content .alignfull { margin-left: 0 !important; margin-right: 0 !important; } }