/* * overrides.css – reguły z Customizera (Additional CSS) * Ładowane na samym końcu, aby zastąpić wcześniejsze style. * Data refaktoryzacji: 20‑05‑2025 */ /* Custom Product Slider Container */ .custom-product-slider-container { position: relative; overflow: hidden; max-width: 100%; width: 100%; } /* Slider Wrapper (Prevent Overflow) */ .custom-product-slider-container .swiper-wrapper { display: flex; transition: transform 0.4s ease; } .custom-product-slider-container .swiper-slide { width: auto; flex-shrink: 0; text-align: center; } /* Arrow Styling */ .product-slider-arrow { color: #8EAC71; width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.9); border-radius: 50%; transition: background-color 0.3s ease, color 0.3s ease; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; } .product-slider-arrow-prev { left: 10px; } .product-slider-arrow-next { right: 10px; } /* ile brakuje do darmowej wysyłki info w koszyku */ .kornino-free-shipping-msg { background-color: #e7f5e3; color: #3c7a2a; font-weight: 500; padding: 10px 12px; border-radius: 6px; border: 1px solid #b6dcb2; margin: 15px 0 0 0; font-size: 15px; text-align: center; } /* animacja dodania do koszyka */ @keyframes bounceCart { 0% { transform: scale(1); } 30% { transform: scale(1.4); } 60% { transform: scale(0.9); } 100% { transform: scale(1); } } .cart-bounce { animation: bounceCart 0.5s ease-in-out; } /* jeden blog post na glownej na mobile */ @media (max-width: 767px) { .wp-block-kadence-posts .kt-post-grid { grid-template-columns: 1fr !important; } } /* stylizacja rodo przy zakupie" */ .rodo-section { margin-top: 30px; padding-top: 15px; border-top: 1px solid #ddd; } .rodo-info { margin-bottom: 15px; font-size: 13px; line-height: 1.6; } .woocommerce-checkout .form-row-wide label { font-weight: 500; } /* info o darmowej dostawie koszyk" */ .free-shipping-notice { background-color: #f8f8f8; padding: 12px 16px; border: 1px solid #ccc; border-radius: 6px; margin-bottom: 20px; font-size: 15px; font-weight: 500; color: #444; } .free-shipping-notice strong { color: #618b4a; } .free-shipping-notice.free { background-color: #e7f5e3; border-color: #b6dcb2; color: #3c7a2a; } /* stylizacja zgod przed zakupem" */ .rodo-section { margin-top: 30px; padding-top: 15px; border-top: 1px solid #ddd; } .rodo-info { margin-bottom: 15px; font-size: 13px; line-height: 1.6; } .woocommerce-checkout .form-row-wide label { font-weight: 500; } .rodo-section { margin-top: 30px; padding-top: 15px; border-top: 1px solid #ddd; } .rodo-info { margin-bottom: 15px; font-size: 13px; line-height: 1.6; } .woocommerce-checkout .form-row-wide label { font-weight: 500; } /* Ukryj h2 nad tabelą produktów w koszyku */ .woocommerce-cart h2 { display: none; } /* Wyrównanie opcji wysyłki pod etykietą "Wysyłka" */ .woocommerce-cart .cart_totals .woocommerce-shipping-methods { margin-top: 0; padding-left: 0; list-style: none; } .woocommerce-cart .cart_totals .woocommerce-shipping-methods li { margin-bottom: 6px; display: flex; align-items: center; } .woocommerce-cart .cart_totals .woocommerce-shipping-methods img { margin-left: 8px; max-height: 20px; } /* Wyrównanie opcji wysyłki pod etykietą "Wysyłka" */ .woocommerce-cart .cart_totals .woocommerce-shipping-methods { margin-top: 0; padding-left: 0; list-style: none; } .woocommerce-cart .cart_totals .woocommerce-shipping-methods li { margin-bottom: 6px; display: flex; align-items: center; } .woocommerce-cart .cart_totals .woocommerce-shipping-methods img { margin-left: 8px; max-height: 20px; } /* ===== TABELA PRODUKTÓW W KOSZYKU ===== */ .woocommerce-cart table.cart { width: 100%; border-collapse: collapse; margin-bottom: 30px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); border-radius: 8px; overflow: hidden; } .woocommerce-cart table.cart th, .woocommerce-cart table.cart td { padding: 12px 14px; border-bottom: 1px solid #eee; vertical-align: middle; font-size: 15px; } .woocommerce-cart table.cart th { background: #f8f8f8; font-weight: 600; font-size: 14px; text-align: left; } /* Miniaturki produktów */ .woocommerce-cart table.cart td.product-thumbnail img { max-width: 60px; height: auto; border-radius: 4px; } /* Nazwa produktu jako link */ .woocommerce-cart .product-name a { color: #618b4a; text-decoration: none; font-weight: 600; } .woocommerce-cart .product-name a:hover { text-decoration: underline; } /* Pola ilości */ .woocommerce-cart .quantity input { width: 50px; text-align: center; padding: 6px; border-radius: 4px; border: 1px solid #ccc; } /* ===== PODSUMOWANIE KOSZYKA (PRAWA KOLUMNA) ===== */ .woocommerce-cart .cart-collaterals .cart_totals { background-color: #f8f8f8; padding: 25px; border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); } .woocommerce-cart .cart-collaterals h2 { font-size: 20px; margin-bottom: 20px; } /* Wartości podsumowania */ .cart_totals table { width: 100%; font-size: 15px; } .cart_totals th, .cart_totals td { padding: 10px 0; } /* Przycisk "Przejdź do płatności" */ .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { background-color: #92b57d; color: white; padding: 12px 24px; border-radius: 6px; font-weight: 600; display: inline-block; text-align: center; transition: background-color 0.3s ease; font-size: 15px; margin-top: 20px; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { background-color: #7aa365; } /* ===== KOD KUPONU ===== */ .woocommerce-cart .coupon input.input-text { padding: 8px 12px; border-radius: 4px; border: 1px solid #ccc; } .woocommerce-cart .coupon button.button { background-color: #92b57d; color: white; padding: 8px 16px; border-radius: 4px; font-weight: 600; font-size: 14px; border: none; margin-left: 10px; } .woocommerce-cart .coupon button.button:hover { background-color: #7aa365; } /* ===== STYL TABELI ZAMÓWIEŃ (My Account Orders) ===== */ .woocommerce-MyAccount-content table.my_account_orders { width: 100%; border-collapse: collapse; background: #fff; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); overflow: hidden; margin-top: 20px; font-size: 15px; } .woocommerce-MyAccount-content table.my_account_orders th, .woocommerce-MyAccount-content table.my_account_orders td { padding: 12px 16px; border-bottom: 1px solid #eee; text-align: left; vertical-align: middle; } .woocommerce-MyAccount-content table.my_account_orders th { background: #f8f8f8; font-weight: 600; font-size: 14px; } /* Linki do zamówień (#XXXX) */ .woocommerce-MyAccount-content table.my_account_orders td a { color: #618b4a; text-decoration: none; font-weight: 600; } .woocommerce-MyAccount-content table.my_account_orders td a:hover { text-decoration: underline; } /* Przyciski "Zobacz", "Faktura" */ .woocommerce-MyAccount-content .button { background-color: #92b57d; color: white; padding: 6px 14px; border-radius: 4px; text-decoration: none; font-size: 14px; font-weight: 500; display: inline-block; margin-right: 6px; transition: background-color 0.3s ease; } .woocommerce-MyAccount-content .button:hover { background-color: #7aa365; } /* Usunięcie dziwnego marginesu przy "Działania" */ .woocommerce-MyAccount-content table.my_account_orders td.order-actions { white-space: nowrap; } /* ===== STYL DLA "EDYTUJ KONTO" ===== */ .woocommerce form.woocommerce-EditAccountForm { background-color: #f8f8f8; padding: 25px; border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); margin-top: 20px; } /* Pola formularza */ .woocommerce form .form-row { margin-bottom: 20px; } /* Pola input */ .woocommerce form .form-row input, .woocommerce form .form-row input[type="password"] { width: 100%; padding: 10px 12px; border: 1px solid #ccc; border-radius: 6px; font-size: 15px; line-height: 1.4; } /* Labelki */ .woocommerce form .form-row label { font-weight: 600; margin-bottom: 6px; display: block; font-size: 14px; } /* Podpowiedzi (opis pod nazwą wyświetlaną) */ .woocommerce form .form-row .woocommerce-input-wrapper ~ span { display: block; font-size: 13px; color: #666; margin-top: 5px; } /* Sekcja zmiana hasła */ .woocommerce form fieldset { border: 1px solid #ccc; padding: 15px; border-radius: 6px; margin-top: 20px; } .woocommerce form fieldset legend { font-weight: bold; font-size: 16px; margin-bottom: 10px; } /* Przycisk zapisz zmiany */ .woocommerce-Button.button { background-color: #92b57d; color: white; padding: 12px 24px; border: none; border-radius: 6px; font-weight: 600; font-size: 15px; cursor: pointer; transition: background-color 0.3s ease; } .woocommerce-Button.button:hover { background-color: #7aa365; } /* Wyrównanie przycisku "pokaż hasło" */ .woocommerce form .password-input { position: relative; } .woocommerce form .password-input .show-password-input { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); background-color: #92b57d; color: #fff; padding: 6px; border-radius: 4px; cursor: pointer; line-height: 1; display: flex; align-items: center; justify-content: center; } .woocommerce form .password-input input[type="password"], .woocommerce form .password-input input[type="text"] { padding-right: 45px; /* miejsce na ikonę */ } /* =========================================================== /edytuj-adres/ =========================================================== */ .woocommerce-addresses { display: flex; gap: 30px; flex-wrap: wrap; margin-bottom: 40px; } .woocommerce-Address { flex: 1 1 45%; background: #f8f8f8; padding: 20px; border: 1px solid #e0e0e0; box-shadow: 0 2px 5px rgba(0,0,0,0.05); border-radius: 8px; } .woocommerce-Address-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; } .woocommerce-Address-title h3 { margin: 0; font-size: 18px; font-weight: 600; } .woocommerce-Address-title a { font-size: 14px; background-color: #92b57d; color: white; padding: 6px 12px; border-radius: 4px; text-decoration: none; transition: background-color 0.3s ease; } .woocommerce-Address-title a:hover { background-color: #7aa365; } .address { line-height: 1.6; font-size: 15px; } /* Responsive – mobile */ @media (max-width: 768px) { .woocommerce-addresses { flex-direction: column; } .woocommerce-Address { flex: 1 1 100%; } } /* =========================================================== menu w /moje-konto =========================================================== */ .woocommerce-MyAccount-navigation { margin-bottom: 30px; } .woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; } .woocommerce-MyAccount-navigation ul li { margin: 0; padding: 0; } .woocommerce-MyAccount-navigation ul li a { display: block; padding: 12px 16px; background-color: #f5f5f5; /* jasnoszary */ border-bottom: 1px solid #e0e0e0; text-decoration: none; color: #333; transition: background-color 0.3s ease; } .woocommerce-MyAccount-navigation ul li.is-active a { background-color: #92b57d; /* zielony z Twojego screena */ color: white; font-weight: bold; } .woocommerce-MyAccount-navigation ul li a:hover { background-color: #cfe5c0; /* jaśniejszy zielony */ } /* =========================================================== SKLEP – globalne tło #F6F6F6 (przykrywa #ffffff !important) =========================================================== */ body.woocommerce.archive, body.woocommerce.archive .site, body.woocommerce.archive #page, body.woocommerce.archive .content-container.site-container, body.woocommerce.archive .site-main, body.woocommerce.archive .primary-sidebar, body.woocommerce.archive .kadence-shop-top-row { background:#F6F6F6 !important; /* 👈 przebija wcześniejsze #ffffff */ } /* =========================================================== SKLEP – zamiana kolorów tła =========================================================== */ /* 1) Szare tło całego widoku sklepu (body + wrapper z produktami) */ body.woocommerce.archive, body.woocommerce.archive .site-main{ background-color:#F6F6F6 !important; /* nowe tło strony */ } /* 2) Białe kafelki z produktami */ body.woocommerce.archive ul.products li.product{ background:#FFFFFF !important; /* białe płytki */ /* (opcjonalnie) subtelny cień, żeby odciąć od tła */ box-shadow:0 1px 3px rgba(0,0,0,.06); } /* 3) Jeśli używasz Kadence i kafelki mają jeszcze wewnętrzne "wrappery", upewnij się, że one też są białe */ body.woocommerce.archive ul.products li.product > a, body.woocommerce.archive ul.products li.product > div{ background:transparent; /* nic nie psuje nowego looku */ } /* =========================================================== Mniejszy odstęp cena ⇢ przycisk "Dodaj do koszyka" =========================================================== */ body, .site { background-color: #ffffff !important; } /* 4. Zmniejsz pionowe odstępy pomiędzy widżetami / kolumnami --------- */ /* 4a) Jeśli wrapper działa w trybie GRID – ustaw "row-gap" */ #colophon .site-middle-footer-inner-wrap, #colophon .site-bottom-footer-inner-wrap{ row-gap: 14px; /* 👉 tutaj kontrolujesz JAK BLISKO siebie są sekcje */ gap: 14px; /* (wspólne polecenie – działa też, gdy przeglądarka automatycznie przełączy się z grid na flex) */ } /* 4b) Jeżeli przeglądarka przełączyła wrapper w FLEX (bo nadałeś display:flex), a wersja obsługi flex-gap jest stara – dodaj fallback na marginesy: */ #colophon .site-middle-footer-inner-wrap > *, #colophon .site-bottom-footer-inner-wrap > *{ margin-bottom: 14px; /* odstęp między "kafelkami" */ } /* usuń margines w ostatnim elemencie, żeby nie robił dziury przy dole */ #colophon .site-middle-footer-inner-wrap > *:last-child, #colophon .site-bottom-footer-inner-wrap > *:last-child{ margin-bottom: 0; } /* ================================================================ MOBILE – formatowanie nagłówków H2 oraz H3 na stronie produktu ================================================================ */ @media (max-width:767px){ /* breakpoint telefonów */ /* H2 – 24 px, waga 400 (normal), line-height 1.4 */ .single-product h2{ font-size:24px; /* rozmiar czcionki */ font-weight:400; /* normal (jeśli font nie ma 400, użyje najbliższej wagi) */ line-height:1.4; /* wysokość linii */ } /* H3 – 21 px, bold, line-height 1.4 */ .single-product h3{ font-size:21px; font-weight:700; /* pogrubienie */ line-height:1.4; } } /* ====================================================================== STRONA PRODUKTU – KOLORY, TYPOGRAFIA, DIVIDER =================================================================== */ /* 1) Tło całej sekcji produktu */ .single-product #primary{ background:#f9f9f9; /* jasny szary wg specyfikacji */ } /* 2) Tytuł produktu + cienki divider pod spodem */ .single-product .product_title{ color:#000; /* czarny */ margin-bottom:18px; /* odstęp jak na makiecie */ padding-bottom:12px; border-bottom:1px solid #d1d1d1; /* 1 px szara linia */ } /* 3) Cena – również czarna (obejmuje wszystkie wewn. spany) */ .single-product .price, .single-product .price *{ color:#000; } /* 4) Pozostałe teksty (opis, zakładki, ikonki itp.) */ .single-product .woocommerce-product-details__short-description, .single-product .woocommerce-tabs, .single-product .woocommerce-tabs .panel{ color:#3B3D42; /* ciemny grafit */ } /* 5) MOBILE – opis i zakładki mają mieć 17 px zamiast 18 px */ @media (max-width:767px){ /* breakpoint Kadence dla telefonu */ .single-product .woocommerce-product-details__short-description, .single-product .woocommerce-tabs .panel{ font-size:17px; } .single-product .product_title{ line-height:1.15em; /* mniejsze odstępy (domyślnie ~1.3-1.4) */ margin-bottom:14px; /* możesz lekko zmniejszyć odstęp od dividera */ } } /* (opcjonalnie) Jeśli używasz układu "Full-Width", możesz potrzebować: .single-product .content-area{background:#f9f9f9;} */ /* ======================================================== */ /* ============== LOGIN / ACCOUNT LINKS / CART ICON ======= */ /* ======================================================== */ .kornino-user-links { display: flex; gap: 12px; align-items: center; justify-content: flex-end; font-size: 16px; line-height: 1; } .kornino-user-links a { display: inline-flex; align-items: center; text-decoration: none; color: #000; font-weight: 300; font-size: 16px; } .kornino-user-links a:hover { color: #86AE4E; } .kornino-user-links i { font-size: 16px; margin-right: 5px; line-height: 1; } /* hide the default svg */ .header-cart-button .kadence-svg-iconset{display:none;} /* inject FA5 */ .header-cart-button::before{ content:"\f290"; /* fa-shopping-bag */ font-family:"Font Awesome 5 Free"; font-weight:900; font-size:22px; } /* ============================================= */ /* ========= Strona pojedynczego produktu ==== */ /* ========================================== */ /* body.woocommerce div.product .woocommerce-tabs ul.tabs { display: none !important; }*/ .related.products { margin-bottom: 80px !important; padding-bottom: 40px; } /* Cena na stronie pojedynczego produktu */ .woocommerce div.product p.price, .woocommerce div.product span.price { font-size: 24px !important; font-weight: 500 !important; } /* Ogólny styl hover dla przycisków */ button:hover, .button:hover, .wp-block-button__link:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce input[type=submit]:hover { background-color: #79618d !important; /* Zielony hover */ border-color: #79618d !important; color: #fff !important; } /* Specyficzny hover dla fioletowych przycisków */ .woocommerce ul.products li.product a.button:not(.add_to_cart_button):hover, .woocommerce a.added_to_cart.button:hover { /* Uwzględnij "Zobacz Koszyk" jeśli używasz fioletowego */ background-color: #79618d !important; /* Ciemniejszy fioletowy hover */ border-color: #79618d !important; } /* === Breadcrumbs – poprawiona wersja === */ .kornino-breadcrumb-wrap { background-color: #000; padding: 22px 0; text-align: center; width: 100%; margin-bottom: 0px; margin-top: 30px; /* Odstęp od headera */ display: flex; align-items: center; justify-content: center; } .kornino-breadcrumb { max-width: 1200px; width: 100%; padding: 0 20px; font-size: 14px; font-weight: 400; color: #fff; } .kornino-breadcrumb .woocommerce-breadcrumb { margin: 0; padding: 0; font-weight: 400; color: #ffffff; font-size: 14px; word-spacing: 0.2em; } .kornino-breadcrumb .woocommerce-breadcrumb a { color: #ffffff !important; text-decoration: none !important; } .kornino-breadcrumb .woocommerce-breadcrumb a:hover { color: #93b381 !important; } .kornino-breadcrumb .woocommerce-breadcrumb .breadcrumb-last, .kornino-breadcrumb .woocommerce-breadcrumb span:last-child { color: #93b381 !important; font-weight: 500 !important; } /* ============================================= */ /* Unifikacja Wysokości Kart Produktów powiązanych */ /* ============================================= */ .related.products ul.products li.product {display: flex; flex-direction: column; height: 100%; background-color: #fff !important; padding: 20px !important; box-sizing: border-box !important;} .related.products ul.products li.product .woocommerce-loop-product__title {min-height: 3.6em; line-height: 1.2; margin-bottom: 0.5em;} .related.products ul.products li.product .price {margin-top: auto; margin-bottom: 0.7em; display: block;} .related.products ul.products li.product .button {margin-top: auto; width: 100%;} /* ============================================= */ /* Styl: Blok Kategorii Produktów w Pasku Bocznym */ /* ============================================= */ .widget_block .wp-block-woocommerce-product-categories, .widget_product_categories { margin-top: 0px; margin-bottom: 0px; background-color: #FFFFFF !important; box-sizing: border-box; } .widget_block .wp-block-woocommerce-product-categories.is-list ul.wc-block-product-categories-list, .widget_product_categories ul.product-categories { list-style: none; padding-left: 0; margin: 0; border-top: 1px solid #eee; } .widget_block .wp-block-woocommerce-product-categories.is-list ul.wc-block-product-categories-list li.wc-block-product-categories-list-item, .widget_product_categories ul.product-categories li { margin-bottom: 0; border-bottom: 1px solid #eee; padding: 0; } .widget_block .wp-block-woocommerce-product-categories.is-list ul.wc-block-product-categories-list li.wc-block-product-categories-list-item a, .widget_product_categories ul.product-categories li a { display: block; padding: 10px 10px; text-decoration: none; color: #333; font-weight: 500; margin: 0; } .widget_block .wp-block-woocommerce-product-categories.is-list ul.wc-block-product-categories-list li.wc-block-product-categories-list-item a:hover, .widget_product_categories ul.product-categories li a:hover { background-color: #93b381; color: #ffffff; } .widget_block .wp-block-woocommerce-product-categories.is-list .wc-block-product-categories-list-item-count, .widget_product_categories .count { display: none !important; } /* === START: Layout Strony Sklepu - Paski boczne i główne - REVISED === */ /* Remove old float-based layout which causes content to be cut off */ /* body.woocommerce.archive .primary-sidebar { width: 230px; float: left; } body.woocommerce.archive .site-main { width: 950px; margin-left: 0px; float: left; } */ /* Let Kadence parent theme's grid display handle the container. Adjust the column ratio for woocommerce archive pages if a left sidebar is present. This makes the left sidebar narrower (approx 20%) and content wider (approx 80%). */ body.woocommerce.archive.has-left-sidebar .content-container { grid-template-columns: 1fr 4fr !important; /* Example: 1 part sidebar, 4 parts content */ /* Adjust gap if needed, or let parent theme control it. For example: grid-gap: 20px !important; */ } /* If your sidebar is on the right, you would use this instead: body.woocommerce.archive.has-sidebar:not(.has-left-sidebar) .content-container { grid-template-columns: 4fr 1fr !important; } */ /* Ensure site-main and primary-sidebar don't have conflicting width/float from other rules if any */ body.woocommerce.archive .site-main, body.woocommerce.archive .primary-sidebar { width: auto !important; /* Allow grid to control width */ float: none !important; /* Remove float */ margin-left: 0 !important; /* Reset any specific margins */ margin-right: 0 !important; } /* Restore and adjust padding for alignment */ body.woocommerce.archive .primary-sidebar { padding-top: 60px !important; /* Original padding, adjust as needed */ } body.woocommerce.archive .site-main { padding-bottom: 40px !important; /* Original padding, adjust as needed */ padding-top: 42px !important; /* Align with sidebar's top padding */ } /* Styles for product grid gaps - this should be fine as is */ /* body.woocommerce.archive ul.products.content-wrap { gap: 15px !important; } */ /* Styles for shop top row - should be fine */ /* body.woocommerce.archive .kadence-shop-top-row { margin-bottom: 5px !important; padding-bottom: 0 !important; } */ /* === END: Layout Strony Sklepu - REVISED === */ /* ========================================================= MOBILE – ukryj FiboSearch tylko w sidebarze (site-main) ========================================================= */ @media (max-width:767px){ /* 1) Szukamy kontenera wyszukiwarki wewnątrz .site-main (czyli w części treści, nie w nagłówku) */ .site-main .dgwt-wcas-search-wrapp{ display:none!important; } /* 2) Opcjonalnie zmniejszamy górny margines po usunięciu wyszukiwarki, żeby kategorie podjechały wyżej. */ .site-main #secondary, /* klasyczny ID side­bara w Kadence */ .site-main .widget-area{ /* alternatywa, gdyby #secondary brak */ margin-top:6px!important; } } /* ======================================================== */ /* Styl Przycisków dodaj do koszyka i dowiedz sie wiecej*/ /* ======================================================== */ body.woocommerce.archive ul.products li.product a.button { white-space: nowrap; padding: 10px 10px 10px 10px !important; text-align: center; display: flex; align-items: center; justify-content: center; line-height: 1.2; } body.woocommerce.archive ul.products li.product a.add_to_cart_button { font-size: 0.95em !important; font-weight: 500 !important; } body.woocommerce.archive ul.products li.product a.add_to_cart_button::before { content: '\f07a'; font-family: 'Font Awesome 5 Free', 'FontAwesome', sans-serif; font-weight: 600; margin-right: 7px; display: inline-block; vertical-align: baseline; font-size: 1em; } body.woocommerce.archive ul.products li.product a.button:not(.add_to_cart_button):not(.added_to_cart) { font-size: 0.95em !important; font-weight: 500 !important; background-color: #876e9c !important; border-color: #876e9c !important; color: #fff !important; } /* NOWE STYLE DLA PRZYCISKU "ZOBACZ KOSZYK" - IDENTYCZNE Z "DODAJ DO KOSZYKA" */ body.woocommerce.archive ul.products li.product a.view-cart-button, body.woocommerce.archive ul.products li.product a.added_to_cart.wc-forward, body.woocommerce.archive ul.products li.product a.added_to_cart { font-size: 0.95em !important; font-weight: 500 !important; background-color: #92b57d !important; /* Zielony jak inne przyciski dodaj do koszyka */ border-color: #92b57d !important; color: #fff !important; white-space: nowrap !important; padding: 10px 10px 10px 10px !important; text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; line-height: 1.2 !important; text-decoration: none !important; } body.woocommerce.archive ul.products li.product a.view-cart-button:hover, body.woocommerce.archive ul.products li.product a.added_to_cart.wc-forward:hover, body.woocommerce.archive ul.products li.product a.added_to_cart:hover { background-color: #7aa365 !important; border-color: #7aa365 !important; } /* USUNIĘCIE WIELKICH LITER Z PRZYCISKU "ZOBACZ KOSZYK" NA STRONIE SKLEPU */ body.woocommerce.archive ul.products li.product a.view-cart-button, body.woocommerce.archive ul.products li.product a.added_to_cart.wc-forward, body.woocommerce.archive ul.products li.product a.added_to_cart { text-transform: none !important; /* Usunięcie wielkich liter */ } /* ============================================= */ /* Styl: Widget Wyszukiwarki FiboSearch */ /* ============================================= */ .widget_block:has(.dgwt-wcas-search-wrapp) { margin-bottom: 20px; } .widget .dgwt-wcas-search-wrapp { padding: 0; margin: 0;} .widget .dgwt-wcas-style-solaris .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input { border: 1px solid #ccc; border-radius: 3px; padding: 8px 12px; height: 40px; box-sizing: border-box; width: 100%; background-color: #fff; box-shadow: none;} .widget .dgwt-wcas-style-solaris .dgwt-wcas-search-submit { background-color: #93b381; border: 1px solid #93b381; color: #ffffff; border-radius: 3px; cursor: pointer; transition: background-color 0.3s ease; padding: 0 15px; height: 40px; box-sizing: border-box; position: absolute; right: 0; top: 0; width: auto; display: inline-flex; align-items: center; justify-content: center;} .widget .dgwt-wcas-style-solaris .dgwt-wcas-search-submit .dgwt-wcas-ico-search { fill: #ffffff; width: 18px; height: 18px; margin: 0; vertical-align: middle;} .widget .dgwt-wcas-style-solaris .dgwt-wcas-search-submit:hover { background-color: #7a9a6d; border-color: #7a9a6d;} .widget .dgwt-wcas-style-solaris .dgwt-wcas-sf-wrapp { position: relative;} .widget .dgwt-wcas-style-solaris .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input { padding-right: 55px !important;} /* ======================================================== */ /* Zwiększ Rozmiar Czcionki Ceny Produktu na Sklepie/Archiwum */ /* ======================================================== */ body.woocommerce.archive ul.products li.product .price, body.woocommerce.archive ul.products li.product .price .amount { font-size: 20px !important; /* Added important */ font-weight: 500 !important; /* Added important */ color: black !important; /* Ensure price is black */ } /* ======================================================== */ /* ZNIKA PASEK NA GORZE STRONY */ /* ======================================================== */ @media (min-width: 0px) { .content-area { margin-top: 0 !important; padding-top: 0 !important; } .site-main { margin-top: 0 !important; padding-top: 0 !important; } .wp-block-kadence-rowlayout:first-of-type { margin-top: 0 !important; } } /* 17.04.2025 - 13:30 - backup przed czysczeniem - dziala niby wszystko ok */ /* sllider nma stornie produktu */ /* ==== SLIDER: Popular Products Under Product Page ==== */ /* ==== SLIDER: Popular Products Under Product Page ==== */ .custom-related-slider-container { margin-top: 80px; margin-bottom: 100px; /* Increased bottom spacing before footer */ } .custom-slider-heading { font-size: 26px; font-weight: 600; margin-bottom: 30px; text-align: center; color: #000; } .custom-related-slider .product-slide { background: #fff; border: 1px solid #eee; border-radius: 6px; padding: 10px; text-align: center; display: flex; flex-direction: column; justify-content: flex-start; height: 100%; box-sizing: border-box !important; } .custom-related-slider .product-slide img { max-width: 100%; height: auto; margin: 0 auto 14px; /* spacing below image */ border-radius: 6px; flex-shrink: 0; /* Prevent image from shrinking */ } .custom-related-slider .product-slide-title { font-size: 16px; font-weight: 400; /* Reduced from default bold to normal */ margin: 0 0 12px; /* spacing below title */ min-height: 4em; /* Increased for longer titles */ display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1.2; /* Consistent line height */ flex-shrink: 0; /* Prevent title from shrinking */ } .custom-related-slider .product-slide-price { font-size: 16px; margin-bottom: 12px; min-height: 1.5em; /* Consistent height whether price exists or not */ flex-shrink: 0; /* Prevent price from shrinking */ } /* Ensure the button container takes remaining space and pushes button to bottom */ .custom-related-slider .product-slide .product-slide-add-to-cart { margin-top: auto; /* This pushes the button area to the bottom */ display: flex; flex-direction: column; flex-shrink: 0; /* Prevent button area from shrinking */ } .custom-related-slider .product-slide .button { margin-top: 0; /* Remove auto margin since parent container handles positioning */ width: 100%; white-space: nowrap; font-weight: 500 !important; font-size: 0.95em !important; background-color: #876e9c !important; border-color: #876e9c !important; color: #fff !important; text-align: center; padding: 10px !important; display: flex; align-items: center; justify-content: center; min-height: 42px; line-height: 1.2 !important; } /* STYLE DLA "ZOBACZ KOSZYK" W SLIDERZE NA STRONIE PRODUKTU */ .custom-related-slider .product-slide a.view-cart-button, .custom-related-slider .product-slide a.added_to_cart.wc-forward, .custom-related-slider .product-slide a.added_to_cart { margin-top: auto !important; width: 100% !important; white-space: nowrap !important; font-weight: 500 !important; font-size: 0.95em !important; background-color: #92b57d !important; /* Zielony */ border-color: #92b57d !important; color: #fff !important; text-align: center !important; padding: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; min-height: 42px !important; line-height: 1.2 !important; text-decoration: none !important; } /* USUNIĘCIE WIELKICH LITER Z PRZYCISKU "ZOBACZ KOSZYK" W SLIDERZE NA STRONIE PRODUKTU */ .custom-related-slider .product-slide a.view-cart-button, .custom-related-slider .product-slide a.added_to_cart.wc-forward, .custom-related-slider .product-slide a.added_to_cart { text-transform: none !important; /* Usunięcie wielkich liter */ } .custom-related-slider .product-slide .button:hover { background-color: #79618d !important; border-color: #79618d !important; } /* HOVER DLA "ZOBACZ KOSZYK" W SLIDERZE NA STRONIE PRODUKTU */ .custom-related-slider .product-slide a.view-cart-button:hover, .custom-related-slider .product-slide a.added_to_cart.wc-forward:hover, .custom-related-slider .product-slide a.added_to_cart:hover { background-color: #7aa365 !important; border-color: #7aa365 !important; } .custom-related-slider .swiper-button-next, .custom-related-slider .swiper-button-prev { color: #333; background: #fff; border: 1px solid #ccc; border-radius: 50%; width: 38px; height: 38px; top: 50%; transform: translateY(-50%); } .custom-related-slider .swiper-button-prev { left: 5px; } .custom-related-slider .swiper-button-next { right: 5px; } @media (max-width: 767px) { .custom-related-slider .swiper-button-next, .custom-related-slider .swiper-button-prev { display: none; } } /* Ujednolicenie "Dodaj do koszyka" + "Zobacz koszyk" (aktualizacja: 2025-05-20) ======================================================================== */ /* KONTEKST: Standardowo WooCommerce po dodaniu produktu do koszyka zamienia przycisk "Dodaj do koszyka" na link "Zobacz koszyk". CEL: Chcemy, aby po kliknięciu "Dodaj do koszyka", oba elementy były widoczne: 1. Przycisk "Dodaj do koszyka" (zmieniony na "Dodano! Kontynuuj zakupy" lub podobnie) 2. Link "Zobacz koszyk" Podejście: - Używamy flexbox do ułożenia ich pionowo. - Nadpisujemy domyślne ukrywanie przycisku "Dodaj do koszyka". - Stylujemy oba linki/przyciski dla spójnego wyglądu. Ważne: - Klasa .product-action-wrap to kontener, który musisz dodać wokół przycisku `add_to_cart_button` oraz linku `added_to_cart` w szablonach WooCommerce lub przez hooki, jeśli chcesz, aby to działało globalnie. Przykład struktury HTML:
Dodaj do koszyka Zobacz koszyk
- Jeśli NIE modyfikujesz HTML i .product-action-wrap nie istnieje, niektóre reguły (szczególnie te dla .product-action-wrap) mogą nie działać poprawnie lub wymagać dostosowania do istniejącej struktury HTML. */ /* 1) Wrapper dla obu przycisków (jeśli istnieje) - układ pionowy */ .woocommerce ul.products li.product .product-action-wrap { display: flex !important; flex-direction: column !important; gap: 6px !important; width: 100% !important; } /* 2) Style dla obu przycisków/linków dla spójności */ .woocommerce ul.products li.product .product-action-wrap > a.button, /* Bezpośrednie dziecko */ .woocommerce ul.products li.product .product-action-wrap > a.added_to_cart.wc-forward { /* Bezpośrednie dziecko */ display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 40px !important; padding: 0 12px !important; font-size: 0.92rem !important; font-weight: 600 !important; line-height: 1.2 !important; border-radius: 4px !important; box-sizing: border-box !important; border: none !important; background: #92b57d !important; /* Kolor tła */ color: #fff !important; /* Kolor tekstu */ text-align: center; text-decoration: none !important; } /* Hover effect dla obu */ .woocommerce ul.products li.product .product-action-wrap > a.button:hover, .woocommerce ul.products li.product .product-action-wrap > a.added_to_cart.wc-forward:hover { background: #7aa365 !important; /* Ciemniejszy odcień przy hover */ } /* 3) Upewnij się, że przycisk "Dodaj do koszyka" pozostaje widoczny po dodaniu (jeśli to intencja) Domyślnie WooCommerce dodaje klasę .added i ukrywa oryginalny przycisk. Poniższa reguła może być potrzebna, jeśli chcesz go nadal widzieć. Jeśli jednak przycisk "Dodaj do koszyka" ma zniknąć, a pojawić się tylko "Zobacz koszyk" to tę regułę należy usunąć lub zmodyfikować. */ .woocommerce ul.products li.product a.add_to_cart_button.added { /* display: inline-block !important; */ /* Odkomentuj, jeśli chcesz go zostawić */ /* Możesz też zmienić tekst przycisku po dodaniu przez JS lub PHP */ } /* 4) Ukryj domyślny ✓ (check mark) i spinner z przycisku Kadence/WooCommerce, jeśli są */ .woocommerce ul.products li.product a.add_to_cart_button .kadence-spinner-svg, .woocommerce ul.products li.product a.add_to_cart_button .kadence-check-svg, .woocommerce ul.products li.product a.add_to_cart_button.added::before { /* Domyślny checkmark WooCommerce */ display: none !important; } /* 5) Jeśli przycisk "Dodaj do koszyka" w SLIDERZE zmienia tekst po dodaniu, a nie chcesz już ikony koszyka, możesz ją ukryć: */ .woocommerce ul.products li.product a.add_to_cart_button.added .kadence-svg-iconset { /* display: none !important; */ /* Odkomentuj, aby ukryć ikonę po dodaniu */ } /* KONIEC NOWYCH STYLI DLA SLIDERA */ /* Poprzednio istniejace komentarze i inne reguly CSS ... */ /* np. */ /* update: 2025-05-20 11:32 Jeśli tu były inne ważne reguły, powinny zostać zachowane. Poniżej jest przykład, jak mogłyby wyglądać, jeśli były częścią poprzedniego bloku. */ /* ======================================================== */ /* Styl Linków w Stopce */ /* ======================================================== */ .footer-widget2 a, .footer-widget3 a, .footer-nav .widget-title a { /* Added footer-nav */ color: #000000; } .footer-widget2 a:hover, .footer-widget3 a:hover, .footer-nav .widget-title a:hover { color: #8EAC71; } /* =========================================================================== stylizacja footera na mobile ======================================================================== */ @media (max-width: 767px) { /* Tylko pierwsza kolumna (logo + social) wycentrowana */ .site-middle-footer-inner-wrap > .site-footer-middle-section-1 { text-align: center !important; margin-left: auto !important; margin-right: auto !important; } /* Pozostałe kolumny do lewej */ .site-middle-footer-inner-wrap > .site-footer-middle-section-2, .site-middle-footer-inner-wrap > .site-footer-middle-section-3, .site-middle-footer-inner-wrap > .site-footer-middle-section-4 { text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; } /* Stopka dolna (prawa autorskie) wycentrowana */ .site-bottom-footer-wrap .site-info { text-align: center !important; } } /*footer center left left center */ @media (max-width: 767px) { /* Logo i socialki - wyśrodkuj całość */ .site-footer-middle-section-1 { width: 100%; text-align: center !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; } .site-footer-middle-section-1 .footer-widget-area-inner { align-items: center !important; justify-content: center !important; display: flex !important; flex-direction: column !important; } .site-footer-middle-section-1 img { margin: 0 auto 10px auto !important; } .site-footer-middle-section-1 .wp-block-social-links { justify-content: center !important; margin: 10px 0 0 0 !important; } /* Pozostałe kolumny: wyrównaj do lewej */ .site-footer-middle-section-2, .site-footer-middle-section-3, .site-footer-middle-section-4 { text-align: left !important; width: 100%; } /* Prawa autorskie wycentrowane */ .site-bottom-footer-inner-wrap .site-footer-bottom-section-1 { text-align: center !important; } } /* 2) Przyciski po wcisnieciu dodaj do koszyka (dodaj do koszyka + zobacz koszyk)*/ /* Układ pionowy + odstęp między przyciskami */ .woocommerce ul.products li.product .product-action-wrap{ display:flex !important; flex-direction:column !important; gap:6px !important; } /* Oba przyciski: ta sama wysokość, środkowanie tekstu */ .woocommerce ul.products li.product .product-action-wrap a.button, .woocommerce ul.products li.product .product-action-wrap a.added_to_cart.wc-forward, .woocommerce ul.products li.product .product-action-wrap a.added_to_cart, .woocommerce ul.products li.product .product-action-wrap a.view-cart-button{ display:flex !important; /* flex = łatwe centrujące */ align-items:center !important; justify-content:center !important; width:100% !important; min-height:40px !important; /* <<< identyczna wysokość */ padding:0 12px !important; /* bok */ font-size:0.92rem !important; font-weight:600 !important; line-height:1.2 !important; border-radius:4px !important; box-sizing:border-box !important; border:none !important; background:#92b57d !important; /* zielone brand */ color:#fff !important; text-decoration: none !important; } /* USUNIĘCIE WIELKICH LITER Z PRZYCISKU "ZOBACZ KOSZYK" W PRODUCT-ACTION-WRAP */ .woocommerce ul.products li.product .product-action-wrap a.added_to_cart.wc-forward, .woocommerce ul.products li.product .product-action-wrap a.added_to_cart, .woocommerce ul.products li.product .product-action-wrap a.view-cart-button { text-transform: none !important; /* Usunięcie wielkich liter */ } .woocommerce ul.products li.product .product-action-wrap a.button:hover, .woocommerce ul.products li.product .product-action-wrap a.added_to_cart.wc-forward:hover, .woocommerce ul.products li.product .product-action-wrap a.added_to_cart:hover, .woocommerce ul.products li.product .product-action-wrap a.view-cart-button:hover{ background:#7aa365 !important; } /* Ukryj ✓ i spinner (zostaw ikonę koszyka) */ .woocommerce ul.products li.product .product-action-wrap a.add_to_cart_button .kadence-spinner-svg, .woocommerce ul.products li.product .product-action-wrap a.add_to_cart_button .kadence-check-svg, .woocommerce ul.products li.product .product-action-wrap a.add_to_cart_button.added::before{ display:none !important; } /* CSS FOR MAIN PAGE PRODUCT SLIDER BUTTONS */ /* Układ pionowy + odstęp między przyciskami - SLIDER */ .custom-product-slider-container .product-slide .product-slide-add-to-cart .product-action-wrap { display:flex !important; flex-direction:column !important; gap:6px !important; } /* Jeśli .product-action-wrap nie istnieje w sliderze, stosujemy flex do .product-slide-add-to-cart */ .custom-product-slider-container .product-slide .product-slide-add-to-cart { display:flex !important; /* Fallback jeśli .product-action-wrap nie ma */ flex-direction:column !important; /* Fallback */ gap:6px !important; /* Fallback */ } /* Oba przyciski: ta sama wysokość, środkowanie tekstu - SLIDER */ .custom-product-slider-container .product-slide .product-slide-add-to-cart a.button, .custom-product-slider-container .product-slide .product-slide-add-to-cart a.add_to_cart_button.added, .custom-product-slider-container .product-slide .product-slide-add-to-cart a.added_to_cart.wc-forward, .custom-product-slider-container .product-slide .product-slide-add-to-cart a.added_to_cart, .custom-product-slider-container .product-slide .product-slide-add-to-cart a.view-cart-button { display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; /* Full width to match image container */ min-height:40px !important; padding:0 12px !important; font-size:0.92rem !important; font-weight:600 !important; line-height:1.2 !important; border-radius:4px !important; box-sizing:border-box !important; border:none !important; background:#92b57d !important; color:#fff !important; text-decoration: none !important; white-space: nowrap !important; /* Prevent text wrapping */ overflow: hidden !important; /* Hide any overflow */ text-overflow: ellipsis !important; /* Add ... if text too long */ } /* USUNIĘCIE WIELKICH LITER Z PRZYCISKU "ZOBACZ KOSZYK" W SLIDERZE GŁÓWNEJ STRONY */ .custom-product-slider-container .product-slide .product-slide-add-to-cart a.view-cart-button, .custom-product-slider-container .product-slide .product-slide-add-to-cart a.added_to_cart.wc-forward, .custom-product-slider-container .product-slide .product-slide-add-to-cart a.added_to_cart { text-transform: none !important; /* Usunięcie wielkich liter */ } .custom-product-slider-container .product-slide .product-slide-add-to-cart a.button:hover, .custom-product-slider-container .product-slide .product-slide-add-to-cart a.add_to_cart_button.added:hover, .custom-product-slider-container .product-slide .product-slide-add-to-cart a.added_to_cart.wc-forward:hover, .custom-product-slider-container .product-slide .product-slide-add-to-cart a.added_to_cart:hover, .custom-product-slider-container .product-slide .product-slide-add-to-cart a.view-cart-button:hover { background:#7aa365 !important; } /* Ukryj ✓ i spinner (zostaw ikonę koszyka) - SLIDER */ .custom-product-slider-container .product-slide .product-slide-add-to-cart a.add_to_cart_button .kadence-spinner-svg, .custom-product-slider-container .product-slide .product-slide-add-to-cart a.add_to_cart_button .kadence-check-svg, .custom-product-slider-container .product-slide .product-slide-add-to-cart a.add_to_cart_button.added::before { display:none !important; } /* KONIEC NOWYCH STYLI DLA SLIDERA */ /* Align buttons in product slider to the bottom, especially for items without a price */ .custom-product-slider-container .product-slide .product-slide-inner { display: flex; /* Ensure the inner container is a flex container */ flex-direction: column; /* Stack items vertically */ height: 100%; /* Make it take full height of the slide */ } .custom-product-slider-container .product-slide .product-slide-inner .product-slide-add-to-cart { margin-top: auto !important; /* Push the button container to the bottom */ padding-top: 10px !important; /* Add some space above the button area */ padding-bottom: 5px !important; /* Add some space below the button area */ width: 100%; /* Ensure it takes full width for consistent padding application */ } /* Reduce spacing in the main page product slider */ .custom-product-slider-container .product-slide-image-link { margin-bottom: 8px !important; /* Reduced space below image */ } .custom-product-slider-container .product-slide-title { margin-bottom: 5px !important; /* Reduced space below title */ } .custom-product-slider-container .product-slide-price { margin-bottom: 8px !important; /* Reduced space below price, above button area */ } /* === ADDED/MODIFIED FOR RELATED SLIDER BUTTONS === */ /* Button container */ .custom-related-slider .product-slide .product-slide-add-to-cart { display: flex !important; flex-direction: column !important; gap: 6px !important; /* Space between buttons */ margin-top: auto; /* Pushes to bottom, already good */ width: 100%; } /* General styles for all buttons in the related slider to match front page */ .custom-related-slider .product-slide .product-slide-add-to-cart a.button, .custom-related-slider .product-slide .product-slide-add-to-cart a.add_to_cart_button.added, .custom-related-slider .product-slide .product-slide-add-to-cart a.added_to_cart.wc-forward, .custom-related-slider .product-slide .product-slide-add-to-cart a.added_to_cart { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 40px !important; padding: 0 12px !important; font-size: 0.92rem !important; font-weight: 600 !important; line-height: 1.2 !important; border-radius: 4px !important; box-sizing: border-box !important; border: none !important; background: #92b57d !important; /* Green color like front page slider */ color: #fff !important; text-align: center; text-decoration: none !important; white-space: normal; /* Allow text to wrap if needed */ } /* USUNIĘCIE WIELKICH LITER Z PRZYCISKU "ZOBACZ KOSZYK" W SLIDERZE PRODUKTÓW POWIĄZANYCH */ .custom-related-slider .product-slide .product-slide-add-to-cart a.added_to_cart.wc-forward, .custom-related-slider .product-slide .product-slide-add-to-cart a.added_to_cart { text-transform: none !important; /* Usunięcie wielkich liter */ } /* Hover for all buttons */ .custom-related-slider .product-slide .product-slide-add-to-cart a.button:hover, .custom-related-slider .product-slide .product-slide-add-to-cart a.add_to_cart_button.added:hover, .custom-related-slider .product-slide .product-slide-add-to-cart a.added_to_cart.wc-forward:hover, .custom-related-slider .product-slide .product-slide-add-to-cart a.added_to_cart:hover { background: #7aa365 !important; /* Darker green hover */ } /* Hide Kadence spinner/check from buttons in related slider */ .custom-related-slider .product-slide .product-slide-add-to-cart a.add_to_cart_button .kadence-spinner-svg, .custom-related-slider .product-slide .product-slide-add-to-cart a.add_to_cart_button .kadence-check-svg, .custom-related-slider .product-slide .product-slide-add-to-cart a.add_to_cart_button.added::before { /* Default WooCommerce checkmark */ display: none !important; } /* === END OF ADDED/MODIFIED FOR RELATED SLIDER BUTTONS === */ /* Hide the "Update cart" button as it's no longer needed with auto-update */ .woocommerce-cart-form button[name="update_cart"], .woocommerce-cart-form input[name="update_cart"] { display: none !important; } /* Hide "Shipping methods will be updated during checkout" for non-logged-in users */ body:not(.logged-in) .woocommerce-shipping-totals > td > .woocommerce-shipping-destination, body:not(.logged-in) .woocommerce-shipping-totals > td > p:first-child:last-child { /* Attempt to target a single paragraph if no specific class */ display: none !important; } /* Checkout Page: Style "Have a coupon?" notice */ .woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info { background-color: #f0f0f0 !important; /* Jasnoszare tło, podobne do nieaktywnych/neutralnych elementów */ border-top-color: #92b57d !important; /* Akcent kolorystyczny z Twojego motywu (zielony) */ color: #333333 !important; /* Ciemniejszy kolor tekstu dla lepszej czytelności */ padding: 1em 1.5em !important; /* Większy padding dla lepszego wyglądu */ border-radius: 6px !important; /* Zaokrąglone rogi, jeśli pasuje do reszty */ font-size: 0.95em !important; } .woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon { color: #92b57d !important; /* Kolor linku pasujący do akcentu */ font-weight: 600 !important; text-decoration: underline !important; } .woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon:hover { color: #7aa365 !important; /* Ciemniejszy zielony przy najechaniu */ text-decoration: none !important; } /* Style for the coupon form itself, when it appears */ .woocommerce-checkout form.checkout_coupon { border-color: #e0e0e0 !important; padding: 20px !important; margin-bottom: 25px !important; border-radius: 6px !important; background-color: #f9f9f9 !important; } .woocommerce-checkout form.checkout_coupon p.form-row-first input#coupon_code { padding: 10px 12px !important; border-radius: 4px !important; border: 1px solid #ccc !important; width: 100% !important; /* Rozciągnij pole na całą dostępną szerokość */ margin-bottom: 10px !important; /* Odstęp pod polem tekstowym */ } .woocommerce-checkout form.checkout_coupon button.button { background-color: #92b57d !important; color: white !important; padding: 10px 20px !important; border-radius: 4px !important; font-weight: 600 !important; font-size: 0.95em !important; border: none !important; width: 100% !important; /* Przycisk na całą szerokość */ } .woocommerce-checkout form.checkout_coupon button.button:hover { background-color: #7aa365 !important; } /* Adjust layout for coupon form if needed (e.g., for mobile) */ @media (min-width: 768px) { .woocommerce-checkout form.checkout_coupon { display: flex; align-items: flex-start; /* Align items to the start of the cross axis */ gap: 15px; /* Space between input and button */ } .woocommerce-checkout form.checkout_coupon p.form-row-first { flex-grow: 1; /* Allow input field to take available space */ margin-bottom: 0 !important; /* Remove bottom margin when side-by-side */ } .woocommerce-checkout form.checkout_coupon p.form-row-last { flex-shrink: 0; /* Prevent button from shrinking */ align-self: stretch; /* Make button container take full height of the flex row */ } .woocommerce-checkout form.checkout_coupon button.button { width: auto !important; /* Button takes its content width on desktop */ height: 100%; /* Make button same height as input field */ } } /* Adjustments for product slider button widths to match image widths - REVISED */ /* Make the inner content area of a slide only as wide as its content (the image) */ .custom-product-slider-container .product-slide-inner { display: inline-flex !important; /* Crucial: allows shrink-to-fit based on content */ flex-direction: column !important; /* Ensure it's still a column for items inside */ align-items: center !important; /* Center items like title/price if they are narrower than image */ padding-left: 0 !important; /* Remove any padding that could make it wider than image */ padding-right: 0 !important; /* Remove any padding that could make it wider than image */ margin-left: auto !important; /* Parent .product-slide has text-align:center, this fine-tunes centering */ margin-right: auto !important; } /* Ensure the image link container itself doesn't add extra width */ .custom-product-slider-container .product-slide-image-link { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; width: auto; /* Let image define its width */ } /* Ensure the button container takes the full width of the now-shrunk product-slide-inner */ .custom-product-slider-container .product-slide .product-slide-add-to-cart { width: 100% !important; /* Takes width of .product-slide-inner */ display: flex !important; flex-direction: column !important; align-items: center !important; gap: 5px !important; } /* Make buttons take full width of their container and handle padding correctly */ .custom-product-slider-container .product-slide .product-slide-add-to-cart .button { width: 100% !important; box-sizing: border-box !important; text-align: center !important; /* Ensure text inside button is centered */ } /* Prevent search inputs and other common inputs in sidebar widgets from overflowing */ .primary-sidebar .widget .wp-block-search__input, .primary-sidebar .widget_search input[type="search"], .primary-sidebar .widget input[type="text"] { max-width: 100% !important; /* Ensures the input field doesn't exceed its container */ box-sizing: border-box !important; /* Includes padding and border in the element's total width and height */ } /* ====================================================================== KORNINO CHECKOUT CUSTOMIZATIONS - 2025 Stylizacja nowych pól checkout i ich funkcjonalności ===================================================================== */ /* Pole uwag do zamówienia jest przywrócone na końcu formularza */ /* .woocommerce-checkout #order_comments_field - USUNIĘTE UKRYWANIE */ /* Checkbox "Chcę FV" styling - taki sam jak "Stworzyć konto?" */ .woocommerce-checkout #billing_want_invoice_field { margin-top: 20px !important; margin-bottom: 20px !important; padding: 15px !important; background-color: #f8f8f8 !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; } .woocommerce-checkout #billing_want_invoice_field label { font-weight: 600 !important; color: #333 !important; display: flex !important; align-items: center !important; gap: 10px !important; cursor: pointer !important; margin: 0 !important; } .woocommerce-checkout #billing_want_invoice_field input[type="checkbox"] { width: 18px !important; height: 18px !important; margin: 0 !important; accent-color: #92b57d !important; cursor: pointer !important; } /* Phone prefix i phone w jednej linii - KOREKTA FINALNA */ .woocommerce-checkout #customer_details .col-1 > .woocommerce-billing-fields > h3 + p.form-row, .woocommerce-checkout #customer_details .col-1 > .woocommerce-billing-fields__field-wrapper > p.form-row { /* Reset dla wszystkich p wewnątrz billing fields, żeby nie dziedziczyły złych styli */ } /* Kontener dla pary Prefix + Telefon - POPRAWIONE SELEKTORY */ p#billing_phone_prefix_field, #billing_phone_prefix_field, .form-row:has(#billing_phone_prefix), .woocommerce p#billing_phone_prefix_field { display: inline-block !important; vertical-align: top !important; margin-bottom: 0 !important; width: 30% !important; padding-right: 2% !important; box-sizing: border-box !important; } p#billing_phone_field, #billing_phone_field, .form-row:has(#billing_phone), .woocommerce p#billing_phone_field { display: inline-block !important; vertical-align: top !important; margin-bottom: 0 !important; width: 68% !important; box-sizing: border-box !important; } /* Styl dla selecta (prefix) i inputa (telefon) - IDENTYCZNE STYLE */ #billing_phone_prefix_field select, #billing_phone_prefix select, p#billing_phone_prefix_field select, .woocommerce p#billing_phone_prefix_field select, #billing_phone_field input[type="tel"], #billing_phone_field input, #billing_phone, p#billing_phone_field input, .woocommerce p#billing_phone_field input { font-size: 14px !important; padding: 10px 12px !important; border-radius: 4px !important; border: 1px solid #ccc !important; background-color: #fff !important; height: 44px !important; line-height: normal !important; box-sizing: border-box !important; width: 100% !important; } #billing_phone_field input[type="tel"] { font-family: monospace !important; /* Lepsze wyświetlanie cyfr */ } /* Dodajemy clear po billing_phone_field, aby kolejne pole było w nowej linii */ #billing_phone_field::after { content: ""; display: block; clear: both; } /* Company and VAT fields - zawsze widoczne */ .woocommerce form .form-row p#billing_company_field, .woocommerce form .form-row p#billing_vat_number_field { display: block !important; margin-top: 15px !important; } /* Animacja slideDown usunięta - nie jest już potrzebna */ /* Email and phone field styling for better visual hierarchy */ .woocommerce form .form-row p#billing_email_field, .woocommerce form .form-row p#billing_phone_field { background-color: #fbfbfb !important; padding: 10px !important; border-radius: 4px !important; border: 1px solid #f0f0f0 !important; } /* Error styling for phone validation */ .woocommerce .woocommerce-error li { background-color: #f8d7da !important; color: #721c24 !important; padding: 10px 15px !important; border-radius: 4px !important; border-left: 4px solid #dc3545 !important; margin-bottom: 10px !important; } /* Success styling when phone is valid */ .woocommerce form .form-row p#billing_phone_field.field-valid input { border-color: #92b57d !important; box-shadow: 0 0 0 1px rgba(146, 181, 125, 0.2) !important; } /* Mobile responsive adjustments for checkout fields */ @media (max-width: 768px) { .woocommerce form .form-row p#billing_want_invoice_field { padding: 12px !important; margin: 15px 0 !important; } .woocommerce form .form-row p#billing_want_invoice_field label { font-size: 15px !important; } .woocommerce form .form-row p#billing_email_field, .woocommerce form .form-row p#billing_phone_field { padding: 8px !important; } } /* Ensure proper spacing between form sections */ .woocommerce form .form-row:not(#billing_want_invoice_field) + #billing_want_invoice_field { margin-top: 25px !important; } .woocommerce form .form-row#billing_want_invoice_field + .form-row { margin-top: 20px !important; } /* Hide asterisk from optional company and VAT fields */ .woocommerce form .form-row p#billing_company_field label abbr.required, .woocommerce form .form-row p#billing_vat_number_field label abbr.required { display: none !important; } /* Enhanced focus states for better accessibility */ .woocommerce form .form-row input:focus, .woocommerce form .form-row select:focus { outline: 2px solid rgba(146, 181, 125, 0.5) !important; outline-offset: 2px !important; border-color: #92b57d !important; } /* Fix "Create account?" checkbox positioning */ .woocommerce-checkout .create-account { margin-top: 20px !important; margin-bottom: 20px !important; padding: 15px !important; background-color: #f8f8f8 !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; } .woocommerce-checkout .create-account label { font-weight: 600 !important; color: #333 !important; display: flex !important; align-items: center !important; gap: 10px !important; cursor: pointer !important; margin: 0 !important; } .woocommerce-checkout .create-account input[type="checkbox"] { width: 18px !important; height: 18px !important; margin: 0 !important; accent-color: #92b57d !important; cursor: pointer !important; } /* Style zgód RODO - ten sam styl co "Chcę FV" i "Stworzyć konto?" */ .woocommerce-checkout #rodo_regulamin_field, .woocommerce-checkout #rodo_zgoda_marketing_field { margin-top: 20px !important; margin-bottom: 20px !important; padding: 15px !important; background-color: #f8f8f8 !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; } .woocommerce-checkout #rodo_regulamin_field label, .woocommerce-checkout #rodo_zgoda_marketing_field label { font-weight: 600 !important; color: #333 !important; display: flex !important; align-items: center !important; gap: 10px !important; cursor: pointer !important; margin: 0 !important; } .woocommerce-checkout #rodo_regulamin_field input[type="checkbox"], .woocommerce-checkout #rodo_zgoda_marketing_field input[type="checkbox"] { width: 18px !important; height: 18px !important; margin: 0 !important; accent-color: #92b57d !important; cursor: pointer !important; } /* Style całej sekcji RODO */ .woocommerce-checkout .rodo-section { margin-top: 30px !important; padding-top: 20px !important; border-top: 1px solid #e0e0e0 !important; } .woocommerce-checkout .rodo-info { margin: 15px 0 !important; padding: 12px 15px !important; background-color: #f9f9f9 !important; border-radius: 4px !important; font-size: 13px !important; line-height: 1.6 !important; color: #555 !important; } /* Ensure proper spacing between checkout sections */ .woocommerce-checkout #customer_details { margin-bottom: 30px !important; } .woocommerce-checkout .woocommerce-checkout-review-order { margin-top: 20px !important; } /* Style the checkout form sections for better visual separation */ .woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2 { background-color: #fbfbfb !important; padding: 20px !important; border-radius: 8px !important; border: 1px solid #f0f0f0 !important; } @media (max-width: 768px) { .woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2 { padding: 15px !important; margin-bottom: 20px !important; } } /* ===================================================================== */ /* ====================================================================== * KORNINO v3.0 FINAL - FIX RÓWNOMIERNYCH ODSTĘPÓW CHECKOUT * Naprawka odstępów między polami - wszystkie pola mają jednakowy margin * ====================================================================== */ /* Równomierne odstępy wszystkich pól checkout - reset starych styli */ .woocommerce-checkout #customer_details .form-row { margin-bottom: 15px !important; } /* Tylko pola które powinny przechodzić do nowej linii (nie Imię/Nazwisko) */ .woocommerce-checkout #customer_details .form-row.form-row-wide, .woocommerce-checkout #customer_details .form-row:not(.form-row-first):not(.form-row-last) { clear: both !important; } /* Specjalny fix dla pola telefonu - usunięcie konfliktów z starymi stylami prefix */ .woocommerce-checkout #billing_phone_field { margin-bottom: 15px !important; /* Jednakowy odstęp jak inne pola */ display: block !important; /* Pełna szerokość */ width: 100% !important; clear: both !important; } /* Usunięcie starych styli prefix telefonu które mogą powodować problemy z odstępami */ .woocommerce-checkout #billing_phone_prefix_field { display: none !important; /* Pole nie istnieje już w v3.0 */ } /* Reset wszystkich starych style inline-block dla pól telefonu */ .woocommerce form .form-row p#billing_phone_field { display: block !important; width: 100% !important; margin-bottom: 15px !important; background-color: transparent !important; /* Reset starych styli */ padding: 0 !important; /* Reset starych paddingów */ border: none !important; /* Reset starych borderów */ } /* Style input telefonu - czyste i proste */ .woocommerce form .form-row#billing_phone_field input[type="tel"] { width: 100% !important; margin: 0 !important; padding: 10px 12px !important; border: 1px solid #ccc !important; border-radius: 4px !important; background-color: #fff !important; font-size: 14px !important; line-height: normal !important; box-sizing: border-box !important; } /* ====================================================================== * KORNINO CART MOBILE IMPROVEMENTS - v3.1.0 * Mobile styles: hide thumbnails, alternating row colors, cross-sells removal * ====================================================================== */ /* Hide cross-sell products section completely */ .woocommerce-cart .cross-sells, .woocommerce .cross-sells, .cross-sells { display: none !important; } /* Mobile cart table improvements */ @media (max-width: 767px) { /* Hide product thumbnails on mobile - takes too much space */ .woocommerce-cart table.cart td.product-thumbnail, .woocommerce-cart table.cart th.product-thumbnail { display: none !important; } /* Force full width table on mobile */ .woocommerce-cart table.cart { width: 100% !important; table-layout: fixed !important; /* Force equal distribution of space */ } /* Alternating row colors for better readability */ .woocommerce-cart table.cart tbody tr:nth-child(odd) { background-color: #ffffff !important; /* White rows */ } .woocommerce-cart table.cart tbody tr:nth-child(even) { background-color: #f8f8f8 !important; /* Light gray rows */ } /* Reduce padding on mobile for more space */ .woocommerce-cart table.cart th, .woocommerce-cart table.cart td { padding: 8px 4px !important; /* Even smaller padding */ font-size: 14px !important; word-wrap: break-word !important; /* Allow text wrapping */ } /* Product name styling - more space and better wrapping */ .woocommerce-cart table.cart td.product-name { font-weight: 600 !important; width: 45% !important; /* More space for product name */ line-height: 1.3 !important; } /* Quantity column - smaller width */ .woocommerce-cart table.cart td.product-quantity { width: 18% !important; text-align: center !important; } /* Price column - hide on mobile to save space */ .woocommerce-cart table.cart td.product-price, .woocommerce-cart table.cart th.product-price { display: none !important; /* Hide individual price on mobile */ } /* Subtotal column - bigger since we hide price */ .woocommerce-cart table.cart td.product-subtotal { width: 25% !important; text-align: right !important; font-weight: 600 !important; } /* Remove button column */ .woocommerce-cart table.cart td.product-remove { width: 12% !important; text-align: center !important; } /* Make quantity input smaller on mobile */ .woocommerce-cart .quantity input { width: 40px !important; padding: 4px !important; font-size: 14px !important; } /* Cart totals section - better mobile spacing */ .woocommerce-cart .cart-collaterals .cart_totals { padding: 15px !important; margin-top: 20px !important; } /* Coupon form on mobile */ .woocommerce-cart .coupon { display: flex !important; flex-direction: column !important; gap: 10px !important; margin-bottom: 20px !important; } .woocommerce-cart .coupon input.input-text { width: 100% !important; margin-bottom: 10px !important; } .woocommerce-cart .coupon button.button { width: 100% !important; margin-left: 0 !important; } /* Header styling for better mobile experience */ .woocommerce-cart table.cart th { font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } } /* Enhanced row styling for all screen sizes */ .woocommerce-cart table.cart tbody tr { transition: background-color 0.2s ease !important; } .woocommerce-cart table.cart tbody tr:hover { background-color: #f0f8f0 !important; /* Light green hover */ } /* Improved remove button styling - simple X without circle */ .woocommerce-cart table.cart td.product-remove a { color: #dc3545 !important; font-size: 20px !important; font-weight: bold !important; width: auto !important; height: auto !important; display: inline-block !important; padding: 8px !important; text-decoration: none !important; background: none !important; border: none !important; transition: color 0.2s ease !important; } .woocommerce-cart table.cart td.product-remove a:hover { color: #a02834 !important; /* Darker red on hover */ background: none !important; } /* Align buttons in product slider to the bottom, especially for items without a price */ .custom-product-slider-container .product-slide .product-slide-inner { display: flex; /* Ensure the inner container is a flex container */ flex-direction: column; /* Stack items vertically */ height: 100%; /* Make it take full height of the slide */ } .custom-product-slider-container .product-slide .product-slide-inner .product-slide-add-to-cart { margin-top: auto !important; /* Push the button container to the bottom */ padding-top: 10px !important; /* Add some space above the button area */ padding-bottom: 5px !important; /* Add some space below the button area */ width: 100%; /* Ensure it takes full width for consistent padding application */ display: flex !important; /* Center the fixed width button */ justify-content: center !important; /* Center the fixed width button */ } /* === RESPONSIVE BUTTON SIZING FOR PRODUCT SLIDER === */ @media (max-width: 768px) { /* Buttons now match image width on all devices */ .custom-product-slider-container .product-slide .product-slide-add-to-cart a.button, .custom-product-slider-container .product-slide .product-slide-add-to-cart a.add_to_cart_button.added, .custom-product-slider-container .product-slide .product-slide-add-to-cart a.added_to_cart.wc-forward, .custom-product-slider-container .product-slide .product-slide-add-to-cart a.added_to_cart, .custom-product-slider-container .product-slide .product-slide-add-to-cart a.view-cart-button { font-size: 0.85rem !important; padding: 0 10px !important; } } @media (max-width: 480px) { /* Even smaller font and padding on mobile for better fit */ .custom-product-slider-container .product-slide .product-slide-add-to-cart a.button, .custom-product-slider-container .product-slide .product-slide-add-to-cart a.add_to_cart_button.added, .custom-product-slider-container .product-slide .product-slide-add-to-cart a.added_to_cart.wc-forward, .custom-product-slider-container .product-slide .product-slide-add-to-cart a.added_to_cart, .custom-product-slider-container .product-slide .product-slide-add-to-cart a.view-cart-button { font-size: 0.8rem !important; padding: 0 8px !important; } } /* Cache buster: 20250528104905 */ /* Mobile adjustments for related slider */ @media (max-width: 767px) { .custom-related-slider .product-slide-title { font-size: 14px; /* Smaller font on mobile */ font-weight: 400; /* Keep normal weight, not bold */ min-height: 4.5em; /* Even more height for mobile longer titles */ line-height: 1.3; /* Slightly more line height for mobile readability */ } .custom-related-slider .product-slide-price { font-size: 14px; /* Smaller price font on mobile */ min-height: 1.5em; /* Consistent height for price area */ } .custom-related-slider .product-slide .button { font-size: 0.9em !important; /* Slightly smaller button text on mobile */ padding: 8px !important; /* Smaller padding on mobile */ } } /* ------------------------------------------------------------------ * CHECKOUT UI: Unified Payment Methods & InPost Shipping Fix * Added: 2025-06-14 * ------------------------------------------------------------------ */ /* 1) Payment methods – consistent card-like appearance */ .woocommerce-checkout ul.payment_methods { list-style: none; margin: 0; padding: 0; } .woocommerce-checkout ul.payment_methods li { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: #f7f7f7; /* subtle gray */ border: 1px solid #dedede; border-radius: 4px; padding: 12px 16px; margin-bottom: 12px; transition: background-color .2s ease, border-color .2s ease; } .woocommerce-checkout ul.payment_methods li:hover { background: var(--global-palette8, #93b381); /* Kadence palette accent */ border-color: var(--global-palette8, #93b381); color: #fff; } /* Radio button */ .woocommerce-checkout ul.payment_methods li input[type="radio"] { flex: 0 0 20px; width: 20px; height: 20px; margin: 0; } /* Label (text + logo) */ .woocommerce-checkout ul.payment_methods li label { flex: 1 1 auto; display: flex; align-items: center; gap: 10px; cursor: pointer; font-weight: 500; } /* Logos inside labels */ .woocommerce-checkout ul.payment_methods li img { max-height: 28px; max-width: 90px; height: auto; width: auto; } @media (max-width: 480px) { .woocommerce-checkout ul.payment_methods li { flex-direction: row; } } /* 2) Shipping methods – InPost layout fix */ .woocommerce-checkout ul.woocommerce-shipping-methods li { display: flex; align-items: center; justify-content: space-between; gap: 10px; background: #f7f7f7; border: 1px solid #dedede; border-radius: 4px; padding: 10px 16px; margin-bottom: 10px; } .woocommerce-checkout ul.woocommerce-shipping-methods li input[type="radio"] { flex: 0 0 20px; width: 20px; height: 20px; margin: 0; } .woocommerce-checkout ul.woocommerce-shipping-methods li label { flex: 1 1 auto; } /* Ensure select point/choose point buttons fit full width on small screens */ @media (max-width: 600px) { .woocommerce-checkout ul.woocommerce-shipping-methods li .button, .woocommerce-checkout ul.woocommerce-shipping-methods li .inpost-choose-point { width: 100% !important; box-sizing: border-box; } } /* === FIXED 2025 Payment methods horizontal layout === */ .woocommerce-checkout ul.payment_methods li { display: flex !important; flex-direction: row !important; /* Force horizontal layout */ align-items: center !important; padding: 14px 18px; /* equal spacing */ writing-mode: horizontal-tb !important; text-orientation: mixed !important; direction: ltr !important; } .woocommerce-checkout ul.payment_methods li label { width: 100%; /* let content take full width */ display: flex !important; flex-direction: row !important; /* Force horizontal layout */ align-items: center !important; justify-content: flex-start !important; gap: 12px; writing-mode: horizontal-tb !important; text-orientation: mixed !important; direction: ltr !important; flex: 1; } .woocommerce-checkout ul.payment_methods li input[type="radio"] { margin-right: 10px; flex-shrink: 0; } /* Smooth reveal of extra fields / description */ .woocommerce-checkout ul.payment_methods li .payment_box { display: none; margin-top: 12px; padding-top: 8px; border-top: 1px dashed #ddd; writing-mode: horizontal-tb !important; text-orientation: mixed !important; direction: ltr !important; } .woocommerce-checkout ul.payment_methods li input[type="radio"]:checked + label + .payment_box { display: block; } /* Minor aesthetic tweaks */ .woocommerce-checkout ul.payment_methods li:hover { background: #eef4ec; /* light tint of palette8 */ border-color: var(--global-palette8,#93b381); } /* Reduce huge blank when only two gateways */ .woocommerce-checkout ul.payment_methods { max-width: 480px; /* limit width for cleaner look */ margin-inline: auto; } /* Shipping row align logo horizontally */ .woocommerce-checkout ul.woocommerce-shipping-methods li label { display: flex; align-items: center; gap: 8px; } /* Reduce vertical gap under section header */ .woocommerce-checkout-review-order-table .shipping td { padding-top: 8px !important; /* was huge */ } /* === 2025-06-14-c SHIPPING CARDS === */ /* CART & CHECKOUT tiles full width */ .woocommerce-shipping-methods li label { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; } .woocommerce-shipping-methods li { background:#f7f7f7; border:1px solid #dedede; border-radius:4px; padding:12px 16px; margin-bottom:12px; } /* mobile full width */ @media(max-width:767px){ .woocommerce-shipping-methods li, .woocommerce-shipping-methods li label{ width:100%; } } /* Hide redundant "Wysyłka" header in order review */ .woocommerce-checkout-review-order-table .shipping th { display:none; } /* === 2025-06-15 adjustments === */ /* Always show description for Przelewy24 gateway */ .payment_method_p24-online-payments .payment_box { display:block !important; } /* Hide second (price) column in shipping rows to allow tile full width */ .woocommerce-checkout-review-order-table tr.shipping td:last-child { display:block; /* revert */ } /* Ensure cart totals shipping rows also hide price column */ .woocommerce-cart .cart_totals .woocommerce-shipping-totals td.shipping:last-child { display:block; } /* Stack description under title for Przelewy24 gateway */ li.payment_method_p24-online-payments { flex-direction: column; } /* === 2025-06-15-b layout tweaks === */ /* Stack price in separate column but style first column */ .woocommerce-checkout-review-order-table tr.shipping td:first-child, .cart_totals .woocommerce-shipping-totals td:first-child { display:flex; align-items:center; gap:8px; } .woocommerce-checkout-review-order-table tr.shipping td:last-child, .cart_totals .woocommerce-shipping-totals td:last-child{ text-align:right; white-space:nowrap; font-weight:600; } /* revert always show payment_box */ .payment_method_p24-online-payments .payment_box {display:none !important;} /* ============================================================= 2025-06-15 InPost Shipping – full-width tile layout ============================================================= */ .woocommerce-checkout ul.woocommerce-shipping-methods li { display: flex; align-items: center; width: 100%; } .woocommerce-checkout ul.woocommerce-shipping-methods li input[type="radio"] { flex: 0 0 20px; /* radio width */ width: 20px; height: 20px; margin: 0; } .woocommerce-checkout ul.woocommerce-shipping-methods li img { flex: 0 0 24px; /* logo width */ max-width: 24px; height: 24px; width: 24px; } .woocommerce-checkout ul.woocommerce-shipping-methods li label { flex: 1 1 auto; display: flex; align-items: center; gap: 8px; } @media (max-width:480px){ .woocommerce-checkout ul.woocommerce-shipping-methods li label{ flex-wrap: wrap; } } /* ============================================================= 2025-06-15 Tiles – payment & shipping (FIXED for InPost button) ============================================================= */ .woocommerce ul.woocommerce-shipping-methods li, .woocommerce ul.payment_methods li { display: flex !important; align-items: center !important; width: 100%; gap: 8px; background: #f7f7f7; border: 1px solid #dcdcdc; border-radius: 4px; padding: 10px 14px; margin-bottom: 12px; position: relative; overflow: visible; } .woocommerce ul li input[type="radio"] { margin: 0; width: 20px; height: 20px; flex-shrink: 0; } .woocommerce ul li img { width: 30px; height: 30px; object-fit: contain; flex-shrink: 0; } .woocommerce ul li label { flex: 1; display: flex; align-items: center; gap: 8px; } /* === Cart totals – align shipping column === */ .cart_totals .woocommerce-shipping-totals td { padding-left: 0 !important; } .cart_totals .woocommerce-shipping-totals ul li { width: 100%; } /* -------------------------------------------------- */ /* Hide redundant auto page titles on pages/shop/cart */ /* -------------------------------------------------- */ body.page .page-header, body.page .entry-header, body.woocommerce-cart .page-header, body.woocommerce-checkout .page-header { display: none !important; } /* Ensure main content comes directly after header */ body.page #primary { margin-top: 0 !important; } /* Keep titles on single posts/products */ /* ============================================================= 2025-06-16-h MOBILE CHECKOUT SHIPPING – full-width tiles • Hide redundant price so the tile can span the whole row • Break the into block-level to escape table column width ============================================================= */ @media (max-width:600px){ /* Break the entire shipping row out of table layout */ .woocommerce-checkout-review-order-table tr.shipping{ display:block !important; width:100% !important; } /* First (methods) cell – make it block & full width */ .woocommerce-checkout-review-order-table tr.shipping td:first-child{ display:block !important; width:100% !important; padding:0 !important; /* remove left/right gaps */ box-sizing:border-box !important; } /* Hide second (price) cell – no need on mobile, price already in tile */ .woocommerce-checkout-review-order-table tr.shipping td:last-child{ display:none !important; } } /* ============================================================= 2025-06-16-h2 MOBILE CHECKOUT SHIPPING – show methods list again ============================================================= */ @media(max-width:600px){ /* Ensure header cell hidden, methods cell visible full-width */ .woocommerce-checkout-review-order-table tr.shipping th{ display:none !important; } .woocommerce-checkout-review-order-table tr.shipping td{ display:block !important; width:100% !important; padding:0 !important; box-sizing:border-box !important; } /* Undo previous hide */ .woocommerce-checkout-review-order-table tr.shipping td:last-child{ display:block !important; } } @media(max-width:600px){ /* Force table to auto layout so first cell can expand */ .woocommerce-checkout-review-order-table{table-layout:auto!important;} /* Shipping row: first cell spans visual width, second cell hidden */ .woocommerce-checkout-review-order-table tr.shipping{ display:block!important; width:100%!important; } .woocommerce-checkout-review-order-table tr.shipping > td:first-child{ display:block!important; width:100%!important; padding:0!important; } .woocommerce-checkout-review-order-table tr.shipping > td:last-child{ display:block!important; } /* Ensure UL fills width */ .woocommerce-checkout-review-order-table .woocommerce-shipping-methods, .woocommerce-checkout-review-order-table .woocommerce-shipping-methods li{ width:100%!important; } } /* ============================================================= 2025-06-16-i MOBILE CHECKOUT – collapse table into blocks ============================================================= */ @media(max-width:600px){ /* Turn the whole review table into block layout */ .woocommerce-checkout-review-order-table{ display:block!important; width:100%!important; table-layout:auto!important; } .woocommerce-checkout-review-order-table thead{display:none!important;} .woocommerce-checkout-review-order-table tbody, .woocommerce-checkout-review-order-table tr, .woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td{ display:block!important; width:100%!important; box-sizing:border-box!important; } /* Spacing below each row */ .woocommerce-checkout-review-order-table tr{margin-bottom:12px!important;} } /* ============================================================= 2025-06-16-j CHECKOUT SHIPPING TILE – visual polish ============================================================= */ /* Base tile look (checkout + cart shared class list) */ .woocommerce-checkout .woocommerce-shipping-methods li, .woocommerce-cart .woocommerce-shipping-methods li{ background:#f8f8f8 !important; border:1px solid #dcdcdc !important; border-radius:8px !important; padding:14px 16px !important; box-shadow:0 1px 2px rgba(0,0,0,.04) !important; transition:border-color .2s ease, box-shadow .2s ease, background-color .2s ease; } /* Hover focus */ .woocommerce-checkout .woocommerce-shipping-methods li:hover, .woocommerce-cart .woocommerce-shipping-methods li:hover{ border-color:#93b381 !important; /* green tint */ box-shadow:0 2px 6px rgba(0,0,0,.08) !important; } /* Selected state (radio checked) – add subtle tint */ .woocommerce-checkout .woocommerce-shipping-methods li input[type="radio"]:checked + label, .woocommerce-cart .woocommerce-shipping-methods li input[type="radio"]:checked + label{ background:#eef4ec !important; /* very light green */ border-color:#93b381 !important; } /* Radio button adjust – hide default margin */ .woocommerce-checkout .woocommerce-shipping-methods li input[type="radio"], .woocommerce-cart .woocommerce-shipping-methods li input[type="radio"]{ margin-right:10px !important; } /* Text styles */ .woocommerce-checkout .woocommerce-shipping-methods li label, .woocommerce-cart .woocommerce-shipping-methods li label{ font-size:15px !important; line-height:1.45 !important; } /* Carrier logo alignment */ .woocommerce-checkout .woocommerce-shipping-methods li label img, .woocommerce-cart .woocommerce-shipping-methods li label img{ width:28px !important; height:28px !important; } /* ============================================================= 2025-06-16-k FINAL MOBILE POLISH ============================================================= */ @media(max-width:768px){ /* 1. Checkbox heading „Wysłać na inny adres?” ⇢ stylistyka jak „Stworzyć konto?” */ #ship-to-different-address, #ship-to-different-address label{ display:block !important; font-size:16px !important; font-weight:600 !important; line-height:1.4 !important; padding:12px 16px !important; margin:0 0 16px 0 !important; background:#f8f8f8 !important; border:1px solid #dcdcdc !important; border-radius:8px !important; } /* 2. Order-review summary rows (Kwota, Łącznie) jako kafelki */ .woocommerce-checkout-review-order-table tr.cart-subtotal, .woocommerce-checkout-review-order-table tr.order-total{ background:#f8f8f8 !important; border:1px solid #dcdcdc !important; } .woocommerce-checkout-review-order-table tr.cart-subtotal th, .woocommerce-checkout-review-order-table tr.cart-subtotal td, .woocommerce-checkout-review-order-table tr.order-total th, .woocommerce-checkout-review-order-table tr.order-total td{ padding:12px 16px !important; font-size:15px !important; } /* Odstęp pod kafelkami */ .woocommerce-checkout-review-order-table tr.cart-subtotal, .woocommerce-checkout-review-order-table tr.order-total{margin-bottom:12px;} /* 3. Shipping tiles – mniejsza czcionka, logo w jednej linii */ .woocommerce-checkout .woocommerce-shipping-methods li label{ display:flex !important; align-items:center !important; justify-content:space-between !important; font-size:14px !important; } .woocommerce-checkout .woocommerce-shipping-methods li label img{ width:22px !important; height:22px !important; flex:none !important; } /* 4. Spacing: lista metod ↔ przycisk „Wybierz punkt odbioru" */ .woocommerce-checkout-review-order-table .woocommerce-shipping-methods{margin-bottom:8px!important;} .woocommerce-checkout .easypack_show_geowidget{margin-top:8px!important;} } /* ============================================================= 2025-06-16-l ADDRESS TOGGLE + ORDER ITEMS TILE STYLING ============================================================= */ @media(max-width:768px){ /* 1. Ship-to-different-address – jedna ramka */ #ship-to-different-address{ background:#f8f8f8 !important; border:1px solid #dcdcdc !important; border-radius:8px !important; padding:12px 16px !important; margin:0 0 16px 0 !important; } #ship-to-different-address label{ background:none !important; border:none !important; padding:0 !important; margin:0 !important; font-size:16px !important; font-weight:600 !important; } /* 2. Product rows in summary as cards */ .woocommerce-checkout-review-order-table tr.cart_item{ display:grid !important; grid-template-columns:1fr auto !important; align-items:center !important; background:#f8f8f8 !important; border:1px solid #dcdcdc !important; border-radius:8px !important; margin-bottom:12px !important; } .woocommerce-checkout-review-order-table tr.cart_item td{ padding:12px 16px !important; font-size:14px !important; line-height:1.45 !important; border:none !important; } .woocommerce-checkout-review-order-table tr.cart_item td.product-name{ background:#f8f8f8 !important; } .woocommerce-checkout-review-order-table tr.cart_item td.product-total{ background:#eaeaea !important; /* ciemniejsze tło dla ceny */ font-weight:600 !important; white-space:nowrap !important; } } @media(max-width:768px){ /* ================== Checkbox blocks uniform ================= */ .woocommerce-checkout .create-account, #ship-to-different-address{ background:#f8f8f8 !important; border:1px solid #dcdcdc !important; border-radius:8px !important; padding:12px 16px !important; margin:0 0 16px 0 !important; } .woocommerce-checkout .create-account label, #ship-to-different-address label{ font-size:16px !important; font-weight:600 !important; line-height:1.4 !important; display:inline-flex !important; align-items:center !important; gap:8px; background:none !important; border:none !important; padding:0 !important; margin:0 !important; } /* remove inner border around checkbox wrappers if any */ .woocommerce-checkout .create-account input[type="checkbox"], #ship-to-different-address input[type="checkbox"]{margin-right:8px;} /* =============== Order item row flex card =============== */ .woocommerce-checkout-review-order-table tr.cart_item{ display:flex !important; justify-content:space-between !important; align-items:center !important; background:#f8f8f8 !important; border:1px solid #dcdcdc !important; border-radius:8px !important; margin-bottom:12px !important; } .woocommerce-checkout-review-order-table tr.cart_item td{ border:none !important; padding:12px 16px !important; font-size:14px !important; line-height:1.4 !important; word-break:break-word !important; } .woocommerce-checkout-review-order-table tr.cart_item td.product-name{ flex:1 1 auto !important; background:none !important; } .woocommerce-checkout-review-order-table tr.cart_item td.product-total{ flex:0 0 auto !important; background:#eaeaea !important; font-weight:600 !important; white-space:nowrap !important; text-align:right !important; } } /* ============================================================= 2025-06-16-m HOTFIX – undo row stretching & single checkbox frame ============================================================= */ @media(max-width:768px){ /* Revert product rows to table layout but keep card look */ .woocommerce-checkout-review-order-table tr.cart_item{ display:table-row !important; background:#f8f8f8 !important; border:1px solid #dcdcdc !important; border-radius:8px !important; } .woocommerce-checkout-review-order-table tr.cart_item td{ display:table-cell !important; padding:10px 12px !important; } /* Ensure no extra huge margins */ .woocommerce-checkout-review-order-table tr{margin:0 !important;} /* Single frame for ship-to checkbox */ #ship-to-different-address label, #ship-to-different-address > *{ background:none !important; border:none !important; padding:0 !important; margin:0 !important; } } /* ============================================================= 2025-06-16-n SUBTOTAL+TOTAL CARD & UNIFIED CHECKBOX SIZE ============================================================= */ @media(max-width:768px){ /* Subtotal (Kwota) & Order Total (Łącznie) as cards */ .woocommerce-checkout-review-order-table tr.cart-subtotal, .woocommerce-checkout-review-order-table tr.order-total{ display:flex !important; justify-content:space-between !important; align-items:center !important; background:#f8f8f8 !important; border:1px solid #dcdcdc !important; border-radius:8px !important; margin-bottom:12px !important; } .woocommerce-checkout-review-order-table tr.cart-subtotal th, .woocommerce-checkout-review-order-table tr.cart-subtotal td, .woocommerce-checkout-review-order-table tr.order-total th, .woocommerce-checkout-review-order-table tr.order-total td{ border:none !important; padding:12px 16px !important; font-size:14px !important; line-height:1.4 !important; } .woocommerce-checkout-review-order-table tr.order-total td{ font-weight:600 !important; } /* Checkbox uniform size & font */ .woocommerce-checkout .create-account input[type="checkbox"], #ship-to-different-address input[type="checkbox"]{ width:18px !important; height:18px !important; } .woocommerce-checkout .create-account label, #ship-to-different-address label{ font-size:16px !important; font-weight:600 !important; } } /* ============================================================= 2025-06-16-o REMOVE HR SPACER & SHIP BLOCK SIZE ============================================================= */ @media(max-width:768px){ /* 1. Remove horizontal rule above choose-point button */ #order_review > hr{display:none!important;} /* 2. Ensure outer wrapper of ship-to block same style */ .woocommerce-checkout .ship-to-different-address{ background:#f8f8f8 !important; border:1px solid #dcdcdc !important; border-radius:8px !important; padding:12px 16px !important; margin:0 0 16px 0 !important; } .woocommerce-checkout .ship-to-different-address label{ font-size:16px !important; font-weight:600 !important; line-height:1.4 !important; } } /* ============================================================= 2025-06-16-p BLIK PAY / THANKYOU / VIEW-ORDER – mobile tidy ============================================================= */ @media(max-width:768px){ /* ===== BLIK payment page (order-pay) ===== */ /* Order overview top list */ .woocommerce-order-overview li{ display:flex !important; justify-content:space-between !important; padding:8px 0 !important; border-bottom:1px dashed #e0e0e0; font-size:14px !important; } .woocommerce-order-overview li strong{font-weight:600 !important;} /* Blik input */ input[name*="blik"], .wc-blik-input{ width:100% !important; height:44px !important; border:1px solid #dcdcdc !important; border-radius:6px !important; padding:0 12px !important; font-size:16px !important; box-sizing:border-box !important; } /* P24 statement */ .wc-blik-statement, .wc-blik-statement *{font-size:14px !important;line-height:1.45 !important;} .wc-blik-statement{margin:12px 0 !important;} /* ===== THANKYOU (order-received) & My-Account view-order ===== */ /* Summary blocks */ .woocommerce .order_details li{ display:flex !important; justify-content:space-between !important; padding:8px 0 !important; font-size:14px !important; } .woocommerce .order_details li strong{font-weight:600 !important;} /* Order details table rows */ table.shop_table.order_details tr{ display:flex !important; justify-content:space-between !important; align-items:center !important; background:#f8f8f8 !important; border:1px solid #dcdcdc !important; border-radius:8px !important; margin-bottom:12px !important; } table.shop_table.order_details td, table.shop_table.order_details th{ border:none !important; padding:12px 16px !important; font-size:14px !important; line-height:1.4 !important; } table.shop_table.order_details td.product-total{white-space:nowrap;font-weight:600;background:#eaeaea;} /* Address boxes */ .woocommerce .woocommerce-customer-details address{ background:#f8f8f8 !important; border:1px solid #dcdcdc !important; border-radius:8px !important; padding:12px 16px !important; margin-bottom:16px !important; font-size:14px !important; line-height:1.45 !important; } } /* ============================================================= 2025-06-16-q VIEW-ORDER HEADINGS & ADDRESS FLEX ============================================================= */ /* Desktop headings slightly smaller */ .woocommerce-account .woocommerce-order-details__title, .woocommerce-account .woocommerce-customer-details h2{ font-size:26px !important; margin-bottom:12px !important; } @media(max-width:768px){ .woocommerce-account .woocommerce-order-details__title, .woocommerce-account .woocommerce-customer-details h2{ font-size:20px !important; } } /* Address section side-by-side alignment (desktop) */ @media(min-width:992px){ .woocommerce-account .woocommerce-customer-details{ display:flex !important; gap:32px !important; } .woocommerce-account .woocommerce-customer-details address{ flex:1 1 50% !important; } } /* ============================================================= 2025-06-16-r ORDER-RECEIVED TOP & HEADINGS ============================================================= */ @media(max-width:768px){ /* Order received – top data block */ .woocommerce-order-received .woocommerce-order-overview{ margin-bottom:24px !important; } .woocommerce-order-received .woocommerce-order-overview li{ display:flex !important; justify-content:space-between !important; align-items:center !important; padding:8px 0 !important; border-bottom:1px dashed #e0e0e0; font-size:14px !important; line-height:1.4 !important; } .woocommerce-order-received .woocommerce-order-overview li:last-child{border-bottom:none;} .woocommerce-order-received .woocommerce-order-overview strong{font-weight:600 !important;} /* Headings: Szczegóły zamówienia / Adresy */ .woocommerce-order-received .woocommerce-order-details__title, .woocommerce-order-received .woocommerce-customer-details h2{ font-size:20px !important; margin-bottom:12px !important; } } /* ===================== 2025-06-16-s — GTRANSLATE HEADER FLAG ===================== */ #kornino-lang-switch { position: absolute; top: 4px; left: 4px; } /* Hide original GTranslate widget injected in header */ header .gtranslate_wrapper:not(#kornino-lang-switch .gtranslate_wrapper) { display: none !important; } @media (max-width: 768px) { #kornino-lang-switch { top: 6px; left: 8px; } } #kornino-lang-switch .gtranslate_wrapper img { width: 20px !important; height: auto !important; box-shadow: none !important; } /* Remove text and arrow */ #kornino-lang-switch .gtranslate_wrapper span, #kornino-lang-switch .gtranslate_wrapper .gt_switcher_arrow, #kornino-lang-switch .gtranslate_wrapper .gs-selected-lang { display: none !important; } #kornino-lang-switch .gtranslate_wrapper a { padding: 0 !important; } /**** GTRANSLATE final tweak ****/ .gtranslate_wrapper{display:none!important} #kornino-lang-switch .gtranslate_wrapper{display:inline-block!important} #kornino-lang-switch .gtranslate_wrapper span{display:none!important} #kornino-lang-switch .gtranslate_wrapper img{width:18px!important;height:auto!important} .gt_switcher_wrapper{display:none!important} #kornino-lang-switch .gt_switcher_wrapper{display:inline-block!important;position:static!important} /* Hide cart shipping update message */ .woocommerce-cart .woocommerce-shipping-destination{display:none!important} #gt_float_wrapper{display:none!important} /* GTranslate scoping fix */ body > #gt_float_wrapper{display:none!important} #kornino-lang-switch #gt_float_wrapper{display:inline-block!important;position:static!important;top:auto!important;left:auto!important;z-index:auto!important} #kornino-lang-switch #gt_float_wrapper .gt-lang-code, #kornino-lang-switch #gt_float_wrapper .gt_float_switcher-arrow{display:none!important} #kornino-lang-switch #gt_float_wrapper img{width:18px!important;height:auto!important}