/* ============================================================ PAPAGIANNI — SPĂ“JNY WYGLÄ„D WSZYSTKICH PODSTRON Plik: mu-plugins/papagianni-white/assets/papagianni-white.css Warstwa 1: kopia papagianni-site.css z przemapowana paleta. Warstwa 2 (na koncu pliku): struktura (Inter, przyciski, .pg-*). Ładowany na koĹ„cu , po „Dodatkowym CSS”, dlatego skutecznie nadaje tym samym klasom docelowy wyglÄ…d. ============================================================ */ /* ============================================================ 1. PODSTAWOWE KOMPONENTY MARKI (.pap-*) Zgodne z sekcjami strony „Manufaktura Drewna”. Zduplikowane celowo — aby wyglÄ…d nie zaleĹĽaĹ‚ od „Dodatkowego CSS”. ============================================================ */ .pap-hero, .pap-page-hero { text-align: center; padding: 44px 24px 34px; margin-bottom: 30px; background: linear-gradient(135deg, #f7f7f8 0%, #ffffff 100%); border-radius: 18px; border: 1px solid #eceef1; box-shadow: 0 10px 30px rgba(16, 24, 40, 0.06); } .pap-hero-title { font-size: 2.4em; margin: 0 0 12px; color: #14171c; letter-spacing: 0.5px; line-height: 1.2; } .pap-hero-subtitle { font-size: 1.2em; color: #6b7280; max-width: 700px; margin: 0 auto; line-height: 1.6; } .pap-section { margin-bottom: 50px; } .pap-section h2 { font-size: 1.8em; color: #14171c; margin-bottom: 15px; position: relative; padding-bottom: 10px; } .pap-section h2:after { content: ''; display: block; width: 60px; height: 3px; background: #c2701f; border-radius: 2px; margin-top: 8px; } .pap-section-intro { font-size: 1.1em; color: #4b5563; margin-bottom: 25px; } .pap-closing { text-align: center; padding: 30px 20px; } .pap-closing h2:after { margin-left: auto; margin-right: auto; } .pap-closing p { max-width: 750px; margin: 0 auto 15px; line-height: 1.7; color: #333a42; } /* ============================================================ 2. ETYKIETA + „CHIPSY” W SEKCJI POWITALNEJ PODSTRON ============================================================ */ .pap-eyebrow { display: inline-block; margin-bottom: 16px; padding: 7px 16px 8px; border-radius: 999px; background: #ffffff; border: 1px solid #eceef1; color: #c2701f; font-size: 0.74em; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; } .pap-hero-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 20px; } .pap-hero-chips a, .pap-hero-chips span { display: inline-flex; align-items: center; gap: 7px; background: #ffffff; border: 1px solid #eceef1; border-radius: 999px; padding: 9px 16px; font-size: 0.92em; color: #4b5563 !important; text-decoration: none !important; box-shadow: 0 2px 8px rgba(16, 24, 40, 0.05); transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease; } .pap-hero-chips a:hover { transform: translateY(-2px); border-color: rgba(194, 112, 31, 0.35); box-shadow: 0 6px 14px rgba(16, 24, 40, 0.1); } /* ============================================================ 3. PRZYCISKI MARKI ============================================================ */ .pap-button, .pap-page-closing .pap-button, .pap-page-hero .pap-button { display: inline-flex; align-items: center; gap: 8px; padding: 12px 26px; border-radius: 999px; background: linear-gradient(135deg, #c2701f 0%, #a85f18 100%); border: 1px solid rgba(255, 255, 255, 0.18); color: #ffffff !important; font-weight: 600; text-decoration: none !important; box-shadow: 0 6px 16px rgba(194, 112, 31, 0.28); transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease; } .pap-button:hover, .pap-page-closing .pap-button:hover, .pap-page-hero .pap-button:hover { transform: translateY(-2px); filter: brightness(1.05); box-shadow: 0 10px 22px rgba(194, 112, 31, 0.34); } .pap-button--ghost { background: #ffffff; color: #14171c !important; border: 1px solid #e4e7ea; box-shadow: 0 4px 12px rgba(16, 24, 40, 0.06); } .pap-button--ghost:hover { background: #f7f7f8; } .pap-page-closing { margin-top: 20px; } .pap-page-closing .pap-button { margin: 8px 6px 0; } @media (max-width: 600px) { .pap-page-closing .pap-button { display: flex; justify-content: center; width: 100%; margin: 8px 0 0; } } /* ============================================================ 4. STRONY OZDOBIONE PRZEZ MU-PLUGIN (body.pap-styled) WspĂłlna, „ciepĹ‚a” typografia i czytelność treĹ›ci. ============================================================ */ /* DomyĹ›lny nagĹ‚Ăłwek strony (tytuĹ‚ w edytorze) jest zastÄ™powany sekcjÄ… hero */ body.pap-styled .entry-header, body.pap-styled header.entry-header, body.pap-styled h1.entry-title { display: none !important; } /* Breadcrumb („Strona gĹ‚Ăłwna / …”) widoczny — jak na Manufakturze, dziÄ™ki czemu odstÄ™p menu → treść na podstronach jest identyczny. */ body.pap-styled .entry-content { color: #333a42; font-size: 1.02em; } body.pap-styled .entry-content p { line-height: 1.75; margin: 0 0 1.1em; } body.pap-styled .entry-content a { color: #c2701f !important; text-decoration: underline; text-decoration-color: rgba(194, 112, 31, 0.35); text-underline-offset: 3px; } body.pap-styled .entry-content a:hover { color: #a85f18 !important; text-decoration-color: #a85f18; } body.pap-styled .entry-content img { border-radius: 14px; max-width: 100%; height: auto; } /* ============================================================ 5. PODSTRONA „KONTAKT” (Jetpack Contact Form) ============================================================ */ /* Ukrycie surowych, domyĹ›lnych akapitĂłw edytora wokół formularza */ body.page-id-69 .entry-content > p:first-of-type, body.page-id-69 .entry-content > p:last-of-type { display: none; } /* Karta wokół caĹ‚ego formularza — spĂłjna z kartami .pap-* */ body.page-id-69 .jetpack-contact-form-container { background: #ffffff; border: 1px solid #eceef1; border-radius: 18px; padding: clamp(20px, 4vw, 38px); margin: 8px auto 40px; box-shadow: 0 8px 26px rgba(16, 24, 40, 0.06); max-width: 860px; } body.page-id-69 .jetpack-contact-form-container .contact-form-submission { margin-bottom: 18px; } /* Komunikat sukcesu */ body.page-id-69 .contact-form-submission h4 { color: #14171c; font-size: 1.25em; margin: 0 0 6px; } /* Etykiety pĂłl */ body.page-id-69 .contact-form .grunion-field-label, body.page-id-69 .wp-block-jetpack-field-name label, body.page-id-69 .wp-block-jetpack-field-email label, body.page-id-69 .wp-block-jetpack-field-textarea label, body.page-id-69 .wp-block-jetpack-field-text label, body.page-id-69 .wp-block-jetpack-field-consent label { color: #14171c !important; font-weight: 600 !important; font-size: 0.98em !important; margin-bottom: 6px; } body.page-id-69 .wp-block-jetpack-field-consent label { color: #6b7280 !important; font-weight: 400 !important; font-size: 0.92em !important; line-height: 1.55 !important; display: block; } /* Pola formularza */ body.page-id-69 .contact-form input[type="text"], body.page-id-69 .contact-form input[type="email"], body.page-id-69 .contact-form input[type="tel"], body.page-id-69 .contact-form input[type="url"], body.page-id-69 .contact-form textarea, body.page-id-69 .contact-form select { width: 100%; background: #ffffff; border: 1px solid #e4e7ea; border-radius: 12px; padding: 12px 14px; color: #333a42; font-size: 1rem; font-family: inherit; box-shadow: none; transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease; } body.page-id-69 .contact-form input:focus, body.page-id-69 .contact-form textarea:focus, body.page-id-69 .contact-form select:focus { outline: none; border-color: #c2701f; background: #ffffff; box-shadow: 0 0 0 3px rgba(194, 112, 31, 0.12); } body.page-id-69 .wp-block-jetpack-contact-form { gap: 18px; } body.page-id-69 .contact-form .grunion-field-wrap { margin: 0; } /* Przycisk „WyĹ›lij” */ body.page-id-69 .contact-form .wp-block-button { text-align: center; margin-top: 22px; } body.page-id-69 .contact-form .wp-block-button .wp-block-button__link { display: inline-flex; align-items: center; gap: 8px; padding: 13px 34px; border-radius: 999px; background: linear-gradient(135deg, #c2701f 0%, #a85f18 100%); border: 1px solid rgba(255, 255, 255, 0.18); color: #ffffff !important; font-weight: 600; text-decoration: none !important; box-shadow: 0 6px 16px rgba(194, 112, 31, 0.26); transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease; } body.page-id-69 .contact-form .wp-block-button .wp-block-button__link:hover { transform: translateY(-2px); filter: brightness(1.05); box-shadow: 0 10px 22px rgba(194, 112, 31, 0.32); } /* Komunikaty bĹ‚Ä™dĂłw / walidacja */ body.page-id-69 .contact-form__input-error, body.page-id-69 .contact-form__error { color: #a33b1e; font-size: 0.9em; } body.page-id-69 .contact-form .wp-block-jetpack-option input[type="checkbox"] { accent-color: #c2701f; transform: scale(1.15); margin-right: 4px; } @media (max-width: 600px) { body.page-id-69 .jetpack-contact-form-container { padding: 18px 16px; } body.page-id-69 .contact-form .wp-block-button .wp-block-button__link { width: 100%; justify-content: center; } } /* ============================================================ 6. PODSTRONA „REGULAMIN / POLITYKA PRYWATNOĹšCI” Czytelny, „papierowy” dokument — spĂłjny z markÄ…. ============================================================ */ /* Ukrycie powtĂłrzonego tytuĹ‚u H1 dokumentu (tytuĹ‚ jest juĹĽ w hero) */ body.privacy-policy .entry-content > h1.wp-block-heading { display: none; } body.privacy-policy .entry-content { max-width: 900px; margin-left: auto; margin-right: auto; font-size: 1.02em; } body.privacy-policy .entry-content .pap-page-hero { margin-bottom: 40px; } /* Dokument w „papierowej” karcie */ body.privacy-policy .entry-content { background: #ffffff; border: 1px solid #eceef1; border-radius: 20px; padding: clamp(18px, 4vw, 44px); box-shadow: 0 8px 28px rgba(16, 24, 40, 0.05); } /* NagĹ‚Ăłwki rozdziaĹ‚Ăłw */ body.privacy-policy .entry-content h2.wp-block-heading { color: #14171c; font-size: 1.42em; margin: 2em 0 0.7em; padding-bottom: 10px; position: relative; } body.privacy-policy .entry-content h2.wp-block-heading::after { content: ''; display: block; width: 56px; height: 3px; border-radius: 2px; background: #c2701f; margin-top: 10px; } /* Pierwszy nagĹ‚Ăłwek po hero — bez nadmiarowego marginesu */ body.privacy-policy .entry-content .pap-page-hero + h2.wp-block-heading { margin-top: 0.4em; } body.privacy-policy .entry-content h3.wp-block-heading { color: #a85f18; font-size: 1.14em; margin: 1.7em 0 0.5em; font-weight: 700; } body.privacy-policy .entry-content h1 + p, body.privacy-policy .entry-content .wp-block-heading + p { color: #5b626b; } body.privacy-policy .entry-content strong { color: #14171c; font-weight: 700; } /* Listy punktowane / numerowane */ body.privacy-policy .entry-content ol.wp-block-list, body.privacy-policy .entry-content ul.wp-block-list { margin: 0 0 1.2em; padding-left: 1.4em; } body.privacy-policy .entry-content ol.wp-block-list li, body.privacy-policy .entry-content ul.wp-block-list li { margin-bottom: 0.45em; line-height: 1.7; } body.privacy-policy .entry-content ol.wp-block-list li::marker, body.privacy-policy .entry-content ul.wp-block-list li::marker { color: #c2701f; font-weight: 700; } /* Separatory */ body.privacy-policy .entry-content hr.wp-block-separator { border: 0; border-top: 1px solid #eceef1; margin: 2.2em auto; width: 100%; opacity: 1; } /* Adresy e-mail / linki w treĹ›ci dokumentu */ body.privacy-policy .entry-content a { color: #c2701f !important; text-decoration-color: rgba(194, 112, 31, 0.35); text-underline-offset: 3px; overflow-wrap: anywhere; } body.privacy-policy .entry-content a:hover { color: #a85f18 !important; } /* Wyróżnienie daty obowiÄ…zywania dokumentu */ body.privacy-policy .entry-content h1 + p strong, body.privacy-policy .entry-content .wp-block-heading + p strong { color: #c2701f; } /* Szablon formularza odstÄ…pienia (zaĹ‚Ä…cznik) */ body.privacy-policy .entry-content em { color: #6b7280; } /* Drobne ekrany */ @media (max-width: 600px) { body.privacy-policy .entry-content { padding: 16px 14px; border-radius: 14px; } body.privacy-policy .entry-content h2.wp-block-heading { font-size: 1.24em; } } /* ============================================================ 7. PODSTRONA „MOJE KONTO” (WooCommerce) ============================================================ */ /* Wylogowany widok logowania — karta poĹ›rodku */ body.woocommerce-account:not(.logged-in) .entry-content > .woocommerce { max-width: 560px; margin: 10px auto 40px; background: #ffffff; border: 1px solid #eceef1; border-radius: 18px; padding: clamp(22px, 4vw, 38px); box-shadow: 0 8px 26px rgba(16, 24, 40, 0.06); } body.woocommerce-account:not(.logged-in) .entry-content > .woocommerce h2 { color: #14171c; font-size: 1.5em; margin: 0 0 18px; padding-bottom: 10px; position: relative; } body.woocommerce-account:not(.logged-in) .entry-content > .woocommerce h2::after { content: ''; display: block; width: 56px; height: 3px; border-radius: 2px; background: #c2701f; margin-top: 10px; } body.woocommerce-account:not(.logged-in) .woocommerce-form-row label { color: #14171c; font-weight: 600; margin-bottom: 6px; display: block; } body.woocommerce-account:not(.logged-in) .woocommerce-form-row input.input-text { width: 100%; background: #ffffff; border: 1px solid #e4e7ea; border-radius: 12px; padding: 12px 14px; color: #333a42; font-size: 1rem; box-shadow: none; } body.woocommerce-account:not(.logged-in) .woocommerce-form-row input.input-text:focus { outline: none; border-color: #c2701f; box-shadow: 0 0 0 3px rgba(194, 112, 31, 0.12); } body.woocommerce-account:not(.logged-in) .woocommerce-form-login__rememberme { color: #5b626b; } body.woocommerce-account:not(.logged-in) .woocommerce-form-login__rememberme input { accent-color: #c2701f; transform: scale(1.15); margin-right: 4px; } body.woocommerce-account:not(.logged-in) .woocommerce-form-login__submit { width: 100%; justify-content: center; margin-top: 6px; } body.woocommerce-account:not(.logged-in) .lost_password a { color: #c2701f !important; } /* Zalogowany widok — nawigacja konta i treść */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a { display: block; padding: 12px 16px; background: #ffffff; border: 1px solid #eceef1; border-radius: 12px; color: #14171c !important; font-weight: 500; text-decoration: none !important; transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.is-active a, body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a:hover { background: #f2f3f5; border-color: rgba(194, 112, 31, 0.35); color: #a85f18 !important; transform: translateX(3px); } body.woocommerce-account.logged-in .woocommerce-MyAccount-content { background: #ffffff; border: 1px solid #eceef1; border-radius: 16px; padding: clamp(18px, 3vw, 28px); box-shadow: 0 6px 22px rgba(16, 24, 40, 0.05); } body.woocommerce-account.logged-in .woocommerce-MyAccount-content h2, body.woocommerce-account.logged-in .woocommerce-MyAccount-content h3 { color: #14171c; } /* ============================================================ 8. WOOCOMMERCE — WSPĂ“LNE ELEMENTY (koszyk, checkout, formularze) ============================================================ */ /* Pola formularzy WooCommerce */ .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select, .woocommerce-page form .form-row input.input-text, .woocommerce-page form .form-row textarea, .woocommerce-page form .form-row select { background: #ffffff; border: 1px solid #e4e7ea; border-radius: 12px; padding: 12px 14px; color: #333a42; font-size: 0.98rem; box-shadow: none; } .woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus, .woocommerce form .form-row select:focus, .woocommerce-page form .form-row input.input-text:focus, .woocommerce-page form .form-row textarea:focus, .woocommerce-page form .form-row select:focus { outline: none; border-color: #c2701f; box-shadow: 0 0 0 3px rgba(194, 112, 31, 0.12); } /* Przyciski WooCommerce */ .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce .wc-proceed-to-checkout a.checkout-button, .woocommerce button.button.alt, .woocommerce a.button.alt { background: linear-gradient(135deg, #c2701f 0%, #a85f18 100%) !important; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 999px; color: #ffffff !important; font-weight: 600; padding: 12px 26px; box-shadow: 0 6px 16px rgba(194, 112, 31, 0.24) !important; transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease; } .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover { transform: translateY(-2px); filter: brightness(1.05); color: #ffffff !important; } /* Komunikaty (powiadomienia) */ .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-page .woocommerce-message, .woocommerce-page .woocommerce-info, .woocommerce-page .woocommerce-error { background: #f7f7f8; border: 1px solid #eceef1; border-radius: 12px; color: #14171c; padding: 14px 16px 14px 48px; box-shadow: 0 4px 14px rgba(16, 24, 40, 0.05); } .woocommerce-message { border-left: 4px solid #7a9b3f; } .woocommerce-info { border-left: 4px solid #c2701f; } .woocommerce-error { border-left: 4px solid #b3261e; background: #fdf2f2; } .woocommerce-message a.button, .woocommerce-info a.button, .woocommerce-error a.button { background: #14171c !important; } /* Tabele koszyka i zamĂłwienia */ .woocommerce table.shop_table, .woocommerce-page table.shop_table, .woocommerce table.shop_table_responsive, .woocommerce-page table.shop_table_responsive { background: #ffffff; border: 1px solid #eceef1; border-radius: 14px; overflow: hidden; color: #333a42; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { background: #f7f7f8; color: #14171c; font-size: 0.82em; text-transform: uppercase; letter-spacing: 0.06em; } .woocommerce .cart_totals, .woocommerce-page .cart_totals, .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { background: #ffffff; border: 1px solid #eceef1; border-radius: 16px; padding: 18px 22px; } /* Karty produktĂłw */ .woocommerce ul.products li.product { background: #ffffff; border: 1px solid #eceef1; border-radius: 16px; padding: 14px; text-align: center; box-shadow: 0 4px 14px rgba(16, 24, 40, 0.05); transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; } .woocommerce ul.products li.product:hover { transform: translateY(-5px); box-shadow: 0 14px 30px rgba(16, 24, 40, 0.1); border-color: #dfe3e7; } .woocommerce ul.products li.product img { border-radius: 12px; margin-bottom: 10px; } .woocommerce ul.products li.product .woocommerce-loop-product__title { color: #14171c; font-size: 1.02em; } .woocommerce ul.products li.product .price { color: #c2701f; font-weight: 600; } .woocommerce ul.products li.product .button { width: 100%; justify-content: center; margin-top: 6px; } .woocommerce ul.products li.product .star-rating { margin-left: auto; margin-right: auto; } /* Paginacja sklepu */ .woocommerce nav.woocommerce-pagination ul { border: 0; } .woocommerce nav.woocommerce-pagination ul li { border: 0; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { border-radius: 999px; margin: 0 3px; color: #14171c; font-weight: 500; } .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover { background: #f2f3f5 !important; color: #a85f18 !important; } /* ============================================================ 9. STRONA GŁÓWNA / SKLEP — tryb „Coming soon” (WooCommerce) ============================================================ */ .wp-block-woocommerce-coming-soon.woocommerce-coming-soon-store-only { background: linear-gradient(135deg, #f7f7f8 0%, #ffffff 100%) !important; border: 1px solid #eceef1; border-radius: 22px; margin: 8px auto 46px !important; max-width: 980px; padding: clamp(20px, 5vw, 50px) clamp(14px, 4vw, 40px); box-shadow: 0 12px 34px rgba(16, 24, 40, 0.07); text-align: center; } /* Pasek ozdobny nad nagĹ‚Ăłwkiem */ .wp-block-woocommerce-coming-soon.woocommerce-coming-soon-store-only > .wp-block-group::before { content: '✦ PAPAGIANNI · HANDMADE ✦'; display: block; color: #c2701f; font-size: 0.78em; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; margin-bottom: 6px; } .wp-block-woocommerce-coming-soon.woocommerce-coming-soon-store-only .wp-block-group { gap: 0 !important; } /* Redukcja pustych odstÄ™pĂłw blokowych */ .wp-block-woocommerce-coming-soon.woocommerce-coming-soon-store-only .wp-block-spacer { height: 20px !important; } /* NagĹ‚Ăłwek */ .wp-block-woocommerce-coming-soon.woocommerce-coming-soon-store-only h1 { color: #14171c !important; font-family: inherit !important; font-weight: 700 !important; font-size: clamp(1.9rem, 5vw, 2.7rem) !important; line-height: 1.25 !important; letter-spacing: 0.2px !important; margin: 0 0 14px !important; text-align: center !important; text-transform: none !important; } /* PodtytuĹ‚ */ .wp-block-woocommerce-coming-soon.woocommerce-coming-soon-store-only p { color: #6b7280 !important; font-family: inherit !important; font-size: clamp(1rem, 2.5vw, 1.18rem) !important; line-height: 1.65 !important; max-width: 620px !important; margin-left: auto !important; margin-right: auto !important; } /* Ukrycie ewentualnego koĹ‚a/szkieletu WC */ .wp-block-woocommerce-coming-soon .wc-coming-soon-banner, .wp-block-woocommerce-coming-soon .components-spinner, .wp-block-woocommerce-coming-soon .wp-block-woocommerce-coming-soon__loader { display: none !important; } /* ============================================================ 10. PASEK „DEMO STORE” / OGŁOSZENIE SKLEPU ============================================================ */ .woocommerce-store-notice.demo_store { background: linear-gradient(90deg, #14171c 0%, #8f4f14 100%) !important; color: #f7f7f8 !important; padding: 10px 46px 10px 16px !important; font-size: 0.85em; letter-spacing: 0.02em; } .woocommerce-store-notice.demo_store a, .woocommerce-store-notice.demo_store button, .woocommerce-store-notice.demo_store .woocommerce-store-notice__dismiss-link { color: #f2f3f5 !important; text-decoration: underline; text-underline-offset: 2px; } /* ============================================================ 11. RESPONSYWNOŚĆ — GLOBALNE DOSTROJENIA ============================================================ */ @media (max-width: 768px) { .pap-hero, .pap-page-hero { padding: 30px 18px 26px; border-radius: 14px; } .pap-hero-title { font-size: 1.8em; } .pap-hero-subtitle { font-size: 1.05em; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation, body.woocommerce-account.logged-in .woocommerce-MyAccount-content { width: 100% !important; float: none !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content { margin-top: 18px; } } /* ============================================================ 12. PRZYCISKI CTA POD STRONÄ„ GŁÓWNÄ„ „COMING SOON” ============================================================ */ .pap-coming-cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 28px; } .pap-coming-cta .pap-button { padding: 12px 28px; } @media (max-width: 600px) { .pap-coming-cta { flex-direction: column; align-items: stretch; } .pap-coming-cta .pap-button { justify-content: center; } } /* ============================================================ 13. POPRAWKI (v2) — czytelność przyciskĂłw i wyrĂłwnanie ============================================================ */ /* Przyciski marki — napisy zawsze czytelne (nadpisujÄ… ogĂłlny kolor linkĂłw) */ body.pap-styled .entry-content a.pap-button, body.pap-styled .pap-page-closing a.pap-button, body.pap-styled .entry-content .pap-button, .pap-page-closing a.pap-button, a.pap-button { color: #ffffff !important; } body.pap-styled .entry-content a.pap-button--ghost, body.pap-styled .pap-page-closing a.pap-button--ghost, a.pap-button--ghost { color: #14171c !important; } body.pap-styled .entry-content a.pap-button:hover, a.pap-button:hover { color: #ffffff !important; } body.pap-styled .entry-content a.pap-button--ghost:hover, a.pap-button--ghost:hover { color: #14171c !important; } /* Chipsy w hero — spĂłjny ciemny tekst, niezaleĹĽnie od ogĂłlnych stylĂłw linkĂłw */ body.pap-styled .entry-content .pap-hero-chips a, .pap-hero-chips a { color: #4b5563 !important; } body.pap-styled .entry-content .pap-hero-chips a:hover, .pap-hero-chips a:hover { color: #a85f18 !important; } /* KaĹĽdy przycisk marki — zawartość (w tym ikony) wyĹ›rodkowana */ a.pap-button, .pap-button, .woocommerce button.button, .woocommerce a.button, .woocommerce-page button.button, .woocommerce-page a.button, .woocommerce .wc-proceed-to-checkout a.checkout-button, .woocommerce-form-login__submit { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; text-align: center !important; line-height: 1.3 !important; } /* Nawigacja konta — przyciski z ewentualnymi ikonami na Ĺ›rodku */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a { display: flex; align-items: center; justify-content: flex-start; gap: 10px; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a svg, body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a i, body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a img, body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a .icon { margin: 0; flex: 0 0 auto; } /* Przycisk „pokaĹĽ hasĹ‚o” (ikona oka) — wyĹ›rodkowana w pionie */ .woocommerce .password-input, .woocommerce-page .password-input { position: relative; display: block; } .woocommerce .password-input .show-password-input, .woocommerce-page .password-input .show-password-input { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: auto; height: auto; padding: 4px; background: transparent !important; color: #6b7280 !important; border: 0 !important; box-shadow: none !important; line-height: 1; z-index: 2; } .woocommerce .password-input input.input-text, .woocommerce-page .password-input input.input-text { padding-right: 44px; } /* ============================================================ 14. JASNA KOLORYSTYKA PRODUKTĂ“W I PRZYCISKĂ“W SKLEPU (v2) ============================================================ */ /* GĹ‚Ăłwna akcja produktu — ciepĹ‚y pomaraĹ„cz z biaĹ‚ym tekstem */ .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce a.add_to_cart_button, .woocommerce-page a.add_to_cart_button, .woocommerce a.button.product_type_simple, .woocommerce-page a.button.product_type_simple, .woocommerce a.button.product_type_variable, .woocommerce-page a.button.product_type_variable, ul.products li.product .button, .woocommerce ul.products li.product .button, .woocommerce-page ul.products li.product .button, .woocommerce #respond input#submit { background: linear-gradient(135deg, #d98a3a 0%, #c2701f 100%) !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; border-radius: 999px !important; color: #ffffff !important; font-weight: 600 !important; box-shadow: 0 6px 14px rgba(194, 112, 31, 0.25) !important; } .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce a.add_to_cart_button:hover, ul.products li.product .button:hover, .woocommerce #respond input#submit:hover { background: linear-gradient(135deg, #c2701f 0%, #a85f18 100%) !important; color: #ffffff !important; box-shadow: 0 8px 18px rgba(194, 112, 31, 0.32) !important; transform: translateY(-1px); } /* Ikony na przyciskach produktĂłw (koszyk itp.) — na Ĺ›rodku */ .woocommerce ul.products li.product .button::before, .woocommerce a.add_to_cart_button::before, ul.products li.product .button::before { content: '' !important; } /* Karty produktĂłw — jasne tĹ‚o, ciepĹ‚e akcenty */ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { background: #ffffff; border: 1px solid #eceef1; border-radius: 16px; padding: 16px 14px 18px; box-shadow: 0 4px 14px rgba(16, 24, 40, 0.07); } .woocommerce ul.products li.product img, .woocommerce-page ul.products li.product img { border-radius: 12px; } .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title { color: #14171c; font-weight: 700; padding: 8px 0 2px; } .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price { color: #c2701f !important; font-weight: 700; } /* Kategorie produktĂłw (kafelki) — jasne, nie ciemne */ ul.products li.product-category a, .woocommerce ul.products li.product-category a { display: block; background: #ffffff; border-radius: 16px; padding: 14px; color: #14171c !important; } ul.products li.product-category a img, .woocommerce ul.products li.product-category a img { border-radius: 12px; background: #ffffff; } ul.products li.product-category a h2, .woocommerce ul.products li.product-category a h2, ul.products li.product-category .woocommerce-loop-category__title, .woocommerce ul.products li.product-category .woocommerce-loop-category__title { color: #14171c !important; font-size: 1.05em !important; padding-top: 10px; text-align: center; } /* Sekcje „storefront" na stronie gĹ‚Ăłwnej — tytuĹ‚y ciepĹ‚e */ .storefront-product-section .section-title { color: #14171c; font-size: 1.6em; text-align: center; position: relative; padding-bottom: 12px; margin: 30px 0 22px; } .storefront-product-section .section-title::after { content: ''; display: block; width: 60px; height: 3px; background: #c2701f; border-radius: 2px; margin: 10px auto 0; } /* OgĂłlne tĹ‚o strony — jasny, ciepĹ‚y odcieĹ„ (nie czysta biel) */ html, body { background: #ffffff !important; } body.pap-styled #page, body.pap-styled .site-content, body.pap-styled .site-main { background: #ffffff !important; } body.woocommerce #page, body.woocommerce-page #page, body.post-type-archive-product #page { background: #ffffff !important; } body.woocommerce .content-area, body.woocommerce-page .content-area, body.woocommerce .site-main, body.woocommerce-page .site-main { background: transparent !important; } /* ============================================================ 15. ROZBUDOWANA TREŚĆ STRONY GŁÓWNEJ / „COMING SOON” (v2) ============================================================ */ .pap-home-extra { max-width: 980px; margin: 10px auto 50px; } .pap-home-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; } .pap-home-card { display: flex; flex-direction: column; align-items: center; text-align: center; background: #ffffff; border: 1px solid #eceef1; border-radius: 18px; padding: 28px 20px 22px; text-decoration: none !important; box-shadow: 0 6px 18px rgba(16, 24, 40, 0.06); transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; } .pap-home-card:hover { transform: translateY(-5px); border-color: #e4e7ea; box-shadow: 0 14px 30px rgba(16, 24, 40, 0.12); } .pap-home-card-icon { font-size: 2.3em; line-height: 1; margin-bottom: 12px; display: block; } .pap-home-card h3 { color: #14171c; font-size: 1.15em; margin: 0 0 8px; } .pap-home-card p { color: #5b626b; font-size: 0.95em; line-height: 1.6; margin: 0 0 14px; flex: 1 1 auto; } .pap-home-card-link { display: inline-flex; align-items: center; gap: 6px; color: #c2701f; font-weight: 600; font-size: 0.95em; } .pap-home-banner { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin-top: 28px; background: linear-gradient(135deg, #ffffff 0%, #f2f3f5 100%); border: 1px solid #eceef1; border-radius: 18px; padding: 28px 30px; } .pap-home-banner h3 { color: #14171c; font-size: 1.3em; margin: 0 0 6px; } .pap-home-banner p { color: #5b626b; margin: 0; line-height: 1.6; max-width: 560px; } .pap-home-banner .pap-button { flex: 0 0 auto; } @media (max-width: 700px) { .pap-home-cards { grid-template-columns: 1fr; } .pap-home-banner { flex-direction: column; text-align: center; padding: 24px 18px; } .pap-home-banner .pap-button { width: 100%; justify-content: center; } } /* ============================================================ 16. TWARDE NADPISANIE PRZYCISKU „WYĹšLIJ” (Jetpack) — v3 RozwiÄ…zuje biaĹ‚y napis na biaĹ‚ym tle (konflikt z reguĹ‚Ä… @media (prefers-color-scheme: dark) w „Dodatkowym CSS”). ============================================================ */ .contact-form .wp-block-button .wp-block-button__link, body.page-id-69 .contact-form .wp-block-button .wp-block-button__link, .wp-block-button .wp-block-button__link.wp-element-button, .jetpack-contact-form button.wp-block-button__link { background: linear-gradient(135deg, #e0973f 0%, #c2701f 100%) !important; background-color: #c2701f !important; color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; border-radius: 999px !important; box-shadow: 0 6px 16px rgba(194, 112, 31, 0.35) !important; text-shadow: 0 1px 2px rgba(16, 24, 40, 0.25); padding: 13px 34px !important; } .contact-form .wp-block-button .wp-block-button__link:hover, body.page-id-69 .contact-form .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link.wp-element-button:hover, .jetpack-contact-form button.wp-block-button__link:hover { background: linear-gradient(135deg, #d98a3a 0%, #a85f18 100%) !important; background-color: #a85f18 !important; color: #ffffff !important; border-color: rgba(255, 255, 255, 0.35) !important; } /* Pola formularza Jetpack — wymuszony ciemny tekst (Gutenberg nadaje polom kolor „luminous vivid orange", ktĂłry jest sĹ‚abo czytelny) */ .contact-form input.wp-block-jetpack-input, .contact-form .grunion-field, body.page-id-69 .contact-form input[type='text'], body.page-id-69 .contact-form input[type='email'], body.page-id-69 .contact-form input[type='tel'], body.page-id-69 .contact-form textarea, body.page-id-69 .contact-form select { color: #1b1f24 !important; } /* ============================================================ 17. PRZYCISKI „DODAJ DO KOSZYKA” — JASNY POMARAŃCZ (v3) Szerokie selektory: klasyczny sklep, bloki WooCommerce oraz widok zalogowanego wĹ‚aĹ›ciciela. ============================================================ */ ul.products li.product a.button, .woocommerce ul.products li.product a.button, .woocommerce-page ul.products li.product a.button, a.add_to_cart_button, a.add_to_cart_button.ajax_add_to_cart, .woocommerce a.add_to_cart_button, .woocommerce-page a.add_to_cart_button, .woocommerce a.button.product_type_simple, .woocommerce a.button.product_type_variable, .woocommerce a.button.product_type_grouped, button.single_add_to_cart_button, .woocommerce button.single_add_to_cart_button, .woocommerce-page button.single_add_to_cart_button, .wc-block-grid__product-add-to-cart .wp-block-button__link, .wc-block-components-product-button .wp-block-button__link, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background: linear-gradient(135deg, #e0973f 0%, #c2701f 100%) !important; background-color: #c2701f !important; color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.28) !important; border-radius: 999px !important; box-shadow: 0 5px 14px rgba(194, 112, 31, 0.3) !important; text-shadow: 0 1px 2px rgba(16, 24, 40, 0.2); padding: 11px 22px !important; } ul.products li.product a.button:hover, a.add_to_cart_button:hover, .woocommerce a.add_to_cart_button:hover, button.single_add_to_cart_button:hover, .woocommerce button.single_add_to_cart_button:hover, .wc-block-grid__product-add-to-cart .wp-block-button__link:hover, .wc-block-components-product-button .wp-block-button__link:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background: linear-gradient(135deg, #d98a3a 0%, #a85f18 100%) !important; background-color: #a85f18 !important; color: #ffffff !important; border-color: rgba(255, 255, 255, 0.4) !important; box-shadow: 0 8px 18px rgba(194, 112, 31, 0.38) !important; } /* Treść przyciskĂłw zawsze wyĹ›rodkowana (tekst / ikony) */ .contact-form .wp-block-button .wp-block-button__link, .wp-block-button .wp-block-button__link.wp-element-button, .jetpack-contact-form button.wp-block-button__link, ul.products li.product a.button, .woocommerce ul.products li.product a.button, a.add_to_cart_button, .woocommerce a.add_to_cart_button, button.single_add_to_cart_button, .woocommerce button.single_add_to_cart_button, .wc-block-grid__product-add-to-cart .wp-block-button__link, .wc-block-components-product-button .wp-block-button__link { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; text-align: center !important; line-height: 1.35 !important; white-space: normal !important; } /* ============================================================ 18. NAWIGACJA „MOJE KONTO” — IKONA I TEKST WYĹšRODKOWANE (v3) Dotyczy piguĹ‚ek: Kokpit, ZamĂłwienia, Adresy, Konto itp. ============================================================ */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 10px !important; text-align: center !important; width: 100% !important; box-sizing: border-box !important; } /* Ikony wewnÄ…trz piguĹ‚ek — staĹ‚y rozmiar, nie „uciekają” na prawo */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a::before, body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a::after { margin: 0 !important; position: static !important; float: none !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a svg, body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a img, body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a i, body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a [class*='icon'], body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a [class*='dashicons'], body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a em, body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a span { margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; float: none !important; flex: 0 0 auto !important; width: auto !important; max-width: 22px; max-height: 22px; vertical-align: middle; } /* ============================================================ 19. UJEDNOLICENIE PRZYCISKĂ“W CTA + CENTROWANIE „WYĹšLIJ” (v4) ============================================================ */ /* Oba przyciski w sekcji domkniÄ™cia (i na stronie gĹ‚Ăłwnej) — ten sam wyglÄ…d */ body.pap-styled .entry-content .pap-page-closing a.pap-button, body.pap-styled .entry-content .pap-page-closing a.pap-button--ghost, body.pap-styled .pap-page-closing a.pap-button, body.pap-styled .pap-page-closing a.pap-button--ghost, .pap-page-closing a.pap-button, .pap-page-closing a.pap-button--ghost, .pap-coming-cta a.pap-button, .pap-coming-cta a.pap-button--ghost { background: linear-gradient(135deg, #e0973f 0%, #c2701f 100%) !important; background-color: #c2701f !important; color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; box-shadow: 0 6px 16px rgba(194, 112, 31, 0.32) !important; text-shadow: 0 1px 2px rgba(16, 24, 40, 0.2); } body.pap-styled .entry-content .pap-page-closing a.pap-button:hover, body.pap-styled .entry-content .pap-page-closing a.pap-button--ghost:hover, .pap-page-closing a.pap-button:hover, .pap-page-closing a.pap-button--ghost:hover, .pap-coming-cta a.pap-button:hover, .pap-coming-cta a.pap-button--ghost:hover { background: linear-gradient(135deg, #d98a3a 0%, #a85f18 100%) !important; background-color: #a85f18 !important; color: #ffffff !important; border-color: rgba(255, 255, 255, 0.4) !important; } /* WyĹ›rodkowanie przycisku „WyĹ›lij” w formularzu kontaktowym */ body.page-id-69 .wp-block-jetpack-contact-form .wp-block-button, body.page-id-69 .contact-form .wp-block-button { display: flex !important; justify-content: center !important; align-self: center !important; width: 100% !important; margin: 22px 0 0 !important; text-align: center !important; } body.page-id-69 .wp-block-jetpack-contact-form .wp-block-button .wp-block-button__link, body.page-id-69 .contact-form .wp-block-button .wp-block-button__link { margin: 0 auto !important; } /* ============================================================ 20. KASA — WYBĂ“R PACZKOMATU / PUNKTU ODBIORU (Furgonetka) Czytelna sekcja: kupujÄ…cy od razu wie, ĹĽe musi wybrać paczkomat na mapie. ============================================================ */ #select-point-container { display: block; position: relative; background: linear-gradient(135deg, #f7f7f8 0%, #ffffff 100%); border: 1px solid #e4e7ea; border-radius: 16px; padding: 16px 18px 14px; margin: 12px 0; text-align: center; box-shadow: 0 5px 16px rgba(16, 24, 40, 0.1); } /* NagĹ‚Ăłwek sekcji — jasna informacja dla kupujÄ…cego */ #select-point-container::before { content: '📦 Dostawa do paczkomatu — wybierz punkt odbioru'; display: block; color: #14171c; font-weight: 700; font-size: 0.98em; line-height: 1.5; margin-bottom: 12px; } /* Przycisk „Wybierz / ZmieĹ„ punkt odbioru” */ #select-point { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; background: linear-gradient(135deg, #e0973f 0%, #c2701f 100%) !important; background-color: #c2701f !important; color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; border-radius: 999px !important; padding: 11px 24px !important; font-weight: 700 !important; text-decoration: none !important; box-shadow: 0 6px 16px rgba(194, 112, 31, 0.32) !important; text-shadow: 0 1px 2px rgba(16, 24, 40, 0.2); line-height: 1.35 !important; } #select-point::before { content: 'đź“Ť '; } #select-point:hover { background: linear-gradient(135deg, #d98a3a 0%, #a85f18 100%) !important; background-color: #a85f18 !important; color: #ffffff !important; border-color: rgba(255, 255, 255, 0.45) !important; transform: translateY(-1px); } /* Wybrany punkt odbioru */ #selected-point { display: block; color: #4b5563; font-size: 0.95em; line-height: 1.6; margin-top: 9px; } #selected-point:not(:empty) { font-weight: 600; } #selected-point:not(:empty)::before { content: 'Wybrany punkt: '; color: #14171c; font-weight: 700; } #selected-point:empty::after { content: 'Nie wybraĹ‚eĹ› jeszcze paczkomatu — kliknij przycisk i wskaĹĽ punkt na mapie.'; color: #a85f18; font-weight: 600; } /* Drobne ekrany */ @media (max-width: 600px) { #select-point-container { padding: 14px 12px 12px; } #select-point { width: 100% !important; } } /* ============================================================ 21. KASA BLOKOWA (WooCommerce Blocks) — WYBĂ“R PACZKOMATU Oraz czytelny komunikat przy wyborze punktu odbioru. ============================================================ */ /* Kontener blokowej kasy (furgonetka pickup point) */ .furgonetka-wc-blocks-pickup-point-block-container { display: block; position: relative; background: linear-gradient(135deg, #f7f7f8 0%, #ffffff 100%); border: 1px solid #e4e7ea; border-radius: 16px; padding: 16px 18px 14px; margin: 10px 0; text-align: center; box-shadow: 0 5px 16px rgba(16, 24, 40, 0.1); } .furgonetka-wc-blocks-pickup-point-block-container::before { content: '📦 Dostawa do paczkomatu — wybierz punkt odbioru'; display: block; color: #14171c; font-weight: 700; font-size: 0.98em; line-height: 1.5; margin-bottom: 12px; } /* Przycisk w kase blokowej */ .furgonetka-wc-blocks-pickup-point-block-container button, .furgonetka-wc-blocks-pickup-point-block-container .wc-block-components-button, .furgonetka-wc-blocks-pickup-point-block-button-container button, .furgonetka-wc-blocks-pickup-point-block-button-container .wc-block-components-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; background: linear-gradient(135deg, #e0973f 0%, #c2701f 100%) !important; background-color: #c2701f !important; color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; border-radius: 999px !important; padding: 11px 24px !important; font-weight: 700 !important; text-decoration: none !important; box-shadow: 0 6px 16px rgba(194, 112, 31, 0.32) !important; text-shadow: 0 1px 2px rgba(16, 24, 40, 0.2); line-height: 1.35 !important; } .furgonetka-wc-blocks-pickup-point-block-container button::before, .furgonetka-wc-blocks-pickup-point-block-button-container button::before { content: 'đź“Ť'; margin-right: 4px; } .furgonetka-wc-blocks-pickup-point-block-container button:hover, .furgonetka-wc-blocks-pickup-point-block-container .wc-block-components-button:hover, .furgonetka-wc-blocks-pickup-point-block-button-container button:hover { background: linear-gradient(135deg, #d98a3a 0%, #a85f18 100%) !important; background-color: #a85f18 !important; color: #ffffff !important; border-color: rgba(255, 255, 255, 0.45) !important; transform: translateY(-1px); } /* Tekst wewnÄ…trz przycisku blokowego */ .furgonetka-wc-blocks-pickup-point-block-container button span, .furgonetka-wc-blocks-pickup-point-block-button-container button span, .furgonetka-wc-blocks-pickup-point-block-container .wc-block-components-button__text { color: #ffffff !important; } /* Wybrany punkt — etykieta blokowa */ .furgonetka-wc-blocks-pickup-point-block-label { display: block; margin: 9px 0 0 !important; color: #4b5563; font-weight: 600; font-size: 0.95em; line-height: 1.5; } .furgonetka-wc-blocks-pickup-point-block-label::before { content: 'Wybrany punkt: '; color: #14171c; font-weight: 700; } /* Komunikat o koniecznoĹ›ci wybrania wĹ‚aĹ›ciwego paczkomatu (widoczny przy obu wariantach: klasycznym i blokowym) */ #select-point-container::after, .furgonetka-wc-blocks-pickup-point-block-container::after { content: '⚠️ PamiÄ™taj: bez wybrania wĹ‚aĹ›ciwego paczkomatu nie dokoĹ„czysz zamĂłwienia. Wybierz punkt, z ktĂłrego realnie odbierzesz paczkÄ™.'; display: block; margin-top: 11px; padding-top: 10px; border-top: 1px dashed #e4e7ea; color: #a85f18; font-size: 0.85em; font-weight: 600; line-height: 1.55; } @media (max-width: 600px) { .furgonetka-wc-blocks-pickup-point-block-container { padding: 14px 12px 12px; } .furgonetka-wc-blocks-pickup-point-block-container button, .furgonetka-wc-blocks-pickup-point-block-button-container button { width: 100% !important; } } /* ============================================================ 22. REGULAMIN — WYGLÄ„D JAK NA STRONIE „MANUFAKTURA DREWNA” ============================================================ */ /* TĹ‚o strony — biel jak na Manufakturze (bez kremowej „karty”) */ body.privacy-policy, body.privacy-policy #page, body.privacy-policy .site-content, body.privacy-policy .site-main, body.privacy-policy .content-area { background: #ffffff !important; } /* Treść dokumentu — bez papierowej karty, na szerokość jak u Manufaktury */ body.privacy-policy .entry-content { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; max-width: 980px !important; margin-left: auto !important; margin-right: auto !important; } body.privacy-policy .pap-page-hero { margin: 6px auto 44px; } /* NagĹ‚Ăłwki rozdziaĹ‚Ăłw — identyczne z sekcjami Manufaktury */ body.privacy-policy .entry-content h2.wp-block-heading { color: #14171c; font-size: 1.7em; margin: 46px 0 16px; padding-bottom: 10px; position: relative; } body.privacy-policy .entry-content h2.wp-block-heading::after { content: ''; display: block; width: 60px; height: 3px; background: #c2701f; border-radius: 2px; margin-top: 10px; } body.privacy-policy .entry-content h3.wp-block-heading { color: #8f4f14; font-size: 1.16em; margin: 26px 0 10px; } /* Pierwszy nagĹ‚Ăłwek tuĹĽ po hero bez nadmiarowego odstÄ™pu */ body.privacy-policy .entry-content h2.wp-block-heading:first-of-type { margin-top: 8px; } /* Tekst dokumentu */ body.privacy-policy .entry-content p { color: #333a42; line-height: 1.75; margin: 0 0 16px; } body.privacy-policy .entry-content strong { color: #14171c; font-weight: 700; } /* Listy jak w sekcjach Manufaktury */ body.privacy-policy .entry-content ol.wp-block-list, body.privacy-policy .entry-content ul.wp-block-list { margin: 0 0 22px; padding-left: 1.5em; } body.privacy-policy .entry-content ol.wp-block-list li, body.privacy-policy .entry-content ul.wp-block-list li { margin-bottom: 6px; line-height: 1.7; color: #333a42; } body.privacy-policy .entry-content ol.wp-block-list li::marker, body.privacy-policy .entry-content ul.wp-block-list li::marker { color: #c2701f; font-weight: 700; } /* Separatory */ body.privacy-policy .entry-content hr.wp-block-separator { border: 0; border-top: 1px solid #eceef1; margin: 34px auto; width: 100%; } /* Data obowiÄ…zywania i linki */ body.privacy-policy .entry-content a { color: #c2701f !important; text-decoration: underline; text-decoration-color: rgba(194, 112, 31, 0.35); text-underline-offset: 3px; } body.privacy-policy .entry-content h1 + p strong, body.privacy-policy .entry-content .wp-block-heading + p strong { color: #c2701f; } /* Ukrycie powtĂłrzonego tytuĹ‚u dokumentu (jest w hero) */ body.privacy-policy .entry-content > h1.wp-block-heading { display: none !important; } /* DomkniÄ™cie strony — identyczne z sekcjÄ… koĹ„cowÄ… Manufaktury */ body.privacy-policy .pap-page-closing { margin-top: 46px; padding: 34px 20px 20px; border-top: 1px solid #eceef1; } body.privacy-policy .pap-page-closing .pap-button { margin-top: 12px; } /* Responsywność */ @media (max-width: 600px) { body.privacy-policy .entry-content h2.wp-block-heading { font-size: 1.35em; margin-top: 34px; } body.privacy-policy .pap-page-closing .pap-button { width: 100%; justify-content: center; } } /* ============================================================ 23. „MOJE KONTO” i „KONTAKT” — WYGLÄ„D JAK MANUFAKTURA ============================================================ */ /* Treść na biaĹ‚ym tle, bez dodatkowych ramek kontenera */ body.page-id-16 .entry-content, body.page-id-69 .entry-content { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; } /* Hero — marginesy jak sekcja powitalna Manufaktury */ body.page-id-16 .pap-page-hero, body.page-id-69 .pap-page-hero { margin-top: 8px; margin-bottom: 38px; } /* Ukrycie domyĹ›lnych sekcji produktowych / kategorii, ktĂłre strona „Kontakt” pokazuje przez szablon „Homepage” */ body.page-id-69 .storefront-product-section { display: none !important; } /* NagĹ‚Ăłwki na tych stronach w stylu sekcji Manufaktury */ body.page-id-16 .entry-content h2, body.page-id-69 .entry-content h2 { color: #14171c; position: relative; padding-bottom: 10px; } body.page-id-16 .entry-content h2::after, body.page-id-69 .entry-content h2::after { content: ''; display: block; width: 60px; height: 3px; background: #c2701f; border-radius: 2px; margin-top: 8px; } /* Karta logowania „Moje konto” — jak karty sekcji Manufaktury */ body.woocommerce-account:not(.logged-in) .entry-content > .woocommerce { background: #ffffff; border: 1px solid #eceef1; border-radius: 18px; box-shadow: 0 8px 24px rgba(16, 24, 40, 0.08); margin: 4px auto 40px; } /* Formularz kontaktowy — karta jak na Manufakturze */ body.page-id-69 .jetpack-contact-form-container { background: #ffffff; border: 1px solid #eceef1; border-radius: 18px; box-shadow: 0 8px 24px rgba(16, 24, 40, 0.08); } /* Chipsy i etykiety — spĂłjne kolory z ManufakturÄ… */ body.page-id-16 .pap-eyebrow, body.page-id-69 .pap-eyebrow { background: #ffffff; border: 1px solid #eceef1; color: #c2701f; } /* Sekcja domkniÄ™cia na „Moje konto” — jak koĹ„cĂłwka Manufaktury */ body.page-id-16 .pap-page-closing { margin-top: 34px; } /* Drobne ekrany */ @media (max-width: 600px) { body.page-id-16 .pap-page-hero, body.page-id-69 .pap-page-hero { margin-top: 4px; margin-bottom: 28px; } } /* ============================================================ 24. JEDNOLITE KARTY PRODUKTĂ“W — IDENTYCZNE PROPORCJE KaĹĽdy produkt (obraz, tytuĹ‚, cena, przycisk) wyĹ›wietla siÄ™ w tych samych proporcjach, niezaleĹĽnie od dĹ‚ugoĹ›ci nazwy czy braku ceny/opisu. ============================================================ */ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, ul.products li.product { display: flex !important; flex-direction: column !important; align-items: stretch !important; text-align: center !important; box-sizing: border-box !important; } /* Link produktu (obraz + tytuĹ‚ + cena) rozciÄ…ga kartÄ™ rĂłwno */ .woocommerce ul.products li.product .woocommerce-LoopProduct-link, .woocommerce-page ul.products li.product .woocommerce-LoopProduct-link, ul.products li.product .woocommerce-LoopProduct-link, .woocommerce ul.products li.product > a:first-child, ul.products li.product > a:first-child { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; align-items: stretch !important; } /* Obrazek — staĹ‚e proporcje 4:3, wypeĹ‚nia pole bez „skakania” */ .woocommerce ul.products li.product img, .woocommerce-page ul.products li.product img, ul.products li.product img { width: 100% !important; height: auto !important; aspect-ratio: 4 / 3 !important; object-fit: cover !important; object-position: center !important; display: block !important; background: #f7f7f8; } /* TytuĹ‚ — zawsze co najmniej dwie linie (rĂłwna wysokość) */ .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title, ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h2, ul.products li.product h2 { min-height: 2.9em !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 12px 10px !important; margin: 0 !important; line-height: 1.35 !important; } /* Cena — zarezerwowane miejsce (gdy produkt jej nie ma) */ .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price, ul.products li.product .price { min-height: 1.7em !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 2px 6px 12px !important; margin: 0 !important; } /* Oceny / pozostaĹ‚e elementy teĹĽ wyrĂłwnane */ .woocommerce ul.products li.product .star-rating, ul.products li.product .star-rating { margin: 2px auto 6px !important; } /* Przycisk zawsze na dole karty, peĹ‚na szerokość */ .woocommerce ul.products li.product .button, .woocommerce-page ul.products li.product .button, ul.products li.product .button { margin-top: auto !important; width: 100% !important; align-self: stretch !important; box-sizing: border-box !important; } /* ============================================================ 25. WYRĂ“WNANIE HERO I PIERWSZYCH LINII TREĹšCI „Moje konto” i „Regulamin” — ukĹ‚ad identyczny z ManufakturÄ…: wyĹ›rodkowany tytuĹ‚ + podtytuĹ‚, bez „plakietki” nad tytuĹ‚em. ============================================================ */ /* Ukrycie plakietki (eyebrow) — hero jak na Manufakturze */ body.page-id-16 .pap-page-hero .pap-eyebrow, body.page-id-69 .pap-page-hero .pap-eyebrow, body.page-id-163 .pap-page-hero .pap-eyebrow { display: none !important; } /* WyĹ›rodkowanie i rytm pionowy sekcji hero */ body.page-id-16 .pap-page-hero, body.page-id-69 .pap-page-hero, body.page-id-163 .pap-page-hero { text-align: center !important; padding: 44px 24px 36px; } body.page-id-16 .pap-page-hero .pap-hero-title, body.page-id-69 .pap-page-hero .pap-hero-title, body.page-id-163 .pap-page-hero .pap-hero-title { margin: 0 0 14px !important; text-wrap: balance; } body.page-id-16 .pap-page-hero .pap-hero-subtitle, body.page-id-69 .pap-page-hero .pap-hero-subtitle, body.page-id-163 .pap-page-hero .pap-hero-subtitle { max-width: 760px !important; margin: 0 auto !important; } /* Regulamin: ukrycie zdublowanej daty tuĹĽ pod hero (data jest juĹĽ w podtytule sekcji hero) */ body.privacy-policy .entry-content > h1.wp-block-heading + p { display: none !important; } /* Czytelny odstÄ™p pierwszej sekcji treĹ›ci pod hero */ body.page-id-16 .pap-page-hero + *, body.page-id-163 .pap-page-hero + * { margin-top: 6px; } /* „Moje konto” — karta logowania idealnie na Ĺ›rodku pod hero */ body.page-id-16 .pap-page-hero + .woocommerce { max-width: 620px; margin-left: auto !important; margin-right: auto !important; } /* ============================================================ 26. SIATKA SKLEPU — STAŁA LICZBA KOLUMN W KAĹ»DYM RZĘDZIE (desktop: zawsze 4 produkty w poziomie, tablet: 2, telefon: 1) ============================================================ */ /* Desktop i wiÄ™ksze ekrany: dokĹ‚adnie 4 kolumny — ĹĽaden rzÄ…d nie moĹĽe mieć „dziury” ani innej liczby produktĂłw. */ .woocommerce ul.products, .woocommerce-page ul.products, ul.products { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; column-gap: 24px !important; row-gap: 40px !important; margin: 0 0 2.5em !important; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, ul.products li.product { width: 100% !important; max-width: none !important; float: none !important; margin: 0 !important; height: 100% !important; box-sizing: border-box !important; } /* Karty w jednym rzÄ™dzie zawsze rĂłwnej wysokoĹ›ci */ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, ul.products li.product { display: flex !important; flex-direction: column !important; align-items: stretch !important; } /* Tablet: 2 kolumny */ @media (max-width: 900px) { .woocommerce ul.products, .woocommerce-page ul.products, ul.products { grid-template-columns: repeat(2, 1fr) !important; } } /* Telefon: 1 kolumna */ @media (max-width: 520px) { .woocommerce ul.products, .woocommerce-page ul.products, ul.products { grid-template-columns: 1fr !important; } } /* ReguĹ‚a ochronna: jeĹ›li na poczÄ…tku listy pojawi siÄ™ pusta karta (bez linku do produktu) — np. „fantom” po wtyczce — nie moĹĽe ona zostawiać pustej komĂłrki w pierwszym rzÄ™dzie. */ .woocommerce ul.products li.product:empty, .woocommerce-page ul.products li.product:empty, ul.products li.product:empty, .woocommerce ul.products li.product:not(:has(a)), .woocommerce-page ul.products li.product:not(:has(a)), ul.products li.product:not(:has(a)) { display: none !important; } /* WAĹ»NE: wyĹ‚Ä…czenie clearfix WooCommerce/Storefront (ul.products::before/::after). Przy display:grid te pseudoelementy stajÄ… siÄ™ pustymi „kafelkami” siatki — ::before zajmuje wtedy pierwszÄ… komĂłrkÄ™ pierwszego rzÄ™du, przez co widać 3 produkty zamiast 4. */ .woocommerce ul.products::before, .woocommerce-page ul.products::before, ul.products::before, .woocommerce ul.products::after, .woocommerce-page ul.products::after, ul.products::after { content: none !important; display: none !important; } /* ============================================================ 27. KASA (CHECKOUT BLOCK) — WYRAĹąNY PRZYCISK „KUPUJĘ I PŁACĘ” Strona /kasa/ uĹĽywa bloku WooCommerce Checkout, wiÄ™c przycisk koĹ„cowy ma klasÄ™ .wc-block-components-checkout-place-order-button (nie klasyczny #place_order / .button.alt). Bez stylu wyglÄ…da jak zwykĹ‚y tekst — nadajemy mu formÄ™ gĹ‚Ăłwnego CTA sklepu. ============================================================ */ /* Pojemnik przycisku — peĹ‚na szerokość */ .wc-block-checkout .wc-block-components-checkout-place-order-button__container, .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button__container { width: 100% !important; } /* Przycisk finalizacji zakupu */ .wc-block-checkout .wc-block-components-checkout-place-order-button, .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button { width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient(135deg, #c2701f 0%, #a85f18 100%) !important; color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.22) !important; border-radius: 999px !important; font-size: 1.08rem !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: 0.02em; text-transform: uppercase; padding: 18px 30px !important; margin: 10px 0 6px; box-shadow: 0 10px 26px rgba(194, 112, 31, 0.35) !important; cursor: pointer !important; transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease !important; } .wc-block-checkout .wc-block-components-checkout-place-order-button:hover, .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:hover { transform: translateY(-2px); filter: brightness(1.06); color: #ffffff !important; } .wc-block-checkout .wc-block-components-checkout-place-order-button:focus-visible, .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(194, 112, 31, 0.35), 0 10px 26px rgba(194, 112, 31, 0.35) !important; } /* Stan zablokowany (gdy dane nie sÄ… kompletne) — przycisk ma pozostać wyraĹşny, tylko delikatnie przygaszony */ .wc-block-checkout .wc-block-components-checkout-place-order-button:disabled, .wc-block-checkout .wc-block-components-checkout-place-order-button[disabled], .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:disabled { background: linear-gradient(135deg, #d98a3a 0%, #c2701f 100%) !important; box-shadow: none !important; opacity: 1 !important; cursor: not-allowed !important; } /* ============================================================ 28. STRONA PRODUKTU — PRZYCISK „WRÓĆ DO SKLEPU” (wstrzykiwany na gĂłrze strony produktu przez MU-plugin) ============================================================ */ .pap-back-to-shop { margin: 0 0 20px; } .pap-back-to-shop__link { display: inline-flex !important; align-items: center !important; gap: 9px; background: #f7f7f8 !important; border: 1px solid #e4e7ea !important; border-radius: 999px !important; color: #14171c !important; font-size: 0.95rem !important; font-weight: 600 !important; line-height: 1.2 !important; padding: 10px 20px !important; text-decoration: none !important; box-shadow: 0 2px 8px rgba(16, 24, 40, 0.06); transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease !important; } .pap-back-to-shop__link:hover, .pap-back-to-shop__link:focus { background: #f2f3f5 !important; border-color: #c2701f !important; color: #8f4f14 !important; transform: translateX(-2px); text-decoration: none !important; } .pap-back-to-shop__link:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(194, 112, 31, 0.25); } .pap-back-to-shop__arrow { font-size: 1.15em; line-height: 1; } /* ============================================================ 29. KASA — LINK „WRÓĆ DO KOSZYKA” POD PODSUMOWANIEM (wstrzykiwany przez MU-plugin po pojawieniu siÄ™ podsumowania) ============================================================ */ .pap-back-to-cart { margin: 16px 0 0; text-align: left; } .wc-block-checkout__sidebar .pap-back-to-cart, .wc-block-components-order-summary + .pap-back-to-cart { margin: 18px 4px 4px; } .pap-back-to-cart__link { display: inline-flex !important; align-items: center !important; gap: 9px; background: #f7f7f8 !important; border: 1px solid #e4e7ea !important; border-radius: 999px !important; color: #14171c !important; font-size: 0.95rem !important; font-weight: 600 !important; line-height: 1.2 !important; padding: 11px 20px !important; text-decoration: none !important; box-shadow: 0 2px 8px rgba(16, 24, 40, 0.06); transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease !important; } .pap-back-to-cart__link:hover, .pap-back-to-cart__link:focus { background: #f2f3f5 !important; border-color: #c2701f !important; color: #8f4f14 !important; transform: translateX(-2px); text-decoration: none !important; } .pap-back-to-cart__link:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(194, 112, 31, 0.25); } .pap-back-to-cart__arrow { font-size: 1.15em; line-height: 1; } /* ============================================================ 30. MOJE KONTO — NAPRAWA PIGUŁEK: IKONA I TEKST BEZ NACHODZENIA (Kokpit, ZamĂłwienia, Adresy, Konto, Wyloguj…) ============================================================ */ /* Link = kontener flex: ikona ma wĹ‚asny, staĹ‚y „kafelek”, a tekst stoi obok — nigdy pod/na ikonie. */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul { align-items: flex-start !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li { width: auto !important; max-width: 100% !important; flex: 0 0 auto !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a { display: inline-flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; align-content: center !important; gap: 8px !important; text-align: left !important; line-height: 1.35 !important; white-space: nowrap !important; width: auto !important; min-width: 0 !important; min-height: 42px !important; padding: 10px 20px !important; box-sizing: border-box !important; font-size: 0.86rem !important; overflow: hidden; } /* Ikona (Font Awesome / dashicons) jako pseudoelement ::before — maĹ‚y, staĹ‚y kwadrat; zero marginesĂłw, floatĂłw i przezroczystoĹ›ci, ktĂłre w motywie powodowaĹ‚y nakĹ‚adanie. */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a::before { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 18px !important; width: 18px !important; height: 18px !important; margin: 0 !important; padding: 0 !important; float: none !important; position: static !important; opacity: 1 !important; text-align: center !important; line-height: 1 !important; font-size: 14px !important; vertical-align: middle; color: #c2701f !important; } /* Gdyby motyw/wtyczka dodaĹ‚a drugÄ… ikonÄ™ po treĹ›ci — usuwamy. */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a::after { content: none !important; display: none !important; } /* Ikony wstawiane jako osobne znaczniki (svg/i/img/span.icon) — teĹĽ dostajÄ… staĹ‚y kafelek, a tekstu nie zmniejszamy. */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a > svg, body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a > i, body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a > img, body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a > span[class*='icon'], body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a > span[class*='dashicons'], body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a > [class*='icon'] { flex: 0 0 18px !important; width: 18px !important; height: 18px !important; margin: 0 !important; float: none !important; } /* Etykiety tekstowe (gdyby byĹ‚y w ) — jedna linia obok ikony, bez zawijania pod ikonÄ™. */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a > span:not([class*='icon']):not([class*='dashicons']) { flex: 0 1 auto !important; width: auto !important; max-width: none !important; max-height: none !important; min-width: 0; white-space: nowrap !important; } /* ============================================================ 31. SEO + STOPKA + KOSZYK + INFORMACJE O PRODUKCIE ============================================================ */ /* 31a. NagĹ‚Ăłwek strony sklepu — nadpisanie ukrycia z „Dodatkowego CSS”. Kontener zostaje widoczny (mieĹ›ci wstÄ™p nad katalogiem), a tytuĹ‚ „Sklep” jest ukrywany wizualnie w sekcji 32a (zostaje w kodzie dla SEO). */ body.woocommerce .woocommerce-products-header, body.woocommerce-page .woocommerce-products-header, body.post-type-archive-product .woocommerce-products-header { display: block !important; visibility: visible !important; height: auto !important; margin: 0 0 14px !important; padding: 0 !important; overflow: visible !important; } body.woocommerce h1.page-title, body.woocommerce-page h1.page-title, body.post-type-archive-product h1.page-title, body.woocommerce .woocommerce-products-header__title, body.woocommerce-page .woocommerce-products-header__title, body.post-type-archive-product .woocommerce-products-header__title { display: block !important; visibility: visible !important; height: auto !important; margin: 0 0 6px !important; padding: 0 !important; overflow: visible !important; color: #14171c !important; font-size: clamp(1.6rem, 3vw, 2.2rem) !important; line-height: 1.2 !important; } /* 31b. Koszyk w nagĹ‚Ăłwku — bardziej widoczny jako „piguĹ‚ka”. */ .site-header-cart .cart-contents { display: inline-flex !important; align-items: center !important; gap: 7px !important; background: #f7f7f8 !important; border: 1px solid #e4e7ea !important; border-radius: 999px !important; color: #14171c !important; font-weight: 600 !important; padding: 8px 16px !important; line-height: 1.3 !important; box-shadow: 0 2px 8px rgba(16, 24, 40, 0.07); } .site-header-cart .cart-contents:hover { background: #f2f3f5 !important; border-color: #c2701f !important; color: #8f4f14 !important; } /* 31b-mobile. Na telefonach chowamy „piguĹ‚kę” koszyka z cenÄ… (lÄ…dowaĹ‚a pod logo) i pokazujemy maĹ‚Ä… ikonÄ™ koszyka z licznikiem — bez ceny. */ .pap-mobile-cart { display: none; } @media (max-width: 66.5em) { .site-header-cart { display: none !important; } .site-header > .col-full { position: relative; } .pap-mobile-cart { display: inline-flex !important; align-items: center; justify-content: center; position: absolute; top: 50%; right: 14px; transform: translateY(-50%); width: 42px; height: 42px; border-radius: 50%; background: #f7f7f8 !important; border: 1px solid #e4e7ea !important; color: #14171c !important; box-shadow: 0 2px 8px rgba(16, 24, 40, 0.1); text-decoration: none !important; z-index: 40; } .pap-mobile-cart:hover { background: #f2f3f5 !important; border-color: #c2701f !important; } .pap-mobile-cart svg { display: block; } .pap-mobile-cart__count { position: absolute; top: -5px; right: -5px; min-width: 19px; height: 19px; padding: 0 5px; border-radius: 999px; background: #c2701f; color: #ffffff !important; font-size: 0.7rem; font-weight: 700; line-height: 19px; text-align: center; box-sizing: border-box; } } /* 31c. Pasek informacji o produkcie (pod opisem produktu). */ .pap-product-info { margin: 14px 0 18px; background: #ffffff; border: 1px solid #eceef1; border-left: 4px solid #c2701f; border-radius: 12px; padding: 12px 16px; } .pap-product-info ul { margin: 0; padding: 0; list-style: none; } .pap-product-info li { display: flex; align-items: flex-start; gap: 8px; margin: 0 0 7px; padding: 0; color: #333a42; font-size: 0.92rem; line-height: 1.45; } .pap-product-info li:last-child { margin-bottom: 0; } .pap-product-info li span[aria-hidden='true'] { flex: 0 0 auto; } /* 31d. Stopka — linki i poprawny kontakt. */ .custom-footer-content.pap-footer { display: flex !important; justify-content: center !important; align-items: center !important; gap: 10px 28px !important; flex-wrap: wrap !important; text-align: center !important; padding: 16px 0 !important; } .pap-footer-brand { color: #14171c !important; font-weight: 600; } .pap-footer-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 18px; } .pap-footer-nav__link { color: #6b7280 !important; font-size: 0.9rem; font-weight: 500; text-decoration: none !important; border-bottom: 1px solid transparent; } .pap-footer-nav__link:hover { color: #c2701f !important; border-bottom-color: rgba(194, 112, 31, 0.4); } /* ============================================================ 32. STRONA SKLEPU — KRĂ“TKI WSTĘP NAD KATALOGIEM (treść wstrzykiwana przez MU-plugin) ============================================================ */ /* Kontener wstÄ™pu — odstÄ™p przed siatkÄ… produktĂłw. */ .pap-shop-front { margin: 0 0 clamp(32px, 5vw, 56px); } /* 32a. TytuĹ‚ „Sklep” (H1 WooCommerce) — ukryty wizualnie, ale obecny w kodzie (SEO, czytniki ekranu). */ body.woocommerce .woocommerce-products-header__title, body.woocommerce-page .woocommerce-products-header__title, body.post-type-archive-product .woocommerce-products-header__title { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } /* 32b. Breadcrumb WooCommerce na stronie sklepu — ukryty (minimalizm). */ body.post-type-archive-product .woocommerce-breadcrumb { display: none !important; } /* --- KrĂłtki wstÄ™p nad katalogiem --- */ .pap-shop-intro { max-width: 780px; margin: 0 auto; text-align: center; color: #2a3038; font-size: 1.08rem; line-height: 1.8; } .pap-footer-mail { color: #14171c !important; font-weight: 600; text-decoration: none !important; } .pap-footer-mail:hover { color: #c2701f !important; } /* ============================================================ 33. NAGŁÓWEK — LOGO NA TABLECIE I TELEFONIE „Dodatkowy CSS” skaluje logo („LOGO +20%”, transform: scale(1.2)), co na wÄ…skich ekranach wypycha je poza obszar nagĹ‚Ăłwka. Tu logo jest wymuszane do widocznoĹ›ci i poprawnego, wyĹ›rodkowanego rozmiaru. ============================================================ */ @media (max-width: 66.5em) { .site-header .site-branding, .site-branding { display: block !important; visibility: visible !important; opacity: 1 !important; float: none !important; width: 100% !important; max-width: 100% !important; margin: 0 auto 4px !important; padding: 8px 10px 4px !important; text-align: center !important; overflow: visible !important; box-sizing: border-box !important; } .site-branding .custom-logo-link, .site-header .custom-logo-link, .custom-logo-link { display: inline-block !important; visibility: visible !important; opacity: 1 !important; margin: 0 auto !important; overflow: visible !important; } .site-branding img.custom-logo, .site-header .custom-logo-link img, .custom-logo-link img, .site-branding img { display: block !important; visibility: visible !important; opacity: 1 !important; width: auto !important; height: auto !important; max-width: 220px !important; max-height: 128px !important; margin: 0 auto !important; object-fit: contain; transform: none !important; transform-origin: center center !important; box-shadow: none !important; } } /* ============================================================ 33. MOJE KONTO — FINALNY, CZYSTY UKŁAD (v5) Jeden kompletny zestaw reguĹ‚ na koniec pliku — nadpisuje wszystkie wczeĹ›niejsze wersje (7, 8, 18, 19, 23, 30 itd.). ============================================================ */ /* --- 33a. Kontener: nawigacja (lewa) + treść (prawa) --- */ body.woocommerce-account.logged-in .entry-content > .woocommerce { display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important; gap: 24px !important; margin: 6px auto 40px !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; max-width: 1080px !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation { flex: 0 0 250px !important; width: 250px !important; min-width: 0 !important; position: sticky !important; top: 18px !important; align-self: flex-start !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul { display: flex !important; flex-direction: column !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; align-items: stretch !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li { width: 100% !important; margin: 0 !important; } /* Przycisk nawigacji: ikona (emoji) + tekst, jedna linia, idealnie w pionie. */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 12px !important; width: 100% !important; min-height: 48px !important; box-sizing: border-box !important; margin: 0 !important; padding: 10px 16px 10px 14px !important; background: #ffffff !important; border: 1px solid #eceef1 !important; border-radius: 14px !important; color: #333a42 !important; font-size: 0.95rem !important; font-weight: 600 !important; line-height: 1.3 !important; text-align: left !important; text-decoration: none !important; white-space: normal !important; overflow-wrap: anywhere !important; box-shadow: 0 1px 0 rgba(0,0,0,0.03) !important; transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.16s ease !important; } /* Ikona jako pseudoelement o staĹ‚ej szerokoĹ›ci — nigdy nie nachodzi na tekst. */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a::before { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 22px !important; width: 22px !important; height: 22px !important; margin: 0 !important; padding: 0 !important; font-size: 18px !important; line-height: 1 !important; text-align: center !important; position: static !important; float: none !important; opacity: 1 !important; content: "•"; } /* DublujÄ…ce siÄ™ ikony z innych wtyczek — chowamy, uĹĽywamy tylko naszych. */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a > svg, body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a > i, body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a > img, body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a > [class*="icon"], body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a > [class*="dashicons"], body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a::after { display: none !important; content: none !important; } /* Konkretne ikony dla pozycji konta. */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--dashboard a::before { content: "🏠"; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--orders a::before { content: "📦"; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--downloads a::before { content: "⬇️"; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--edit-address a::before { content: "đź“Ť"; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--payment-methods a::before { content: "đź’ł"; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--edit-account a::before { content: "⚙️"; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--customer-logout a::before { content: "🚪"; } /* Aktywna pozycja i hover — subtelny pomaraĹ„czowy. */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.is-active a, body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a:hover, body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a:focus-visible { background: #f2f3f5 !important; border-color: rgba(194, 112, 31, 0.45) !important; color: #a85f18 !important; transform: translateX(3px) !important; } /* --- 33b. Obszar treĹ›ci konta --- */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content { flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; background: #ffffff !important; border: 1px solid #eceef1 !important; border-radius: 18px !important; padding: clamp(18px, 3vw, 30px) !important; box-shadow: 0 8px 26px rgba(16, 24, 40, 0.06) !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content h2, body.woocommerce-account.logged-in .woocommerce-MyAccount-content h3 { color: #14171c !important; margin: 0 0 16px !important; font-weight: 700 !important; line-height: 1.3 !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content h2 { padding-bottom: 10px !important; border-bottom: 1px solid #eceef1 !important; } /* Tabele zamĂłwieĹ„ i adresy — czytelne, przewijalne na wÄ…skich ekranach */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table { background: #ffffff !important; border: 1px solid #eceef1 !important; border-radius: 12px !important; overflow: hidden !important; width: 100% !important; margin: 0 0 22px !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table th, body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table td { padding: 10px 12px !important; vertical-align: middle !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content .button, body.woocommerce-account.logged-in .woocommerce-MyAccount-content a.button { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; border-radius: 999px !important; margin: 2px 4px 6px 0 !important; } /* Adresy — dwie kolumny kafelkĂłw */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content .addresses, body.woocommerce-account.logged-in .woocommerce-MyAccount-content .col2-set { display: flex !important; flex-wrap: wrap !important; gap: 18px !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content .addresses .col-1, body.woocommerce-account.logged-in .woocommerce-MyAccount-content .addresses .col-2 { flex: 1 1 280px !important; min-width: 0 !important; margin: 0 !important; padding: 16px !important; background: #ffffff !important; border: 1px solid #eceef1 !important; border-radius: 14px !important; } /* Formularze w treĹ›ci konta (dane, adresy, hasĹ‚o) */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content form .form-row { margin: 0 0 14px !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content form .form-row label { display: block !important; margin-bottom: 5px !important; font-weight: 600 !important; color: #333a42 !important; } /* --- 33c. Widok niezalogowany — czytelna karta logowania --- */ body.woocommerce-account:not(.logged-in) .entry-content > .woocommerce { max-width: 620px !important; margin: 6px auto 40px !important; background: #ffffff !important; border: 1px solid #eceef1 !important; border-radius: 20px !important; padding: clamp(22px, 4vw, 36px) !important; box-shadow: 0 8px 26px rgba(16, 24, 40, 0.06) !important; } body.woocommerce-account:not(.logged-in) .woocommerce-form-login .form-row { display: flex !important; flex-direction: column !important; align-items: stretch !important; margin-bottom: 14px !important; } body.woocommerce-account:not(.logged-in) .woocommerce-form-login .woocommerce-form-login__rememberme { order: 3 !important; margin: 4px 0 10px !important; } body.woocommerce-account:not(.logged-in) .woocommerce-form-login .woocommerce-form-login__submit { order: 4 !important; width: 100% !important; } body.woocommerce-account:not(.logged-in) .woocommerce-form-login .lost_password { order: 5 !important; margin: 10px 0 0 !important; text-align: center !important; } /* --- 33d. Responsywność: tablet i telefon --- */ @media (max-width: 900px) { body.woocommerce-account.logged-in .entry-content > .woocommerce { flex-direction: column !important; gap: 18px !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation { flex: 1 1 auto !important; width: 100% !important; position: static !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul { flex-direction: row !important; flex-wrap: wrap !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li { flex: 1 1 auto !important; width: auto !important; min-width: 150px !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a { justify-content: center !important; text-align: center !important; white-space: nowrap !important; } } @media (max-width: 600px) { body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul { flex-direction: column !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li { min-width: 0 !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a { justify-content: flex-start !important; text-align: left !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table { display: block !important; overflow-x: auto !important; } } /* ============================================================ 34. DOMKNIĘCIE PODSTRON — wyrĂłwnanie nagĹ‚Ăłwka, tekstu i przyciskĂłw („Potrzebujesz pomocy…”, „Zajrzyj do Manufaktury…”) ============================================================ */ /* CaĹ‚a sekcja domkniÄ™cia wyĹ›rodkowana i w tej samej osi co hero. */ body.pap-styled .pap-page-closing, .pap-page-closing { text-align: center !important; } /* NagĹ‚Ăłwek sekcji domkniÄ™cia — linia pod spodem dokĹ‚adnie pod Ĺ›rodkiem. */ body.pap-styled .pap-page-closing h2, .pap-page-closing h2 { text-align: center !important; max-width: 680px !important; margin: 0 auto 14px !important; padding-bottom: 10px !important; } body.pap-styled .pap-page-closing h2::after, .pap-page-closing h2::after, body.page-id-16 .entry-content .pap-page-closing h2::after, body.page-id-69 .entry-content .pap-page-closing h2::after, body.page-id-163 .entry-content .pap-page-closing h2::after { content: '' !important; display: block !important; width: 64px !important; height: 3px !important; background: #c2701f !important; border-radius: 2px !important; margin: 10px auto 0 auto !important; } /* Akapit — w tej samej szerokoĹ›ci co karta nad sekcjÄ… (spĂłjna oĹ›). */ body.pap-styled .pap-page-closing p, .pap-page-closing p { text-align: center !important; max-width: 620px !important; margin: 0 auto 18px !important; line-height: 1.7 !important; color: #333a42 !important; } /* Przyciski — rĂłwno obok siebie na Ĺ›rodku, staĹ‚y odstÄ™p. */ body.pap-styled .pap-page-closing .pap-button, .pap-page-closing .pap-button, body.pap-styled .pap-page-closing .pap-button--ghost, .pap-page-closing .pap-button--ghost { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 10px 6px 0 !important; vertical-align: middle !important; } /* Telefon: przyciski peĹ‚na szerokość, jeden pod drugim. */ @media (max-width: 600px) { body.pap-styled .pap-page-closing .pap-button, .pap-page-closing .pap-button, body.pap-styled .pap-page-closing .pap-button--ghost, .pap-page-closing .pap-button--ghost { display: flex !important; width: 100% !important; max-width: 360px !important; margin: 8px auto 0 !important; } } /* ============================================================ PAPAGIANNI — BIAŁY MOTYW · WARSTWA STRUKTURALNA Ładowana na końcu. Nadpisuje kolory (już przemapowane wyżej) oraz dodaje: czcionkę Inter, płaskie przyciski, promienie, biały nagłówek/stopkę i całą stronę główną w wersji białej. ============================================================ */ :root { --papw-font: 'Inter', 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Roboto, Arial, sans-serif; --papw-ink: #0f1216; --papw-text: #1b1f24; --papw-muted: #6b7280; --papw-accent: #c2701f; --papw-accent-dark: #a85f18; --papw-line: #eceef1; --papw-soft: #f7f7f8; --papw-dark: #14171c; --papw-radius: 10px; --papw-card: 14px; } /* ---------- 1. TYPOGRAFIA I TŁO ---------- */ html, body, .pg-home, .pap-hero, .pap-hero-title, .pap-hero-subtitle, .pap-button, .woocommerce, .entry-content, .site-header, .site-footer { font-family: var(--papw-font) !important; } body { background: #ffffff !important; color: var(--papw-text) !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6, .entry-title, .pap-hero-title, .pap-section h2, .pap-page-closing h2, .woocommerce-loop-product__title, .pg-home h1, .pg-home h2, .pg-home h3, .widget-title, .site-footer h1, .site-footer h2, .site-footer h3 { color: var(--papw-ink) !important; letter-spacing: -0.015em; } a { color: var(--papw-accent); } a:hover { color: var(--papw-accent-dark); } /* ---------- 2. NAGŁÓWEK I NAWIGACJA ---------- */ .site-header { background: #ffffff !important; border-bottom: 1px solid var(--papw-line) !important; box-shadow: none !important; } .site-header > .col-full { border: 0 !important; } .main-navigation ul.menu > li > a, .main-navigation a, .secondary-navigation ul.menu a, .site-header-cart .cart-contents, .site-header-cart .cart-contents .amount, .pap-mobile-cart { color: var(--papw-text) !important; background: transparent !important; box-shadow: none !important; } .main-navigation ul.menu > li > a { font-weight: 600 !important; } .main-navigation ul.menu > li > a:hover, .main-navigation a:hover, .secondary-navigation ul.menu a:hover { color: var(--papw-accent) !important; } .secondary-navigation ul.menu a { color: var(--papw-muted) !important; } .site-header-cart .cart-contents .count, .pap-mobile-cart__count { background: var(--papw-dark) !important; color: #ffffff !important; border-radius: 999px !important; } .main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children { background: #ffffff !important; border: 1px solid var(--papw-line) !important; border-radius: var(--papw-radius) !important; box-shadow: 0 18px 40px rgba(16, 24, 40, 0.10) !important; } /* ---------- 3. PRZYCISKI — PŁASKIE, PROMIEŃ 10px ---------- */ a.pap-button, .pap-button, .pap-button--ghost, .pap-page-hero .pap-button, .pap-page-closing .pap-button, .pap-coming-cta a.pap-button, .pap-coming-cta a.pap-button--ghost, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce button.button.alt, .woocommerce a.button.alt, .woocommerce .wc-proceed-to-checkout a.checkout-button, .woocommerce-page ul.products li.product .button, ul.products li.product .button, .woocommerce-form-login__submit, .jetpack-contact-form button.wp-block-button__link, .wc-block-components-product-button .wp-block-button__link, .wp-block-button__link { background: var(--papw-dark) !important; background-image: none !important; background-color: var(--papw-dark) !important; color: #ffffff !important; border: 1px solid var(--papw-dark) !important; border-radius: var(--papw-radius) !important; box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06) !important; text-shadow: none !important; font-weight: 700 !important; } a.pap-button:hover, .pap-button:hover, .pap-button--ghost:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover, .woocommerce .wc-proceed-to-checkout a.checkout-button:hover, ul.products li.product .button:hover, .woocommerce-form-login__submit:hover, .wp-block-button__link:hover, .wc-block-cart__submit-button:hover, .pap-coming-cta a.pap-button:hover, .pap-coming-cta a.pap-button--ghost:hover { background: #000000 !important; background-image: none !important; color: #ffffff !important; filter: none !important; transform: translateY(-1px); } /* ---------- 4. KARTY PRODUKTÓW ---------- */ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, ul.products li.product, body.page-id-456 .pg-products .product { background: #ffffff !important; border: 1px solid var(--papw-line) !important; border-radius: var(--papw-card) !important; box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04) !important; transition: transform 0.18s ease, box-shadow 0.18s ease !important; } .woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover, ul.products li.product:hover { transform: translateY(-4px) !important; box-shadow: 0 18px 40px rgba(16, 24, 40, 0.10) !important; border-color: var(--papw-line) !important; } .woocommerce ul.products li.product img, .woocommerce-page ul.products li.product img, ul.products li.product img, .woocommerce ul.products li.product-category a img { border-radius: 10px !important; } .woocommerce ul.products li.product .price, ul.products li.product .price, .woocommerce-page ul.products li.product .price { color: var(--papw-accent) !important; } .woocommerce ul.products li.product-category .woocommerce-loop-category__title { color: var(--papw-ink) !important; } /* ---------- 5. SKLEP: NAGŁÓWEK, BREADCRUMB, PAGINACJA ---------- */ .storefront-product-section .section-title::after { background: var(--papw-accent) !important; } .woocommerce-breadcrumb { color: var(--papw-muted) !important; } .pap-shop-intro, .pap-shop-front { color: var(--papw-text); } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { color: var(--papw-text) !important; } .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover { background: var(--papw-soft) !important; color: var(--papw-accent) !important; } /* ---------- 6. KOSZYK / ZAMÓWIENIE / TABELE ---------- */ .woocommerce table.shop_table, .woocommerce-page table.shop_table, .woocommerce table.shop_table_responsive, .woocommerce-page table.shop_table_responsive { background: #ffffff !important; border: 1px solid var(--papw-line) !important; border-radius: 12px !important; color: var(--papw-text) !important; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { background: var(--papw-soft) !important; color: var(--papw-ink) !important; } .woocommerce .cart_totals, .woocommerce-page .cart_totals, .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { background: #ffffff !important; border: 1px solid var(--papw-line) !important; border-radius: 12px !important; } /* ---------- 7. FORMULARZE (konto, kontakt, kasa) ---------- */ .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-page form .form-row select, .woocommerce-form-row input.input-text, .woocommerce-page .password-input input.input-text, .woocommerce-account .woocommerce-MyAccount-content form .form-row input.input-text { border: 1px solid var(--papw-line) !important; border-radius: var(--papw-radius) !important; background: #ffffff !important; color: var(--papw-text) !important; box-shadow: none !important; } .woocommerce form .form-row input.input-text:focus, .woocommerce-page form .form-row select:focus, .woocommerce-form-row input.input-text:focus { border-color: var(--papw-accent) !important; box-shadow: 0 0 0 3px rgba(194, 112, 31, 0.18) !important; } /* ---------- 8. KOMUNIKATY I PASEK „DEMO” ---------- */ .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-page .woocommerce-message, .woocommerce-page .woocommerce-info, .woocommerce-page .woocommerce-error { border-radius: 12px !important; box-shadow: none !important; } .woocommerce-message, .woocommerce-info { background: var(--papw-soft) !important; } .woocommerce-error { background: #fdf2f2 !important; } .woocommerce-store-notice.demo_store { background: var(--papw-dark) !important; color: #ffffff !important; } /* ---------- 9. KASA BLOKOWA — PRZYCISK „KUPUJĘ I PŁACĘ” ---------- */ .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button, .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button__container button { background: var(--papw-dark) !important; background-image: none !important; color: #ffffff !important; border: 1px solid var(--papw-dark) !important; border-radius: var(--papw-radius) !important; box-shadow: none !important; } .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:hover { background: #000000 !important; } .wc-block-components-radio-control__option { border-radius: 12px !important; } .wc-block-components-radio-control__option-checked { border-color: var(--papw-accent) !important; } /* ---------- 10. PACZKOMAT (Furgonetka) ---------- */ #select-point-container, .furgonetka-wc-blocks-pickup-point-block-container { background: var(--papw-soft) !important; background-image: none !important; border: 1px solid var(--papw-line) !important; border-radius: 12px !important; box-shadow: none !important; } #select-point, .furgonetka-wc-blocks-pickup-point-block-button-container button { background: var(--papw-dark) !important; background-image: none !important; color: #ffffff !important; border-radius: var(--papw-radius) !important; box-shadow: none !important; text-shadow: none !important; } #select-point:hover, .furgonetka-wc-blocks-pickup-point-block-button-container button:hover { background: #000000 !important; } /* ---------- 11. LINKI „WRÓĆ DO SKLEPU / KOSZYKA” ---------- */ .pap-back-to-shop__link, .pap-back-to-cart__link { background: #ffffff !important; border: 1px solid var(--papw-line) !important; color: var(--papw-ink) !important; border-radius: 999px !important; box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04) !important; } .pap-back-to-shop__link:hover, .pap-back-to-shop__link:focus, .pap-back-to-cart__link:hover, .pap-back-to-cart__link:focus { background: var(--papw-soft) !important; border-color: var(--papw-accent) !important; color: var(--papw-ink) !important; } /* ---------- 12. STRONA PRODUKTU + INFORMACJE ---------- */ .pap-product-info li { color: var(--papw-text) !important; } .pap-product-info li span[aria-hidden='true'] { color: var(--papw-accent) !important; } /* ---------- 13. PODSTRONY: HERO, SEKCJE, DOMKNIĘCIE ---------- */ .pap-hero, .pap-page-hero { background: #ffffff !important; background-image: none !important; border: 1px solid var(--papw-line) !important; border-radius: var(--papw-card) !important; box-shadow: none !important; } .pap-hero-subtitle { color: var(--papw-muted) !important; } .pap-eyebrow { background: #ffffff !important; border: 1px solid var(--papw-line) !important; color: var(--papw-accent) !important; } .pap-section h2:after, .pap-page-closing h2::after { background: var(--papw-accent) !important; } .pap-hero-chips a, .pap-hero-chips span { background: #ffffff !important; border: 1px solid var(--papw-line) !important; color: var(--papw-text) !important; } .pap-page-closing p, .pap-closing p { color: var(--papw-muted) !important; } .pap-home-card, .pap-home-banner { background: #ffffff !important; border: 1px solid var(--papw-line) !important; border-radius: var(--papw-card) !important; box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04) !important; } .pap-home-card-icon { color: var(--papw-accent) !important; } .pap-home-banner { background: var(--papw-soft) !important; } /* ---------- 14. KONTAKT / REGULAMIN / KONTO ---------- */ body.page-id-69 .contact-form .wp-block-button .wp-block-button__link { border-radius: var(--papw-radius) !important; } body.privacy-policy .entry-content h2.wp-block-heading::after, body.privacy-policy .entry-content .pap-page-closing h2::after { background: var(--papw-accent) !important; } body.privacy-policy .entry-content hr.wp-block-separator { background: var(--papw-line) !important; } body.woocommerce-account:not(.logged-in) .entry-content > .woocommerce h2::after { background: var(--papw-accent) !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a { border-radius: var(--papw-radius) !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a::before { color: var(--papw-accent) !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table { border-radius: 12px !important; } /* ---------- 15. STOPKA ---------- */ .custom-footer-content.pap-footer, .site-footer { background: var(--papw-soft) !important; border-top: 1px solid var(--papw-line) !important; color: var(--papw-muted) !important; } .pap-footer-nav__link { color: var(--papw-muted) !important; } .pap-footer-nav__link:hover { color: var(--papw-ink) !important; } .pap-footer-mail { color: var(--papw-accent) !important; } .pap-footer-brand { color: var(--papw-ink) !important; } /* ============================================================ 16. STRONA GŁÓWNA (.pg-*) — WERSJA BIAŁA (jak w podglądzie) Styl `.pg-*` jest osadzony w treści strony (page-id-456), dlatego używamy prefiksu body.page-id-456 (wyższa specyficzność). ============================================================ */ body.page-id-456 .pg-home { --ink: #0f1216 !important; --brown: #14171c !important; --amber: #c2701f !important; --cream: #f7f7f8 !important; --sand: #eceef1 !important; --white: #ffffff !important; color: #1b1f24 !important; } body.page-id-456 .pg-home h1, body.page-id-456 .pg-home h2, body.page-id-456 .pg-home h3 { color: #0f1216 !important; } body.page-id-456 .pg-hero { background: #ffffff !important; background-image: none !important; } body.page-id-456 .pg-lead, body.page-id-456 .pg-muted { color: #6b7280 !important; } body.page-id-456 .pg-eyebrow { color: #c2701f !important; } /* Przyciski strony głównej */ body.page-id-456 .pg-btn { border-radius: 10px !important; box-shadow: none !important; font-weight: 700 !important; } body.page-id-456 .pg-btn-main { background: #14171c !important; color: #ffffff !important; } body.page-id-456 .pg-btn-main:hover { background: #000000 !important; } body.page-id-456 .pg-btn-alt { background: #ffffff !important; border: 1px solid #eceef1 !important; color: #14171c !important; } body.page-id-456 .pg-btn-alt:hover { border-color: #c2701f !important; } /* Hero — zdjęcia i plakietka */ body.page-id-456 .pg-visual img { border-radius: 16px !important; box-shadow: 0 12px 32px rgba(16, 24, 40, 0.12) !important; } body.page-id-456 .pg-img-small { border-color: #ffffff !important; } body.page-id-456 .pg-badge { background: #ffffff !important; border: 1px solid #eceef1 !important; border-radius: 14px !important; box-shadow: 0 10px 28px rgba(16, 24, 40, 0.06) !important; } /* Pasek zaufania */ body.page-id-456 .pg-trust { margin-top: 24px !important; } body.page-id-456 .pg-trust div { background: #ffffff !important; border: 1px solid #eceef1 !important; border-radius: 14px !important; box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04) !important; } /* Kolekcje */ body.page-id-456 .pg-cat { border-radius: 14px !important; } body.page-id-456 .pg-cat::after { background: linear-gradient(0deg, rgba(16, 20, 24, 0.72), rgba(16, 20, 24, 0.04) 62%) !important; } /* Produkty */ body.page-id-456 .pg-products { background: #f7f7f8 !important; } body.page-id-456 .pg-products .product { background: #ffffff !important; border: 1px solid #eceef1 !important; border-radius: 14px !important; box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04) !important; } body.page-id-456 .pg-products .product:before { background: #ffffff !important; border: 1px solid #eceef1 !important; color: #c2701f !important; box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04) !important; } body.page-id-456 .pg-products .product img { border-radius: 10px !important; } body.page-id-456 .pg-products .price { color: #c2701f !important; } body.page-id-456 .pg-products .button { background: #14171c !important; background-image: none !important; color: #ffffff !important; border-radius: 10px !important; } /* Pracownia */ body.page-id-456 .pg-story-img { border-radius: 16px !important; box-shadow: 0 12px 32px rgba(16, 24, 40, 0.12) !important; } body.page-id-456 .pg-checks li:before { color: #c2701f !important; } /* Kroki */ body.page-id-456 .pg-section[style] { background: #f7f7f8 !important; } body.page-id-456 .pg-step { background: #ffffff !important; border: 1px solid #eceef1 !important; border-radius: 14px !important; } body.page-id-456 .pg-step span { background: #f7f7f8 !important; color: #0f1216 !important; border: 1px solid #eceef1 !important; } /* Panel personalizacji */ body.page-id-456 .pg-custom { background: #f7f7f8 !important; color: #1b1f24 !important; border: 1px solid #eceef1 !important; border-radius: 14px !important; } body.page-id-456 .pg-custom h2 { color: #0f1216 !important; } body.page-id-456 .pg-custom p { color: #6b7280 !important; } body.page-id-456 .pg-custom .pg-btn { background: #14171c !important; color: #ffffff !important; } /* ============================================================ 17. DOPRACOWANIE (polish) — detale składające się na „gotowy” sklep ============================================================ */ /* 17.1 Zaznaczanie tekstu i płynne przewijanie */ ::selection { background: #c2701f; color: #ffffff; } html { scroll-behavior: smooth; } /* 17.2 Spójne obramowanie fokusa (klawiatura / dostępność) */ a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, .pap-button:focus-visible, .pap-back-to-cart__link:focus-visible, .pap-back-to-shop__link:focus-visible { outline: 2px solid #c2701f !important; outline-offset: 2px !important; } /* 17.3 Przyciski — jednolita wysokość, wyśrodkowanie, kursor */ .pap-button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce button.button.alt, .woocommerce a.button.alt, ul.products li.product .button, .checkout-button, .wp-block-button__link, .wc-block-components-button { cursor: pointer; } .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, ul.products li.product .button { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; } ul.products li.product .button { width: 100%; } /* 17.4 Karty produktów — równe proporcje zdjęć i czytelny rytm */ .woocommerce ul.products li.product, ul.products li.product { overflow: hidden; } .woocommerce ul.products li.product img, ul.products li.product img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; display: block; } .woocommerce ul.products li.product .woocommerce-loop-product__title { margin-top: 12px; margin-bottom: 8px; font-weight: 600; } .woocommerce ul.products li.product .price { margin-bottom: 12px; } /* 17.5 Galeria pojedynczego produktu */ .woocommerce div.product .woocommerce-product-gallery__image img, .woocommerce div.product div.images img { border-radius: 14px; } .woocommerce div.product .product_title { margin-bottom: .4em; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #c2701f !important; font-weight: 800; } /* 17.6 Kasa — wyraźny, pełnowymiarowy przycisk „Kupuję i płacę” */ .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button { width: 100% !important; min-height: 52px !important; border-radius: var(--papw-radius) !important; font-weight: 700 !important; } .wp-block-woocommerce-checkout .wc-block-components-text-input input, .wp-block-woocommerce-checkout .wc-block-components-select__container select { border-radius: var(--papw-radius) !important; } /* 17.7 Moje konto — podświetlenie aktywnej pozycji nawigacji */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.is-active a, body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a[aria-current] { background: var(--papw-soft) !important; color: var(--papw-ink) !important; border-color: var(--papw-line) !important; } /* 17.8 Sklep — czytelny wstęp i breadcrumb */ .pap-shop-intro { border-bottom: 1px solid var(--papw-line); padding-bottom: 14px; margin-bottom: 26px; } .woocommerce-breadcrumb { opacity: .85; margin-bottom: 1.2em; } /* 17.9 Stopka — rytm i wyrównanie kolumn */ .custom-footer-content.pap-footer, .site-footer { padding-top: 34px !important; padding-bottom: 34px !important; } .pap-footer-nav { display: flex; flex-wrap: wrap; gap: 18px; } /* 17.10 Spójne, subtelne przejścia (nie nadpisuje istniejących) */ .pap-button, .woocommerce a.button, .woocommerce button.button, ul.products li.product .button, .pg-btn, .pg-cat img, .wc-block-components-button { transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .18s ease, transform .18s ease; } /* ============================================================ 18. UX — przycisk „wróć na górę” (dodawany skryptem w stopce) ============================================================ */ .papw-top { position: fixed; right: 20px; bottom: 20px; z-index: 80; width: 46px; height: 46px; border-radius: 50%; border: 1px solid var(--papw-line); background: #ffffff; color: var(--papw-ink); font-size: 1.15rem; font-weight: 800; line-height: 1; cursor: pointer; box-shadow: 0 10px 28px rgba(16, 24, 40, 0.12); opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity .2s ease, transform .2s ease, visibility .2s ease, background-color .15s ease; } .papw-top.is-visible { opacity: 1; visibility: visible; transform: none; } .papw-top:hover { background: var(--papw-soft); } @media (max-width: 560px) { .papw-top { right: 14px; bottom: 14px; width: 42px; height: 42px; } } /* ============================================================ 19. NOWOCZESNE PRZYCISKI (v2) — jednolity system Wspólna geometria, typografia, ikony, stany (hover/active/focus). Nadpisuje wcześniejsze definicje przycisków. ============================================================ */ /* 19.1 Wspólna geometria i typografia */ a.pap-button, .pap-button, .pap-button--ghost, .pap-page-hero .pap-button, .pap-page-closing .pap-button, .pap-coming-cta a.pap-button, .pap-coming-cta a.pap-button--ghost, .pg-btn, .pg-btn-main, .pg-btn-alt, .button, a.button, button.button, input.button, .woocommerce #respond input#submit, .add_to_cart_button, .single_add_to_cart_button, .checkout-button, .storefront-sticky-add-to-cart__content-button, .wp-block-button__link, .wc-block-cart__submit-button, .wc-block-components-product-button .wp-block-button__link, .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button, #select-point, .furgonetka-wc-blocks-pickup-point-block-container button, .furgonetka-wc-blocks-pickup-point-block-button-container button, .woocommerce-form-login__submit { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; min-height: 48px !important; padding: 0 22px !important; border-radius: 12px !important; border: 1px solid transparent !important; font-family: var(--papw-font) !important; font-size: 0.95rem !important; font-weight: 600 !important; line-height: 1 !important; letter-spacing: 0.01em !important; text-decoration: none !important; text-shadow: none !important; background-image: none !important; box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06) !important; transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .18s ease, transform .18s ease !important; cursor: pointer !important; white-space: nowrap !important; vertical-align: middle !important; -webkit-font-smoothing: antialiased; } /* 19.2 Wariant główny (ciemny grafit) */ a.pap-button, .pap-button, .pg-btn, .pg-btn-main, .button, a.button, button.button, input.button, .woocommerce #respond input#submit, .add_to_cart_button, .single_add_to_cart_button, .checkout-button, .storefront-sticky-add-to-cart__content-button, .wp-block-button__link, .wc-block-cart__submit-button, .wc-block-components-product-button .wp-block-button__link, .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button, #select-point, .furgonetka-wc-blocks-pickup-point-block-container button, .furgonetka-wc-blocks-pickup-point-block-button-container button, .woocommerce-form-login__submit { background-color: var(--papw-dark) !important; border-color: var(--papw-dark) !important; color: #ffffff !important; } /* 19.3 Hover — delikatne uniesienie i cień */ a.pap-button:hover, .pap-button:hover, .pg-btn:hover, .pg-btn-main:hover, .button:hover, a.button:hover, button.button:hover, input.button:hover, .woocommerce #respond input#submit:hover, .add_to_cart_button:hover, .single_add_to_cart_button:hover, .checkout-button:hover, .storefront-sticky-add-to-cart__content-button:hover, .wp-block-button__link:hover, .wc-block-cart__submit-button:hover, .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:hover, #select-point:hover, .furgonetka-wc-blocks-pickup-point-block-container button:hover, .furgonetka-wc-blocks-pickup-point-block-button-container button:hover, .woocommerce-form-login__submit:hover { background-color: #000000 !important; border-color: #000000 !important; color: #ffffff !important; box-shadow: 0 10px 24px rgba(16, 24, 40, 0.18) !important; transform: translateY(-1px) !important; filter: none !important; } /* 19.4 Active — wciśnięcie */ a.pap-button:active, .pap-button:active, .pg-btn:active, .pg-btn-main:active, .button:active, a.button:active, button.button:active, input.button:active, .add_to_cart_button:active, .single_add_to_cart_button:active, .checkout-button:active, .storefront-sticky-add-to-cart__content-button:active, .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:active, #select-point:active { transform: translateY(0) !important; box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.22) !important; } /* 19.5 Wariant drugorzędny (jasny z obramowaniem) */ .pap-button--ghost, .pg-btn-alt { background-color: #ffffff !important; border-color: #e4e7ea !important; color: var(--papw-ink) !important; box-shadow: none !important; } .pap-button--ghost:hover, .pg-btn-alt:hover { background-color: var(--papw-soft) !important; border-color: var(--papw-accent) !important; color: var(--papw-accent-dark) !important; box-shadow: none !important; } /* 19.6 Przyciski pełnej szerokości w kartach produktów */ .woocommerce ul.products li.product .button, .woocommerce-page ul.products li.product .button, ul.products li.product .button, .wc-block-components-product-button .wp-block-button__link { width: 100% !important; } /* 19.7 Sticky „Dodaj do koszyka” na stronie produktu (Storefront) */ .storefront-sticky-add-to-cart { background: #ffffff !important; border-top: 1px solid var(--papw-line) !important; box-shadow: 0 -8px 30px rgba(16, 24, 40, 0.08) !important; } .storefront-sticky-add-to-cart .col-full { padding-top: 10px !important; padding-bottom: 10px !important; } .storefront-sticky-add-to-cart__content-price, .storefront-sticky-add-to-cart__content-price .amount { color: var(--papw-ink) !important; font-weight: 700 !important; } /* ============================================================ 20. IKONY WEKTOROWE (SVG) — ostre w każdej rozdzielczości Zastępują emoji / glify tekstowe w przyciskach i linkach. ============================================================ */ /* 20.1 Koszyk na przyciskach „Dodaj do koszyka” */ .add_to_cart_button::before, .single_add_to_cart_button::before, .woocommerce ul.products li.product .button::before, .woocommerce-page ul.products li.product .button::before, ul.products li.product .button::before, .storefront-sticky-add-to-cart__content-button::before { content: '' !important; display: inline-block !important; flex: 0 0 18px !important; width: 18px !important; height: 18px !important; margin: 0 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6h15l-1.4 9H7.6z'/%3E%3Ccircle cx='9' cy='20' r='1.6'/%3E%3Ccircle cx='18' cy='20' r='1.6'/%3E%3Cpath d='M6 6L5 2H2'/%3E%3C/svg%3E") !important; background-position: center !important; background-size: contain !important; background-repeat: no-repeat !important; vertical-align: middle; } /* 20.4 Paczkomat — pinezka na przycisku „Wybierz punkt odbioru” */ #select-point::before, .furgonetka-wc-blocks-pickup-point-block-container button::before, .furgonetka-wc-blocks-pickup-point-block-button-container button::before { content: '' !important; display: inline-block !important; flex: 0 0 18px !important; width: 18px !important; height: 18px !important; margin: 0 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") !important; background-position: center !important; background-size: contain !important; background-repeat: no-repeat !important; vertical-align: middle; } /* 20.5 Paczkomat — nagłówek sekcji (wektorowa paczka zamiast emoji) */ #select-point-container::before, .furgonetka-wc-blocks-pickup-point-block-container::before { content: 'Dostawa do paczkomatu — wybierz punkt odbioru' !important; display: block !important; padding-left: 32px !important; color: var(--papw-ink) !important; font-weight: 700 !important; font-size: 0.95em !important; line-height: 1.5 !important; margin-bottom: 12px !important; text-align: left !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c2701f' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8l-9-5-9 5 9 5 9-5z'/%3E%3Cpath d='M3 8v8l9 5 9-5V8'/%3E%3Cpath d='M12 13v8'/%3E%3C/svg%3E") !important; background-position: left center !important; background-size: 19px 19px !important; background-repeat: no-repeat !important; } /* 20.6 Koszyk w nagłówku — wektorowa ikona */ .site-header-cart .cart-contents::before { content: '' !important; display: inline-block !important; flex: 0 0 18px !important; width: 18px !important; height: 18px !important; margin: 0 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314171c' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6h15l-1.4 9H7.6z'/%3E%3Ccircle cx='9' cy='20' r='1.6'/%3E%3Ccircle cx='18' cy='20' r='1.6'/%3E%3Cpath d='M6 6L5 2H2'/%3E%3C/svg%3E") !important; background-position: center !important; background-size: contain !important; background-repeat: no-repeat !important; vertical-align: middle; } /* 20.7 Linki „Wróć do sklepu / koszyka” — wektorowa strzałka */ .pap-back-to-shop__arrow, .pap-back-to-cart__arrow { font-size: 0 !important; line-height: 0 !important; width: 17px !important; height: 17px !important; flex: 0 0 17px !important; display: inline-block !important; margin: 0 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314171c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='M12 19l-7-7 7-7'/%3E%3C/svg%3E") !important; background-position: center !important; background-size: contain !important; background-repeat: no-repeat !important; } /* 20.8 Lista „✓” — wektorowy znacznik */ .pap-checks li::before, .checks li::before { content: '' !important; width: 18px !important; height: 18px !important; top: 3px !important; color: transparent !important; font-size: 0 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c2701f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") !important; background-position: center !important; background-size: contain !important; background-repeat: no-repeat !important; } /* 20.9 „Co powstaje w pracowni” — wektorowe ikony zamiast emoji */ .pap-workshop-icon { font-size: 0 !important; line-height: 0 !important; display: block !important; margin-bottom: 0 !important; } .pap-workshop-icon::before { content: '' !important; display: block !important; width: 46px !important; height: 46px !important; margin: 0 auto 14px !important; background-position: center !important; background-size: contain !important; background-repeat: no-repeat !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c2701f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8l-9-5-9 5 9 5 9-5z'/%3E%3Cpath d='M3 8v8l9 5 9-5V8'/%3E%3Cpath d='M12 13v8'/%3E%3C/svg%3E") !important; } .pap-workshop-item:nth-child(2) .pap-workshop-icon::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c2701f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.5 19 2c1 2 2 4.2 2 8 0 5.5-4.8 10-10 10z'/%3E%3Cpath d='M2 21c0-3 1.9-5.4 5.1-6'/%3E%3C/svg%3E") !important; } .pap-workshop-item:nth-child(3) .pap-workshop-icon::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c2701f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 2v7c0 1.1.9 2 2 2h2a2 2 0 0 0 2-2V2'/%3E%3Cpath d='M7 2v20'/%3E%3Cpath d='M21 15V2a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3z'/%3E%3Cpath d='M19 15v7'/%3E%3C/svg%3E") !important; } .pap-workshop-item:nth-child(4) .pap-workshop-icon::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c2701f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13'/%3E%3Cpath d='M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7'/%3E%3Cpath d='M7.5 8a2.5 2.5 0 0 1 0-5C11 3 12 8 12 8s1-5 4.5-5a2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E") !important; } .pap-workshop-item:nth-child(5) .pap-workshop-icon::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c2701f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z'/%3E%3C/svg%3E") !important; } /* 20.10 Telefony — dopuść zawijanie tekstu, żeby przycisk nie wychodził z ekranu */ @media (max-width: 480px) { .button, a.button, button.button, .pap-button, .pg-btn, .wp-block-button__link, .wc-block-cart__submit-button, .add_to_cart_button, .checkout-button, .storefront-sticky-add-to-cart__content-button { white-space: normal !important; text-align: center !important; } } /* ============================================================ 21. POPRAWKI: przyciski blokowe WooCommerce + ikony konta ============================================================ */ /* 21.1 Treść przycisku blokowego (span) — bez rozciągania na całą szerokość, żeby ikona i tekst były razem, idealnie wyśrodkowane */ .wc-block-components-button__text, .wc-block-components-checkout-place-order-button .wc-block-components-button__text { width: auto !important; flex: 0 1 auto !important; max-width: 100% !important; text-align: inherit !important; line-height: inherit !important; white-space: normal !important; } /* 21.2 Małe/przezroczyste przyciski WooCommerce (np. „Zmień”, „Usuń”, „Zastosuj kupon”) — przywrócone do naturalnego, kompaktowego rozmiaru. To naprawia nakładanie się elementów na stronie kasy. */ .wc-block-components-button.is-link, .wc-block-components-button--text, .wc-block-components-button.wc-block-components-button--text, .wc-block-components-totals-coupon .wc-block-components-button, .wc-block-components-order-summary-item__action { display: inline-flex !important; width: auto !important; min-height: 0 !important; height: auto !important; padding: 0 !important; margin: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; color: var(--papw-accent) !important; font-size: 0.9rem !important; font-weight: 600 !important; line-height: 1.4 !important; white-space: normal !important; } .wc-block-components-button.is-link:hover, .wc-block-components-button--text:hover { background: transparent !important; color: var(--papw-accent-dark) !important; transform: none !important; box-shadow: none !important; } /* 21.3 MOJE KONTO — wektorowe ikony nawigacji (zamiast emoji) */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a::before { content: '' !important; background-color: currentColor !important; background-image: none !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: 18px 18px !important; mask-size: 18px 18px !important; } /* Wektorowe ikony konta jako zmienne (każda zdefiniowana raz) */ :root { --papw-i-home: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5L12 3l9 7.5'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3C/svg%3E"); --papw-i-box: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8l-9-5-9 5 9 5 9-5z'/%3E%3Cpath d='M3 8v8l9 5 9-5V8'/%3E%3Cpath d='M12 13v8'/%3E%3C/svg%3E"); --papw-i-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3Cpath d='M4 21h16'/%3E%3C/svg%3E"); --papw-i-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); --papw-i-card: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E"); --papw-i-cog: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21v-6'/%3E%3Cpath d='M4 11V3'/%3E%3Cpath d='M12 21v-8'/%3E%3Cpath d='M12 9V3'/%3E%3Cpath d='M20 21v-4'/%3E%3Cpath d='M20 13V3'/%3E%3Cpath d='M1.5 15h5'/%3E%3Cpath d='M9.5 9h5'/%3E%3Cpath d='M17.5 17h5'/%3E%3C/svg%3E"); --papw-i-out: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='M16 17l5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E"); } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--dashboard a::before { -webkit-mask-image: var(--papw-i-home) !important; mask-image: var(--papw-i-home) !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--orders a::before { -webkit-mask-image: var(--papw-i-box) !important; mask-image: var(--papw-i-box) !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--downloads a::before { -webkit-mask-image: var(--papw-i-down) !important; mask-image: var(--papw-i-down) !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--edit-address a::before { -webkit-mask-image: var(--papw-i-pin) !important; mask-image: var(--papw-i-pin) !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--payment-methods a::before { -webkit-mask-image: var(--papw-i-card) !important; mask-image: var(--papw-i-card) !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--edit-account a::before { -webkit-mask-image: var(--papw-i-cog) !important; mask-image: var(--papw-i-cog) !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--customer-logout a::before { -webkit-mask-image: var(--papw-i-out) !important; mask-image: var(--papw-i-out) !important; } /* ============================================================ 22. KASA I KOSZYK — PRZYWRÓCENIE CZYTLIEGO UKŁADU Cel: nic się nie nakłada (opcje dostawy/płatności, przyciski, pola, podsumowanie). Respektuje natywną strukturę WooCommerce. ============================================================ */ /* 22.1 Lista opcji (dostawa / płatność) — pionowy stos */ .wc-block-components-radio-control { display: flex !important; flex-direction: column !important; gap: 10px !important; } /* 22.2 Pojedyncza opcja — radio po lewej, treść obok, bez nachodzenia */ .wc-block-components-radio-control__option { position: relative !important; display: block !important; width: 100% !important; max-width: 100% !important; min-height: 0 !important; box-sizing: border-box !important; padding: 14px 16px 14px 46px !important; margin: 0 !important; overflow: visible !important; white-space: normal !important; text-align: left !important; } /* 22.3 Kółko radio — przypięte do lewej, nie wchodzi na tekst */ .wc-block-components-radio-control__input, .wc-block-components-radio-control__option input[type=radio] { position: absolute !important; left: 16px !important; top: 17px !important; margin: 0 !important; flex: 0 0 auto !important; } /* 22.4 Etykiety i ceny — zawijają się, nie nachodzą na siebie */ .wc-block-components-radio-control__label-group { display: flex !important; flex-wrap: wrap !important; align-items: baseline !important; justify-content: space-between !important; column-gap: 14px !important; row-gap: 4px !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; text-align: left !important; } .wc-block-components-radio-control__label, .wc-block-components-radio-control__secondary-label { display: block !important; white-space: normal !important; overflow-wrap: anywhere !important; min-width: 0 !important; text-align: left !important; } .wc-block-components-radio-control__description { display: block !important; margin: 4px 0 0 !important; white-space: normal !important; overflow-wrap: anywhere !important; } /* 22.5 Pozostałe przyciski blokowe (Zmień / Usuń / Zastosuj kupon) wracają do naturalnego, małego rozmiaru — to one rozsadzały układ. */ .wp-block-woocommerce-checkout .wc-block-components-button:not(.wc-block-components-checkout-place-order-button), .wp-block-woocommerce-cart .wc-block-components-button:not(.wc-block-cart__submit-button) { height: auto !important; min-height: 0 !important; width: auto !important; padding: 0 !important; margin: 0 !important; white-space: normal !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } /* 22.6 Pola formularza — pełna szerokość, bez wychodzenia poza kolumnę */ .wp-block-woocommerce-checkout input, .wp-block-woocommerce-checkout select, .wp-block-woocommerce-checkout textarea, .wc-block-components-text-input, .wc-block-components-text-input input { max-width: 100% !important; box-sizing: border-box !important; min-width: 0 !important; } /* 22.7 Podsumowanie zamówienia — bez wychodzenia poza kolumnę */ .wc-block-components-order-summary, .wc-block-components-order-summary-item, .wc-block-components-totals-item, .wc-block-components-totals-footer-item { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } /* ============================================================ 23. KASA v2 — KARTY OPCJI DOSTAWY I PŁATNOŚCI Nadpisuje warstwę bazową ORAZ wtyczkę pap-kasa-ux (stare, kremowe kolory #fffef9 / #e7dcc6 / #b85c00). Układ oparty na flex, dzięki czemu elementy nie mogą na siebie nachodzić. ============================================================ */ /* 23.1 Kontener listy opcji */ .wc-block-components-radio-control { display: flex !important; flex-direction: column !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } /* 23.2 Karta opcji — flex: kółko + treść obok, nigdy na sobie */ .wc-block-components-radio-control .wc-block-components-radio-control__option { position: relative !important; display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 12px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; padding: 15px 18px !important; margin: 0 !important; border: 1px solid var(--papw-line) !important; border-radius: 12px !important; background: #ffffff !important; background-image: none !important; color: var(--papw-text) !important; line-height: 1.45 !important; min-height: 0 !important; overflow: visible !important; white-space: normal !important; text-align: left !important; box-shadow: none !important; transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease !important; cursor: pointer !important; } .wc-block-components-radio-control .wc-block-components-radio-control__option::before, .wc-block-components-radio-control .wc-block-components-radio-control__option::after { content: none !important; display: none !important; } .wc-block-components-radio-control .wc-block-components-radio-control__option:hover { border-color: #d7dbe0 !important; background: #ffffff !important; } .wc-block-components-radio-control .wc-block-components-radio-control__option-checked { border-color: var(--papw-accent) !important; background: #fffdf9 !important; box-shadow: 0 0 0 3px rgba(194, 112, 31, 0.12) !important; } /* 23.3 Kółko radio — zwykły element flex (bez pozycjonowania absolutnego) */ .wc-block-components-radio-control__input, .wc-block-components-radio-control .wc-block-components-radio-control__option input[type="radio"] { position: static !important; left: auto !important; top: auto !important; float: none !important; flex: 0 0 auto !important; width: 18px !important; height: 18px !important; min-width: 18px !important; margin: 1px 0 0 0 !important; padding: 0 !important; accent-color: var(--papw-accent) !important; box-shadow: none !important; cursor: pointer !important; } /* 23.4 Etykiety i ceny — zawijają się, nic nie nachodzi */ .wc-block-components-radio-control__label-group { display: flex !important; flex: 1 1 auto !important; flex-wrap: wrap !important; align-items: baseline !important; justify-content: space-between !important; gap: 4px 14px !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; text-align: left !important; margin: 0 !important; padding: 0 !important; } .wc-block-components-radio-control__label { flex: 1 1 auto !important; min-width: 0 !important; white-space: normal !important; overflow-wrap: anywhere !important; font-weight: 600 !important; color: var(--papw-ink) !important; text-align: left !important; line-height: 1.4 !important; } .wc-block-components-radio-control__secondary-label { flex: 0 0 auto !important; white-space: nowrap !important; font-weight: 700 !important; color: var(--papw-ink) !important; text-align: right !important; } .wc-block-components-radio-control__description { flex: 1 1 100% !important; margin: 2px 0 0 !important; color: var(--papw-muted) !important; font-size: 0.9rem !important; font-weight: 400 !important; white-space: normal !important; overflow-wrap: anywhere !important; } /* 23.5 Nagłówki kroków kasy — spójna typografia */ .wc-block-components-checkout-step__title, .wc-block-components-checkout-step__heading { color: var(--papw-ink) !important; font-weight: 700 !important; letter-spacing: 0 !important; } /* 23.6 Paczkomat — czysta karta zamiast kremowej (nadpisanie pap-kasa-ux) */ #select-point-container, .furgonetka-wc-blocks-pickup-point-block-container { background: #ffffff !important; background-image: none !important; border: 1px solid var(--papw-line) !important; border-radius: 12px !important; box-shadow: none !important; text-align: left !important; padding: 16px 18px !important; margin: 12px 0 !important; } /* Komunikaty paczkomatu — stare, ciepłe odcienie → neutralne */ #selected-point, #selected-point:not(:empty)::before, .furgonetka-wc-blocks-pickup-point-block-label, .furgonetka-wc-blocks-pickup-point-block-label::before { color: var(--papw-text) !important; } #selected-point:empty::after, .furgonetka-wc-blocks-pickup-point-block-label { color: var(--papw-muted) !important; } /* 23.7 Sekcja płatności — bez obcych teł */ .wc-block-components-checkout-payment-methods, .wc-block-checkout__payment-method, .wc-block-components-express-payment { background: transparent !important; } /* 23.8 Podsumowanie / kupon — neutralne tła */ .wc-block-components-totals-coupon, .wc-block-components-order-summary, .wc-block-components-order-summary-item { background: transparent !important; } /* 23.9 Telefony — karty opcji pełnej szerokości, czytelne */ @media (max-width: 600px) { .wc-block-components-radio-control .wc-block-components-radio-control__option { padding: 13px 14px !important; gap: 10px !important; } .wc-block-components-radio-control__secondary-label { text-align: left !important; flex: 1 1 100% !important; } } /* BUILD 2026-09-12 v2 - nowa nazwa pliku (obejscie cache) */ /* ============================================================ 24. PRZYCISK KOSZYKA W NAGŁÓWKU — uporządkowany Naprawia brak tła (nadpisany wcześniej jako transparent) i porządkuje wnętrze: ikona + cena + licznik. ============================================================ */ /* 24.1 Desktop — ikona + cena + licznik w jednym rzędzie */ .site-header-cart .cart-contents { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; min-height: 44px !important; height: 44px !important; padding: 0 14px !important; background: #ffffff !important; border: 1px solid #e4e7ea !important; border-radius: 12px !important; color: #14171c !important; font-size: 0.95rem !important; font-weight: 600 !important; line-height: 1 !important; box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05) !important; white-space: nowrap !important; text-decoration: none !important; box-sizing: border-box !important; overflow: visible !important; transition: background-color .16s ease, border-color .16s ease, box-shadow .18s ease !important; } .site-header-cart .cart-contents:hover { background: #f7f7f8 !important; border-color: #c2701f !important; color: #14171c !important; box-shadow: 0 6px 16px rgba(16, 24, 40, 0.08) !important; } .site-header-cart .cart-contents .amount { display: inline-flex !important; align-items: center !important; font-size: 0.95rem !important; font-weight: 700 !important; line-height: 1 !important; color: #14171c !important; white-space: nowrap !important; } .site-header-cart .cart-contents .count { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 22px !important; height: 22px !important; padding: 0 7px !important; background: #c2701f !important; color: #ffffff !important; font-size: 0.78rem !important; font-weight: 700 !important; line-height: 1 !important; border-radius: 999px !important; box-sizing: border-box !important; white-space: nowrap !important; overflow: hidden !important; } /* ikona koszyka — dopasowana do wysokości przycisku */ .site-header-cart .cart-contents::before { flex: 0 0 19px !important; width: 19px !important; height: 19px !important; align-self: center !important; } /* 24.2 Telefony — kafelek z ikoną i licznikiem (spójny rozmiar) */ @media (max-width: 66.5em) { .site-header-cart { display: none !important; } .pap-mobile-cart { display: inline-flex !important; align-items: center !important; justify-content: center !important; position: absolute !important; top: 50% !important; right: 14px !important; transform: translateY(-50%) !important; width: 44px !important; height: 44px !important; padding: 0 !important; border-radius: 12px !important; background: #ffffff !important; border: 1px solid #e4e7ea !important; color: #14171c !important; box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05) !important; z-index: 40 !important; } .pap-mobile-cart:hover { background: #f7f7f8 !important; border-color: #c2701f !important; } .pap-mobile-cart svg { display: block !important; width: 22px !important; height: 22px !important; } .pap-mobile-cart__count { position: absolute !important; top: -6px !important; right: -6px !important; min-width: 18px !important; height: 18px !important; padding: 0 5px !important; background: #c2701f !important; color: #ffffff !important; font-size: 0.68rem !important; font-weight: 700 !important; line-height: 18px !important; text-align: center !important; border-radius: 999px !important; box-sizing: border-box !important; border: 2px solid #ffffff !important; } } /* ============================================================ 25. KASA — USUNIĘCIE „RAMEK W RAMKACH” ============================================================ */ /* 25.1 Zaznaczona opcja — bez podwójnej ramki (usuwamy „ring"). Selektor celowo tak samo mocny jak reguła 23.2 (2 klasy), ale później. */ .wc-block-components-radio-control .wc-block-components-radio-control__option-checked, .wc-block-components-radio-control .wc-block-components-radio-control__option--checked-option-highlighted, .wc-block-components-radio-control__option-checked, .wc-block-components-radio-control__option--checked-option-highlighted { box-shadow: none !important; border-color: var(--papw-accent) !important; background: #fffaf4 !important; } /* oddzielenie opcji od siebie — równy odstęp, brak stykania ramek */ .wc-block-components-radio-control { gap: 8px !important; } /* 25.2 Paczkomat — delikatny panel BEZ ramki (koniec „ramki w ramce") */ #select-point-container, .furgonetka-wc-blocks-pickup-point-block-container { border: 0 !important; background: var(--papw-soft) !important; background-image: none !important; box-shadow: none !important; border-radius: 12px !important; padding: 14px 16px !important; margin: 10px 0 0 !important; } /* 25.3 Przycisk „Wybierz punkt odbioru" — poprawny, nowoczesny rozmiar. Uwaga: pap-kasa-ux używa 2 klas + !important, dlatego piszemy tak samo (2 klasy) i dodajemy !important, aby wygrać kolejnością. */ #select-point, .furgonetka-wc-blocks-pickup-point-block-container .wc-block-components-button, .furgonetka-wc-blocks-pickup-point-block-button-container .wc-block-components-button, .furgonetka-wc-blocks-pickup-point-block-container button, .furgonetka-wc-blocks-pickup-point-block-button-container button { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: auto !important; min-width: 0 !important; height: auto !important; min-height: 44px !important; padding: 11px 22px !important; background: var(--papw-accent) !important; background-image: none !important; background-color: var(--papw-accent) !important; color: #ffffff !important; border: 0 !important; border-radius: 10px !important; font-family: var(--papw-font) !important; font-size: 0.95rem !important; font-weight: 600 !important; line-height: 1 !important; box-shadow: none !important; text-shadow: none !important; white-space: normal !important; text-align: center !important; box-sizing: border-box !important; cursor: pointer !important; transition: background-color .16s ease, transform .18s ease, box-shadow .18s ease !important; } #select-point:hover, .furgonetka-wc-blocks-pickup-point-block-container .wc-block-components-button:hover, .furgonetka-wc-blocks-pickup-point-block-button-container .wc-block-components-button:hover, .furgonetka-wc-blocks-pickup-point-block-container button:hover, .furgonetka-wc-blocks-pickup-point-block-button-container button:hover { background: var(--papw-accent-dark) !important; background-color: var(--papw-accent-dark) !important; transform: translateY(-1px) !important; box-shadow: 0 6px 16px rgba(194, 112, 31, 0.28) !important; } /* 25.4 Treść przycisku paczkomatu — spójna biel i brak rozciągania */ .furgonetka-wc-blocks-pickup-point-block-container .wc-block-components-button__text, .furgonetka-wc-blocks-pickup-point-block-button-container .wc-block-components-button__text, .furgonetka-wc-blocks-pickup-point-block-container button span, .furgonetka-wc-blocks-pickup-point-block-button-container button span { width: auto !important; color: #ffffff !important; font-size: 0.95rem !important; font-weight: 600 !important; line-height: 1.2 !important; } /* 25.5 Ikona pinezki wewnątrz przycisku paczkomatu */ .furgonetka-wc-blocks-pickup-point-block-container .wc-block-components-button::before, .furgonetka-wc-blocks-pickup-point-block-button-container .wc-block-components-button::before, .furgonetka-wc-blocks-pickup-point-block-button-container button::before { flex: 0 0 16px !important; width: 16px !important; height: 16px !important; margin: 0 !important; } /* 25.6 Link „Wróć do koszyka" — bez ramki (koniec kolejnej „ramki") */ .pap-back-to-cart__link { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 6px 0 !important; color: var(--papw-accent) !important; font-weight: 600 !important; } .pap-back-to-cart__link:hover { background: transparent !important; color: var(--papw-accent-dark) !important; transform: none !important; } /* 25.7 Etykiety paczkomatu — neutralne kolory (stare ciepłe z pap-kasa-ux) */ #selected-point:not(:empty)::before, .furgonetka-wc-blocks-pickup-point-block-label::before { color: var(--papw-ink) !important; font-weight: 700 !important; } #selected-point:empty::after { color: var(--papw-muted) !important; } /* 25.8 Przycisk paczkomatu — ponowne nadanie stylu z WYŻSZĄ specyficznością. Powód: moja własna reguła 22.5 (reset małych przycisków kasy) miała specyficzność (0,3,0) i zerowała padding/radius/min-height tego przycisku. Tu używamy równie mocnego selektora, ale później w pliku — więc wygrywa. */ .wp-block-woocommerce-checkout .furgonetka-wc-blocks-pickup-point-block-container .wc-block-components-button, .wp-block-woocommerce-checkout .furgonetka-wc-blocks-pickup-point-block-button-container .wc-block-components-button, .wp-block-woocommerce-checkout .furgonetka-wc-blocks-pickup-point-block-container button, .wp-block-woocommerce-checkout .furgonetka-wc-blocks-pickup-point-block-button-container button { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: auto !important; height: auto !important; min-height: 44px !important; padding: 11px 22px !important; margin: 0 !important; background: var(--papw-accent) !important; background-color: var(--papw-accent) !important; background-image: none !important; color: #ffffff !important; border: 0 !important; border-radius: 10px !important; box-shadow: none !important; text-shadow: none !important; font-size: 0.95rem !important; font-weight: 600 !important; line-height: 1 !important; white-space: normal !important; text-align: center !important; box-sizing: border-box !important; transform: none !important; cursor: pointer !important; } .wp-block-woocommerce-checkout .furgonetka-wc-blocks-pickup-point-block-container .wc-block-components-button:hover, .wp-block-woocommerce-checkout .furgonetka-wc-blocks-pickup-point-block-button-container .wc-block-components-button:hover, .wp-block-woocommerce-checkout .furgonetka-wc-blocks-pickup-point-block-container button:hover, .wp-block-woocommerce-checkout .furgonetka-wc-blocks-pickup-point-block-button-container button:hover { background: var(--papw-accent-dark) !important; background-color: var(--papw-accent-dark) !important; transform: translateY(-1px) !important; box-shadow: 0 6px 16px rgba(194, 112, 31, 0.28) !important; } .wp-block-woocommerce-checkout .furgonetka-wc-blocks-pickup-point-block-container .wc-block-components-button__text, .wp-block-woocommerce-checkout .furgonetka-wc-blocks-pickup-point-block-button-container .wc-block-components-button__text, .wp-block-woocommerce-checkout .furgonetka-wc-blocks-pickup-point-block-container button span, .wp-block-woocommerce-checkout .furgonetka-wc-blocks-pickup-point-block-button-container button span { width: auto !important; color: #ffffff !important; font-size: 0.95rem !important; font-weight: 600 !important; line-height: 1.2 !important; text-align: center !important; } /* ============================================================ 26. OPCJE WYSYŁKI I PŁATNOŚCI — BEZ ŻADNYCH RAMEK Zostają tylko: kółko wyboru + nazwa + cena. ============================================================ */ /* 26.1 Sekcje (fieldset / krok kasy) — zero ramek i teł */ .wc-block-components-checkout-step, fieldset.wc-block-components-checkout-step, .wc-block-checkout__shipping-option, .wc-block-checkout__payment-method, .wc-block-components-checkout-step__content { border: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; } fieldset.wc-block-components-checkout-step { padding: 0 !important; margin: 0 0 20px !important; min-inline-size: 0 !important; } /* 26.2 Lista opcji — bez ramek, bez teł */ .wc-block-components-radio-control { display: flex !important; flex-direction: column !important; gap: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } .wc-block-components-radio-control .wc-block-components-radio-control__option, .wc-block-components-radio-control .wc-block-components-radio-control__option-checked, .wc-block-components-radio-control .wc-block-components-radio-control__option--checked-option-highlighted { border: 0 !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; border-radius: 0 !important; padding: 11px 2px !important; margin: 0 !important; min-height: 0 !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } /* delikatne rozdzielenie wierszy — cienka linia, nie ramka */ .wc-block-components-radio-control .wc-block-components-radio-control__option + .wc-block-components-radio-control__option { border-top: 1px solid #f4f5f7 !important; } /* 26.3 Wyróżnienie wybranej opcji — bez ramki: akcent + pogrubienie */ .wc-block-components-radio-control .wc-block-components-radio-control__option-checked .wc-block-components-radio-control__label, .wc-block-components-radio-control .wc-block-components-radio-control__option--checked-option-highlighted .wc-block-components-radio-control__label { color: var(--papw-accent) !important; font-weight: 700 !important; } .wc-block-components-radio-control .wc-block-components-radio-control__option-checked .wc-block-components-radio-control__secondary-label, .wc-block-components-radio-control .wc-block-components-radio-control__option--checked-option-highlighted .wc-block-components-radio-control__secondary-label { color: var(--papw-accent) !important; } /* 26.4 Panel paczkomatu — bez ramki i tła, zostaje sam przycisk */ #select-point-container, .furgonetka-wc-blocks-pickup-point-block-container { border: 0 !important; background: transparent !important; background-image: none !important; box-shadow: none !important; border-radius: 0 !important; padding: 4px 2px !important; margin: 8px 0 0 !important; text-align: left !important; } /* 26.5 Wiersz opcji — poprawne wyrównanie (radio + treść + cena) */ .wc-block-components-radio-control .wc-block-components-radio-control__option { display: flex !important; align-items: flex-start !important; gap: 12px !important; } .wc-block-components-radio-control .wc-block-components-radio-control__label-group { flex: 1 1 auto !important; } /* ============================================================ 27. BUTTON KOSZYKA — lekko wyżej względem linii nagłówka (przycisk NIE zmienia układu — przesuwamy go wizualnie w górę) ============================================================ */ .site-header-cart, .site-header-cart ul, .site-header-cart .cart-contents { position: relative !important; overflow: visible !important; } .site-header-cart .cart-contents { top: -8px !important; } /* Telefony — ten sam efekt dla kafelka z ikoną */ @media (max-width: 66.5em) { .pap-mobile-cart { top: calc(50% - 8px) !important; } } /* ============================================================ 28. KASA — JAKOŚĆ, ROZDZIELCZOŚĆ I ROZMIARY ============================================================ */ /* 28.1 Zdjęcie produktu w podsumowaniu — było renderowane jako 15x11 px! */ .wc-block-components-order-summary-item__image { width: 56px !important; min-width: 56px !important; max-width: 56px !important; height: 56px !important; flex: 0 0 56px !important; } .wc-block-components-order-summary-item__image img { width: 56px !important; height: 56px !important; max-width: 56px !important; max-height: 56px !important; object-fit: cover !important; display: block !important; border-radius: 8px !important; border: 1px solid var(--papw-line) !important; background: var(--papw-soft) !important; } .wc-block-components-order-summary-item { display: flex !important; align-items: flex-start !important; column-gap: 14px !important; row-gap: 2px !important; padding: 14px 0 !important; } .wc-block-components-order-summary-item__quantity { min-width: 20px !important; height: 20px !important; line-height: 18px !important; padding: 0 5px !important; font-size: 12px !important; font-weight: 700 !important; border-radius: 999px !important; background: var(--papw-dark) !important; color: #ffffff !important; border: 2px solid #ffffff !important; box-sizing: border-box !important; box-shadow: none !important; } /* 28.2 Nazwa i cena w podsumowaniu — ostra, czytelna typografia (całe px) */ .wc-block-components-product-name { font-size: 15px !important; font-weight: 600 !important; line-height: 1.35 !important; color: var(--papw-ink) !important; } .wc-block-components-product-price { font-size: 15px !important; font-weight: 700 !important; line-height: 1.35 !important; color: var(--papw-ink) !important; white-space: nowrap !important; } /* 28.3 Podsumowanie / adres — neutralne, jasne ramki zamiast ciemnych */ .wp-block-woocommerce-checkout-order-summary-block, .wc-block-components-order-summary, .wc-block-components-address-card { border-color: var(--papw-line) !important; border-radius: 12px !important; background: #ffffff !important; box-shadow: none !important; } .wc-block-components-totals-wrapper, .wc-block-components-totals-item { border-color: var(--papw-line) !important; font-size: 15px !important; } .wc-block-components-totals-footer-item, .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: 17px !important; font-weight: 800 !important; color: var(--papw-ink) !important; line-height: 1.3 !important; } /* 28.4 Pola formularza — jasne ramki + wyraźny stan fokusa. (Nie ruszamy paddingu, żeby nie popsuć „pływającej" etykiety.) */ .wc-block-components-text-input input, .wc-block-components-select select, .wc-block-components-textarea textarea { border: 1px solid #e4e7ea !important; border-radius: 10px !important; background: #ffffff !important; box-shadow: none !important; color: var(--papw-text) !important; font-size: 15px !important; transition: border-color .15s ease, box-shadow .15s ease !important; } .wc-block-components-text-input input:focus, .wc-block-components-select select:focus, .wc-block-components-textarea textarea:focus { border-color: var(--papw-accent) !important; box-shadow: 0 0 0 3px rgba(194, 112, 31, 0.15) !important; outline: none !important; } .wc-block-components-text-input label, .wc-block-components-select label, .wc-block-components-checkbox__label { font-size: 13px !important; color: var(--papw-muted) !important; line-height: 1.4 !important; } /* 28.5 Nagłówki kroków kasy — czytelna hierarchia, ostre rozmiary */ .wc-block-components-checkout-step__title, .wc-block-components-checkout-step__heading, .wc-block-components-title { font-size: 16px !important; font-weight: 700 !important; line-height: 1.3 !important; color: var(--papw-ink) !important; letter-spacing: 0 !important; } .wc-block-components-checkout-step__description { font-size: 14px !important; line-height: 1.5 !important; color: var(--papw-muted) !important; } /* 28.6 Przycisk „Kupuję i płacę" — wyższy i wyraźniejszy */ .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button { min-height: 52px !important; height: auto !important; border-radius: 10px !important; font-size: 16px !important; font-weight: 700 !important; } /* ============================================================ 29. SPÓJNOŚĆ Z KASĄ — pozostałe strony Ten sam standard: całe piksele, jasne ramki #e4e7ea, promienie 10-12 px, akcent #c2701f. Uwaga: strona główna (page-id-456) i kasa są wyłączone. ============================================================ */ /* 29.1 Przyciski — 15 px, promień 10 px, wysokość 46 px */ a.pap-button, .pap-button, .pap-button--ghost, .pg-btn, .pg-btn-main, .pg-btn-alt, .button, a.button, button.button, input.button, ul.products li.product .button, .wp-block-button__link, .storefront-sticky-add-to-cart__content-button, .checkout-button, .woocommerce-form-login__submit, .wc-block-components-product-button .wp-block-button__link { font-size: 15px !important; border-radius: 10px !important; min-height: 46px !important; font-weight: 600 !important; } #select-point { font-size: 15px !important; } /* 29.2 Pola formularzy — jasne ramki i akcent przy focusie (jak w kasie). Dotyczy: kontakt (Jetpack), moje konto, adresy, wyszukiwarka. */ .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select, .woocommerce-page form .form-row input.input-text, .woocommerce-page form .form-row textarea, .woocommerce-page form .form-row select, .woocommerce-form-row input.input-text, input[type="text"].input-text, input[type="email"].input-text, input[type="tel"].input-text, .contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"], .contact-form input[type="url"], .contact-form textarea, .contact-form select, .wp-block-jetpack-contact-form input[type="text"], .wp-block-jetpack-contact-form input[type="email"], .wp-block-jetpack-contact-form textarea, .wp-block-jetpack-contact-form select, .jetpack-contact-form input[type="text"], .jetpack-contact-form input[type="email"], .jetpack-contact-form textarea, .jetpack-contact-form select { border: 1px solid #e4e7ea !important; border-radius: 10px !important; background: #ffffff !important; color: var(--papw-text) !important; font-size: 15px !important; box-shadow: none !important; transition: border-color .15s ease, box-shadow .15s ease !important; } .woocommerce form .form-row input.input-text:focus, .woocommerce-page form .form-row select:focus, .woocommerce-form-row input.input-text:focus, .contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus, .wp-block-jetpack-contact-form input:focus, .wp-block-jetpack-contact-form textarea:focus { border-color: var(--papw-accent) !important; box-shadow: 0 0 0 3px rgba(194, 112, 31, 0.15) !important; outline: none !important; } .woocommerce form .form-row label, .woocommerce-account .woocommerce-form-row label, .contact-form label, .wp-block-jetpack-contact-form label { font-size: 13px !important; color: var(--papw-muted) !important; } /* 29.3 Karty produktów — nazwa 15/600, cena 15/700, zdjęcie r=10 px */ .woocommerce ul.products li.product .woocommerce-loop-product__title, ul.products li.product .woocommerce-loop-product__title, .wc-block-product-template .wp-block-post-title, .wc-block-product-template .wc-block-components-product-title { font-size: 15px !important; font-weight: 600 !important; line-height: 1.35 !important; color: var(--papw-ink) !important; } .woocommerce ul.products li.product .price, ul.products li.product .price, .wc-block-product-template .wc-block-components-product-price { font-size: 15px !important; font-weight: 700 !important; color: var(--papw-accent) !important; } .woocommerce ul.products li.product img, ul.products li.product img, .wc-block-product-template .wc-block-components-product-image img { border-radius: 10px !important; } .woocommerce ul.products li.product .button, ul.products li.product .button { min-height: 44px !important; font-size: 15px !important; border-radius: 10px !important; } /* 29.4 Strona produktu — czytelna hierarchia, akcent na cenie */ body.single-product .woocommerce div.product .product_title, .woocommerce div.product .product_title { font-size: 26px !important; font-weight: 700 !important; line-height: 1.25 !important; color: var(--papw-ink) !important; letter-spacing: 0 !important; } .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce div.product .price ins { font-size: 22px !important; font-weight: 800 !important; color: var(--papw-accent) !important; } .woocommerce div.product .woocommerce-product-details__short-description, .woocommerce div.product .woocommerce-product-details__short-description p { font-size: 16px !important; line-height: 1.7 !important; color: var(--papw-text) !important; } .woocommerce div.product .product_meta { font-size: 14px !important; color: var(--papw-muted) !important; } .woocommerce div.product .single_add_to_cart_button { min-height: 48px !important; font-size: 15px !important; border-radius: 10px !important; } .woocommerce div.product form.cart .quantity input.qty, .woocommerce div.product form.cart div.quantity { border-radius: 10px !important; border-color: #e4e7ea !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 15px !important; } .woocommerce div.product .woocommerce-tabs .panel, .woocommerce div.product .woocommerce-tabs .panel p { font-size: 16px !important; line-height: 1.7 !important; } /* 29.5 Koszyk — tabela i sumy jak w kasie */ .woocommerce table.shop_table, .woocommerce-page table.shop_table { font-size: 15px !important; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { font-size: 12px !important; letter-spacing: 0.06em !important; color: var(--papw-ink) !important; font-weight: 700 !important; } .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { font-size: 15px !important; color: var(--papw-text) !important; } .woocommerce .cart_totals h2, .woocommerce-page .cart_totals h2 { font-size: 18px !important; font-weight: 700 !important; } .woocommerce .cart_totals .order-total .amount, .woocommerce-page .cart_totals .order-total .amount { font-size: 18px !important; font-weight: 800 !important; color: var(--papw-ink) !important; } .woocommerce a.remove { color: var(--papw-muted) !important; font-size: 20px !important; } .woocommerce a.remove:hover { background: #fdf2f2 !important; color: #b3261e !important; } /* 29.6 Moje konto — formularz i pigułki nawigacji */ .woocommerce-account .woocommerce-form-login, .woocommerce-account form.woocommerce-form { border: 1px solid var(--papw-line) !important; border-radius: 12px !important; background: #ffffff !important; } .woocommerce-account:not(.logged-in) .woocommerce h2, .woocommerce-account .woocommerce-MyAccount-content h2 { font-size: 20px !important; font-weight: 700 !important; color: var(--papw-ink) !important; } .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-content p, .woocommerce-account .woocommerce-MyAccount-content li { font-size: 15px !important; line-height: 1.7 !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a { font-size: 14px !important; border-radius: 10px !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.is-active a, body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a:hover { background: var(--papw-soft) !important; color: var(--papw-ink) !important; border-color: var(--papw-line) !important; } .woocommerce-account .woocommerce-MyAccount-content a.button, .woocommerce-account .woocommerce-MyAccount-content .button { font-size: 15px !important; border-radius: 10px !important; } /* 29.7 Podstrony treściowe (Manufaktura, Regulamin, Kontakt) — spójne nagłówki i tekst. Strona główna wyłączona. */ body:not(.page-id-456) .entry-content h2, body:not(.page-id-456) .pap-section h2 { font-size: 24px !important; font-weight: 700 !important; line-height: 1.25 !important; color: var(--papw-ink) !important; } body:not(.page-id-456) .entry-content h3 { font-size: 19px !important; font-weight: 700 !important; color: var(--papw-ink) !important; } body:not(.page-id-456) .entry-content p, body:not(.page-id-456) .entry-content li { font-size: 16px !important; line-height: 1.75 !important; } body:not(.page-id-456) .entry-content img { border-radius: 12px !important; } body:not(.page-id-456) .pap-section-intro, body:not(.page-id-456) .pap-closing p { font-size: 16px !important; color: var(--papw-muted) !important; } /* 29.8 Sklep — breadcrumb, nagłówek katalogu, paginacja, komunikaty */ .woocommerce-breadcrumb, .woocommerce-breadcrumb a { font-size: 13px !important; color: var(--papw-muted) !important; } .woocommerce-products-header__title, .woocommerce-products-header h1 { font-size: 26px !important; font-weight: 700 !important; color: var(--papw-ink) !important; } .woocommerce-result-count { font-size: 14px !important; color: var(--papw-muted) !important; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { font-size: 15px !important; } .woocommerce-message, .woocommerce-info, .woocommerce-error { font-size: 15px !important; } .woocommerce .star-rating span:before, .woocommerce .star-rating:before { color: var(--papw-accent) !important; } /* 29.9 Spójne zaokrąglenia zdjęć i kart w całym sklepie */ .woocommerce-product-gallery__image img, .woocommerce div.product div.images img { border-radius: 12px !important; } .woocommerce-product-gallery__wrapper, .woocommerce div.product div.images { border-radius: 12px !important; overflow: hidden; } /* 29.10 „Dodaj do koszyka" na kartach produktów — promień 10 px (nie pigułka). Stara reguła używała selektora z wyższą specyficznością (a.button), dlatego powtarzamy tak samo mocny selektor, ale później. */ .woocommerce ul.products li.product a.button, .woocommerce-page ul.products li.product a.button, ul.products li.product a.button, .woocommerce ul.products li.product a.add_to_cart_button, .woocommerce-page ul.products li.product a.add_to_cart_button, .woocommerce a.add_to_cart_button, .woocommerce-page a.add_to_cart_button, a.add_to_cart_button, a.add_to_cart_button.ajax_add_to_cart, .woocommerce a.button.product_type_simple, .woocommerce a.button.product_type_variable, .woocommerce a.button.product_type_grouped { border-radius: 10px !important; font-size: 15px !important; min-height: 44px !important; font-weight: 600 !important; } /* ============================================================ 30. SKLEP — USUNIĘCIE WSTĘPU NAD KATALOGIEM Ukrywa zdanie: „Każdy przedmiot zaczyna się od kawałka drewna…", wstawiane przez wtyczkę papagianni-site (woocommerce_archive_description). (Ten sam element jest też usuwany z DOM przez skrypt). ============================================================ */ .pap-shop-front, .pap-shop-intro, .woocommerce-archive-description .pap-shop-front, .woocommerce-archive-description .pap-shop-intro, body.post-type-archive-product .pap-shop-front, body.post-type-archive-product .pap-shop-intro, body.woocommerce-shop .pap-shop-front, body.woocommerce-shop .pap-shop-intro { display: none !important; visibility: hidden !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } /* ============================================================ 31. SKLEP — NIŻSZY OBRYS NAGŁÓWKA HERO Mniej pustego miejsca w pionie (oryginał: 44px góra / 34px dół). ============================================================ */ .pap-shop-hero { padding-top: 30px !important; padding-bottom: 22px !important; margin-bottom: 24px !important; } .pap-shop-hero .pap-hero-title { margin-bottom: 10px !important; } /* ============================================================ 32. PACZKOMAT — CZYTELNY KOMUNIKAT POD PRZYCISKIEM Oryginał (wtyczka): mały tekst 0.85em, jasny bursztyn + emoji. Tu: wyraźny „boks" informacyjny, czarny tekst, czytelny rozmiar. ============================================================ */ #select-point-container::after, .furgonetka-wc-blocks-pickup-point-block-container::after { content: 'Wybierz punkt, w którym realnie odbierzesz paczkę — bez tego nie dokończysz zamówienia.' !important; display: block !important; margin-top: 12px !important; padding: 10px 13px !important; background: #fff8ef !important; border: 1px solid #f0e0cc !important; border-left: 3px solid var(--papw-accent) !important; border-radius: 8px !important; color: #4a3a2a !important; font-family: var(--papw-font) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.55 !important; text-align: left !important; height: auto !important; max-width: 100% !important; box-sizing: border-box !important; overflow: visible !important; } /* 32.2 Stan „nie wybrano paczkomatu" — też czytelnie */ #selected-point:empty::after, .furgonetka-wc-blocks-pickup-point-block-label:empty::after { content: 'Nie wybrano jeszcze paczkomatu — kliknij przycisk i wskaż punkt na mapie.' !important; display: block !important; color: var(--papw-muted) !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.5 !important; } /* 32.3 Wybrany punkt — wyraźny, ciemny tekst z akcentem */ #selected-point, #selected-point:not(:empty)::before, .furgonetka-wc-blocks-pickup-point-block-label, .furgonetka-wc-blocks-pickup-point-block-label::before { color: var(--papw-ink) !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.5 !important; } .furgonetka-wc-blocks-pickup-point-block-label { margin-top: 9px !important; }