/******* Do not edit this file ******* Simple Custom CSS and JS - by Silkypress.com Saved: Sep 03 2026 | 13:38:46 */ @charset "UTF-8"; /* ============================================================ Konto klienta + lojalnosc + notices — styl marki wg XD Tokeny: var(--ozi-*) drukowane w przez OZI form-styles.php (fallbacki inline). Zakres: .woocommerce-account, .wlr-*, notices. ============================================================ */ /* ---------- Uklad: nawigacja + tresc ---------- */ .woocommerce-account.logged-in .woocommerce { display: flex; flex-wrap: wrap; gap: 36px; align-items: flex-start; } .woocommerce-account.logged-in .woocommerce-notices-wrapper { flex: 0 0 100%; } .woocommerce-account.logged-in .woocommerce-MyAccount-navigation { float: none; width: 260px; flex: 0 0 260px; } .woocommerce-account.logged-in .woocommerce-MyAccount-content { float: none; width: auto; flex: 1 1 0; min-width: 0; } /* ---------- Nawigacja konta ---------- */ .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 8px 0; background: #fff; border: 1px solid var(--ozi-c-border, #DFD8D3); border-radius: 12px; overflow: hidden; } .woocommerce-MyAccount-navigation li { margin: 0; border-bottom: 0; } .woocommerce-MyAccount-navigation li + li { border-top: 1px solid #F3EFEA; } .woocommerce-MyAccount-navigation li a { display: block; padding: 13px 22px; color: var(--ozi-c-text, #232323); text-decoration: none; border-left: 3px solid transparent; transition: background 0.15s ease, color 0.15s ease; } .woocommerce-MyAccount-navigation li a:hover { background: #F7F3F0; color: var(--ozi-c-heading, #073823); } .woocommerce-MyAccount-navigation li.is-active a { background: #F7F3F0; border-left-color: var(--ozi-c-accent, #9CB477); color: var(--ozi-c-heading, #073823); font-weight: 600; } /* ---------- Przyciski (cale konto + logowanie) ---------- */ .woocommerce-account .woocommerce button.button, .woocommerce-account .woocommerce input.button, .woocommerce-account .woocommerce a.button, .woocommerce-account .woocommerce .woocommerce-Button { display: inline-block; background: var(--ozi-c-accent, #9CB477); color: #fff; border: none; border-radius: 9999px; padding: 13px 30px; font-family: var(--ozi-font, "Rubik", sans-serif); font-size: 15px; font-weight: 500; line-height: 1.2; text-decoration: none; cursor: pointer; transition: background 0.2s ease; } .woocommerce-account .woocommerce button.button:hover, .woocommerce-account .woocommerce button.button:focus, .woocommerce-account .woocommerce input.button:hover, .woocommerce-account .woocommerce a.button:hover, .woocommerce-account .woocommerce a.button:focus, .woocommerce-account .woocommerce .woocommerce-Button:hover { background: var(--ozi-c-accent-hover, #86A05F); color: #fff; } .woocommerce-account .woocommerce button.button:disabled, .woocommerce-account .woocommerce button.button[disabled] { background: #C9C5BC; color: #fff; opacity: 1; } /* mniejsze przyciski w tabelach (Zobacz, paginacja) */ .woocommerce-account .woocommerce table .button { padding: 9px 22px; font-size: 14px; } /* ---------- Pola formularzy ---------- */ /* WooCommerce 10 styluje pola przez zmienne (--wc-form-*) i selektor ".woocommerce form .form-row .input-text" — nadpisujemy zmienne w scope konta i dokladamy silniejsze warianty selektorow. */ .woocommerce-account .woocommerce { --wc-form-border-radius: var(--ozi-field-radius, 9999px); --wc-form-border-color: var(--ozi-c-border, #DFD8D3); --wc-form-color-text: var(--ozi-c-text, #232323); --wc-form-color-background: #fff; } .woocommerce-account .woocommerce form .form-row .input-text, .woocommerce-account .woocommerce form .form-row select, .woocommerce-account .woocommerce .input-text, .woocommerce-account .woocommerce select { width: 100%; min-height: var(--ozi-field-h, 54px); padding: 0 22px; background: #fff; border: 1px solid var(--ozi-c-border, #DFD8D3); border-radius: var(--ozi-field-radius, 9999px); color: var(--ozi-c-text, #232323); font-family: var(--ozi-font, "Rubik", sans-serif); font-size: 15px; box-shadow: none; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .woocommerce-account .woocommerce form .form-row textarea.input-text, .woocommerce-account .woocommerce textarea.input-text, .woocommerce-account .woocommerce textarea { min-height: 120px; padding: 14px 22px; border-radius: 16px; line-height: 1.5; } .woocommerce-account .woocommerce form .form-row .input-text:focus, .woocommerce-account .woocommerce form .form-row select:focus, .woocommerce-account .woocommerce .input-text:focus, .woocommerce-account .woocommerce select:focus, .woocommerce-account .woocommerce textarea:focus { outline: 0; border-color: var(--ozi-c-accent, #9CB477); box-shadow: 0 0 0 3px rgba(156, 180, 119, 0.18); } /* select2 (Kraj / region) w tej samej geometrii */ .woocommerce-account .select2-container .select2-selection--single { height: var(--ozi-field-h, 54px); border: 1px solid var(--ozi-c-border, #DFD8D3); border-radius: var(--ozi-field-radius, 9999px); display: flex; align-items: center; padding: 0 22px; } .woocommerce-account .select2-container .select2-selection__rendered { line-height: normal; padding: 0; color: var(--ozi-c-text, #232323); } .woocommerce-account .select2-container .select2-selection__arrow { height: 100%; right: 18px; } .woocommerce-account .select2-container--open .select2-selection--single, .woocommerce-account .select2-container--focus .select2-selection--single { border-color: var(--ozi-c-accent, #9CB477); box-shadow: 0 0 0 3px rgba(156, 180, 119, 0.18); } /* etykiety pol */ .woocommerce-account .woocommerce form .form-row label { font-family: var(--ozi-font, "Rubik", sans-serif); font-size: 14px; font-weight: 500; color: var(--ozi-c-heading, #073823); margin-bottom: 6px; } .woocommerce-account .woocommerce form .form-row .required { color: #E56B83; text-decoration: none; } /* podpowiedzi/opisy pod polami */ .woocommerce-account .woocommerce form .form-row em, .woocommerce-account .woocommerce fieldset em { color: #7d7d7d; font-size: 13px; } /* oczko pokazywania hasla w pill-input */ .woocommerce-account .woocommerce .password-input .show-password-input { top: 50%; transform: translateY(-50%); right: 20px; } .woocommerce-account .woocommerce .password-input .show-password-input::after { color: #7d7d7d; } /* radio / checkbox */ .woocommerce-account input[type="radio"], .woocommerce-account input[type="checkbox"] { accent-color: var(--ozi-c-accent, #9CB477); width: 17px; height: 17px; } /* "Kupuje jako" (pola OZI) — radio w jednej linii */ .woocommerce-account #billing_invoice_type_field .woocommerce-input-wrapper { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } .woocommerce-account #billing_invoice_type_field label.radio { display: inline-flex; align-items: center; gap: 7px; margin: 0 20px 0 0; font-weight: 400; color: var(--ozi-c-text, #232323); } .woocommerce-account #billing_invoice_type_field input[type="radio"] { margin: 0; } /* checkboxy z etykieta w jednej linii (Zapamietaj mnie, faktura imienna) */ .woocommerce-account .woocommerce-form__label-for-checkbox { display: inline-flex; align-items: center; gap: 8px; } .woocommerce-account .woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox { margin: 0; } /* ---------- Formularze goscia: logowanie / zapomniane haslo ---------- */ .woocommerce-account:not(.logged-in) .woocommerce { max-width: 640px; margin-left: auto; margin-right: auto; } .woocommerce-account:not(.logged-in) .woocommerce > h2 { text-align: center; } .woocommerce-account:not(.logged-in) form.woocommerce-form-login, .woocommerce-account:not(.logged-in) form.woocommerce-form-register, .woocommerce-account form.woocommerce-ResetPassword { background: #fff; border: 1px solid var(--ozi-c-border, #DFD8D3); border-radius: 16px; padding: 36px 40px 40px; margin-top: 8px; } .woocommerce-account:not(.logged-in) form.woocommerce-form-login .woocommerce-form-login__submit, .woocommerce-account:not(.logged-in) form.woocommerce-form-register .woocommerce-form-register__submit, .woocommerce-account form.woocommerce-ResetPassword .woocommerce-Button { width: 100%; margin-top: 6px; } .woocommerce-account:not(.logged-in) form.woocommerce-form-login .woocommerce-form-login__rememberme { display: block; padding: 2px 0 14px; } .woocommerce-account .lost_password { text-align: center; } .woocommerce-account .lost_password a, .woocommerce-account .woocommerce-privacy-policy-text a { color: var(--ozi-c-heading, #073823); } /* Uklad dwukolumnowy logowanie + rejestracja */ .woocommerce-account:not(.logged-in) .woocommerce:has(.u-columns#customer_login) { max-width: 1040px; } .woocommerce-account:not(.logged-in) .u-columns#customer_login h2 { text-align: center; } .woocommerce-account:not(.logged-in) .u-columns#customer_login .u-column2 { margin-top: 0; } @media (max-width: 768px) { .woocommerce-account:not(.logged-in) .u-columns#customer_login .u-column2 { margin-top: 32px; } } /* ---------- Tabele (zamowienia, szczegoly, pobrania) ---------- */ .woocommerce-account .woocommerce table.shop_table { border: 1px solid var(--ozi-c-border, #DFD8D3); border-radius: 12px; border-collapse: separate; border-spacing: 0; overflow: hidden; } .woocommerce-account .woocommerce table.shop_table th, .woocommerce-account .woocommerce table.shop_table td { border: none; padding: 14px 18px; } .woocommerce-account .woocommerce table.shop_table thead th, .woocommerce-account .woocommerce table.shop_table tfoot th { background: #F7F3F0; color: #7d7d7d; font-family: var(--ozi-font, "Rubik", sans-serif); font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; } .woocommerce-account .woocommerce table.shop_table tbody th, .woocommerce-account .woocommerce table.shop_table tbody td { border-top: 1px solid #ECE7E1; } .woocommerce-account .woocommerce table.shop_table thead + tbody tr:first-child td, .woocommerce-account .woocommerce table.shop_table thead + tbody tr:first-child th { border-top: none; } .woocommerce-account .woocommerce table.my_account_orders tbody tr:hover td { background: #FAF7F3; } .woocommerce-account .woocommerce table.shop_table a:not(.button) { color: var(--ozi-c-heading, #073823); font-weight: 600; } .woocommerce-account .woocommerce table.shop_table tfoot td { color: var(--ozi-c-heading, #073823); font-weight: 600; } /* wiersz Razem w szczegolach zamowienia odrobine wiekszy */ .woocommerce-account .woocommerce table.order_details tfoot tr:last-child th, .woocommerce-account .woocommerce table.order_details tfoot tr:last-child td { font-size: 16px; } /* ---------- Karty: adresy, dane klienta przy zamowieniu ---------- */ .woocommerce-account .woocommerce-Address header.title { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; } .woocommerce-account .woocommerce-Address header.title .edit { color: var(--ozi-c-accent-hover, #86A05F); font-weight: 500; text-decoration: none; } .woocommerce-account .woocommerce-Address header.title .edit:hover { color: var(--ozi-c-heading, #073823); } .woocommerce-account .woocommerce-Address header.title h2 { font-size: 28px; } .woocommerce-account .woocommerce-Address address, .woocommerce-account .woocommerce-customer-details address { background: #fff; border: 1px solid var(--ozi-c-border, #DFD8D3); border-radius: 12px; padding: 20px 24px; line-height: 1.7; font-style: normal; } /* ---------- Notices: klasyczne Woo ---------- */ .woocommerce-message, .woocommerce-info, .woocommerce-error { background: #F6F8F0; color: var(--ozi-c-text, #232323); border: 1px solid var(--ozi-c-accent, #9CB477); border-left-width: 4px; border-radius: 12px; padding: 14px 20px 14px 56px; } .woocommerce-message::before, .woocommerce-info::before, .woocommerce-error li::before, .woocommerce-error::before { color: var(--ozi-c-accent, #9CB477); } .woocommerce-info { background: #FDF6EA; border-color: #F99E31; } .woocommerce-info::before { color: #F99E31; } .woocommerce-error { background: #FBF0F2; border-color: #E56B83; } .woocommerce-error::before, .woocommerce-error li::before { color: #E56B83; } .woocommerce-message a, .woocommerce-info a, .woocommerce-error a { color: var(--ozi-c-heading, #073823); } /* ---------- Notices: banery blokowe (koszyk) ---------- */ .wc-block-components-notice-banner.is-error { background-color: #FBF0F2 !important; border-color: #E56B83 !important; color: var(--ozi-c-text, #232323) !important; border-radius: 12px; } .wc-block-components-notice-banner.is-error > svg { fill: #E56B83 !important; background-color: transparent !important; } .wc-block-components-notice-banner.is-success { background-color: #F6F8F0 !important; border-color: var(--ozi-c-accent, #9CB477) !important; color: var(--ozi-c-text, #232323) !important; border-radius: 12px; } .wc-block-components-notice-banner.is-success > svg { fill: var(--ozi-c-accent, #9CB477) !important; background-color: transparent !important; } .wc-block-components-notice-banner.is-info { background-color: #FDF6EA !important; border-color: #F99E31 !important; color: var(--ozi-c-text, #232323) !important; border-radius: 12px; } .wc-block-components-notice-banner.is-info > svg { fill: #F99E31 !important; background-color: transparent !important; } /* ---------- Box newslettera Ecomail na kokpicie ---------- */ .woocommerce-account .ecomail-subscribtion-info { background: #fff; border: 1px solid var(--ozi-c-border, #DFD8D3); border-radius: 16px; padding: 24px 28px; align-items: center; } .woocommerce-account .ecomail-subscribtion-info__text h3 { margin: 0 0 4px; font-size: 18px; font-weight: 600; color: var(--ozi-c-heading, #073823); } .woocommerce-account .ecomail-subscribtion-info__text p { color: var(--ozi-c-text, #232323); margin: 0 0 10px; } .woocommerce-account .ecomail-subscribtion-info__badge { border-radius: 9999px; padding: 4px 14px; font-size: 12px; letter-spacing: 0.04em; } .woocommerce-account .ecomail-subscribtion-info__badge.ecomail-subscribed { background: #F6F8F0; color: #5F7A34; border: 1px solid var(--ozi-c-accent, #9CB477); } .woocommerce-account .ecomail-subscribtion-info__badge.ecomail-unsubscribed { background: #FDF6EA; color: #B97A1C; border: 1px solid #F99E31; } /* ---------- Strona punktow WPLoyalty (detale po themingu ustawieniami) ---------- */ .wlr-myaccount-page { font-family: var(--ozi-font, "Rubik", sans-serif); } .wlr-myaccount-page .wlr-border-color { border-radius: 12px; } .wlr-myaccount-page .wlr-heading { font-weight: 600; letter-spacing: 0.02em; } .wlr-myaccount-page button, .wlr-myaccount-page input[type="button"] { border-radius: 9999px !important; font-family: var(--ozi-font, "Rubik", sans-serif); font-weight: 500; transition: filter 0.2s ease; } .wlr-myaccount-page button:hover { filter: brightness(0.94); } .wlr-myaccount-page select { border: 1px solid var(--ozi-c-border, #DFD8D3); border-radius: 9999px; min-height: 38px; padding: 0 14px; color: var(--ozi-c-text, #232323); } /* ---------- Mobile ---------- */ @media (max-width: 768px) { /* WC10 renderuje numer zamowienia jako , a core smallscreen chowa "tbody th" - pokazujemy go jak pozostale komorki (z etykieta) */ .woocommerce-account.logged-in .woocommerce { display: block; } .woocommerce-account.logged-in .woocommerce-MyAccount-navigation { width: 100%; margin-bottom: 24px; } .woocommerce-account:not(.logged-in) form.woocommerce-form-login, .woocommerce-account:not(.logged-in) form.woocommerce-form-register, .woocommerce-account form.woocommerce-ResetPassword { padding: 24px 20px 28px; } .woocommerce-account .woocommerce table.shop_table_responsive tr { border-bottom: 1px solid #ECE7E1; } .woocommerce-account .woocommerce table.shop_table_responsive td { border-top: none !important; padding: 10px 16px; } .woocommerce-account .woocommerce table.shop_table_responsive td::before { font-weight: 600; color: var(--ozi-c-heading, #073823); } .woocommerce-account .woocommerce table.shop_table_responsive tbody th { display: block; text-align: right; padding: 10px 16px; background: none; text-transform: none; letter-spacing: 0; font-size: 15px; } .woocommerce-account .woocommerce table.shop_table_responsive tbody th::before { content: attr(data-title) ": "; font-weight: 600; color: var(--ozi-c-heading, #073823); float: left; } } /* === karta UFNPt2Og: pola konta 16px na telefonie === */ /* Ponizej 16 px Safari na iOS przybliza strone po dotknieciu pola. Kasa (CheckoutWC) trzyma juz 16 px — tu wyrownujemy do tego progu strony konta. Tylko telefon: na desktopie karta nie zamawia zmiany. SELEKTORY SA LUSTREM REGULY ZRODLOWEJ z tego samego wpisu, ktora ustawia 15 px. Pierwsze podejscie uzywalo krotszych selektorow (.woocommerce-account form.woocommerce-form input.input-text) i PRZEGRYWALO: regula zrodlowa ma cztery klasy (0,4,1), moja miala trzy klasy i dwa elementy (0,3,2). Zmierzone — wstrzykniecie identycznej reguly na koncu tez nie wygrywalo, a dopiero !important zmienial wynik. Zamiast wojny na !important powtarzamy specyficznosc zrodla i wygrywamy kolejnoscia, bo blok jest na koncu pliku. */ @media (max-width: 768px) { .woocommerce-account .woocommerce form .form-row .input-text, .woocommerce-account .woocommerce form .form-row select, .woocommerce-account .woocommerce .input-text, .woocommerce-account .woocommerce select, .woocommerce-account .woocommerce form .form-row textarea { font-size: 16px; } } /* === koniec UFNPt2Og === */ /* === karta ZnCwYtPM: lista walut z jedna opcja === */ /* Lista walut z jedna opcja nic nie robi, a rozpycha kafelek „Wykorzystane nagrody" i psuje symetrie trojki kafelkow. WARUNEK `:has(option:only-child)` JEST TU ISTOTA, nie ozdoba: chowamy kontrolke WYLACZNIE wtedy, gdy ma jedna opcje. Gdy sklep dostanie druga walute, przelacznik wroci sam i nikt nie musi pamietac o cofnieciu tej reguly. */ #wlr_currency_list:has(option:only-child) { display: none; } /* === koniec ZnCwYtPM === */