:root{--content-width: 1430px;--content-edge-padding-x: 15px;--content-edge-padding-y: 30px;--btn-primary-bg-color: #b71c1c;--btn-primary-hover-bg-color: #b71c1c;--btn-primary-color: #ffffff;--btn-primary-hover-color: #ffffff;--product-title-color: #000000;--product-title-hover-color: #000000;--price-color-light: #000000;--price-color: #b71c1c;--btn-cart-bg-color: #b71c1c;--btn-cart-hover-bg-color: #b71c1c;--btn-cart-color: #ffffff;--btn-cart-hover-color: #ffffff;}@media (min-width: 1025px){.container {max-width:1430px;}}@media (min-width: 1025px){.container {max-width:1430px;}}.hero-section .page-title-wrapper{min-height:120px;}/* ================================================= */ /* SYSTEM STYLÓW KRUKOWIAK - V165 (CART FORCE FIX) */ /* ================================================= */ /* ------------------------------------------------- */ /* SEKCJA 0: FUNDAMENTY */ /* ------------------------------------------------- */ html, body { background-color: #f6f6f6 !important; color: #333 !important; font-family: 'Open Sans', sans-serif !important; } a { text-decoration: none !important; transition: all 0.2s ease; } /* ------------------------------------------------- */ /* SEKCJA 1: HEADER (MENU) */ /* ------------------------------------------------- */ header, #header, .header-container, .nav { background-color: #23272a !important; border-bottom: 1px solid #333 !important; color: #fff !important; } #header .logo { content: url("http://prestest.krukowiak.com.pl/img/cms/logokruk.PNG") !important; width: auto !important; height: auto !important; max-height: 80px !important; margin-top: 10px !important; } /* Kolorowanie linków w menu */ #header a, #header span, #header div, #header p, #header i { color: #ffffff !important; } input, textarea, select, .form-control { background-color: #fff !important; border: 1px solid #ccc !important; color: #333 !important; border-radius: 4px !important; } /* ------------------------------------------------- */ /* SEKCJA 2: GLOBALNE NAGŁÓWKI PODSTRON */ /* ------------------------------------------------- */ header.page-header, .page-header { background-color: #23272a !important; padding: 20px 25px !important; margin-bottom: 30px !important; border-radius: 4px !important; border-bottom: 4px solid #B71C1C !important; } header.page-header h1, .page-header h1 { color: #ffffff !important; margin: 0 !important; font-weight: 800 !important; text-transform: uppercase !important; font-size: 24px !important; background: transparent !important; } body#category header.page-header, body#product header.page-header, body#checkout header.page-header { background-color: #23272a !important; border: none !important; border-bottom: 4px solid #B71C1C !important; } /* ------------------------------------------------- */ /* SEKCJA 3: KAFELKI PRODUKTÓW */ /* ------------------------------------------------- */ .product-miniature, .product-miniature .thumbnail-container { display: flex !important; flex-direction: column !important; height: 100% !important; min-height: 480px !important; background-color: #333333 !important; color: #fff !important; border: none !important; border-radius: 12px !important; padding: 0 !important; margin-bottom: 30px !important; position: relative !important; margin-top: 10px !important; box-shadow: 0 10px 25px rgba(0,0,0,0.05) !important; transition: all 0.3s ease !important; } .product-miniature:hover { box-shadow: 0 15px 35px rgba(0,0,0,0.15), 0 0 0 1px #B71C1C !important; transform: translateY(-5px); z-index: 1000 !important; } .product-miniature .product-thumbnail { background-color: #ffffff !important; height: 250px !important; width: 100% !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; border-bottom: 2px solid #B71C1C !important; border-radius: 12px 12px 0 0 !important; } .product-miniature .product-thumbnail img { max-height: 85% !important; width: auto !important; } .product-miniature .product-description { background-color: #333333 !important; flex-grow: 1 !important; padding: 20px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; text-align: center !important; border-radius: 0 0 12px 12px !important; } .product-miniature .product-title, .product-miniature .product-title a { color: #ffffff !important; font-weight: 600 !important; margin: 0 0 10px 0 !important; font-size: 14px !important; } .product-miniature .product-title a:hover { color: #B71C1C !important; } .product-miniature .product-price-and-shipping { color: #B71C1C !important; font-size: 20px !important; font-weight: 800 !important; } /* FIX KAFELKÓW */ .product-miniature .product-thumbnail .highlighted-informations, .product-miniature .product-thumbnail .product-actions, .product-miniature .product-thumbnail .btn-action { display: none !important; } .product-miniature .product-description .btn.add-to-cart { display: flex !important; justify-content: center !important; align-items: center !important; background-color: #B71C1C !important; color: #fff !important; border: none !important; width: 100% !important; height: 45px !important; padding: 0 !important; border-radius: 6px !important; font-weight: 700 !important; text-transform: uppercase !important; margin-top: auto !important; opacity: 1 !important; visibility: visible !important; } .product-miniature .product-description .btn.add-to-cart:hover { background-color: #fff !important; color: #B71C1C !important; } .product-flags .product-flag.out_of_stock { background-color: #B71C1C !important; color: #ffffff !important; width: 100% !important; padding: 10px !important; font-weight: 700 !important; margin-top: 10px !important; } .product-miniature .wishlist-button-add { display: none !important; } /* ------------------------------------------------- */ /* SEKCJA 4: KARTA PRODUKTU */ /* ------------------------------------------------- */ body#product #wrapper, body#product #content, body#product .columns-container { background-color: #f6f6f6 !important; color: #333 !important; } /* Opis */ body#product .product-information { background-color: #333333 !important; color: #e0e0e0 !important; padding: 25px 25px 5px 25px !important; margin-bottom: 0 !important; border-radius: 12px 12px 0 0 !important; width: 100% !important; border: none !important; } body#product .product-information p, body#product .product-information span, body#product .product-information div { color: #e0e0e0 !important; } /* Cena */ body#product .product-prices { display: block !important; background-color: #333333 !important; padding: 10px 25px !important; margin: 0 !important; border-radius: 0 !important; width: 100% !important; border: none !important; } body#product .current-price span { color: #ffffff !important; font-size: 42px !important; font-weight: 800 !important; } body#product .current-price span::after { content: " brutto"; font-size: 14px !important; color: #aaa !important; margin-left: 5px !important; font-weight: normal !important; } body#product h1.h1 + .product-prices, body#product .product-prices:first-of-type:not(.product-actions .product-prices) { display: none !important; } /* Przyciski */ body#product .product-actions { background-color: #333333 !important; padding: 5px 25px 25px 25px !important; margin-bottom: 20px !important; border-radius: 0 0 12px 12px !important; width: 100% !important; border: none !important; } body#product .product-add-to-cart { background-color: transparent !important; margin: 0 !important; padding: 0 !important; border: none !important; box-shadow: none !important; } /* Gwarancja */ #block-reassurance, .block-reassurance, body#product .block-reassurance { background-color: transparent !important; border: 1px solid #ddd !important; color: #333 !important; padding: 15px !important; margin-top: 20px !important; border-radius: 8px !important; display: block !important; width: 100% !important; } #block-reassurance span, #block-reassurance p, .block-reassurance span, body#product .block-reassurance * { color: #333 !important; font-weight: 600 !important; } #block-reassurance img, #block-reassurance svg { filter: none !important; opacity: 1 !important; } /* Share */ body#product .social-sharing { background-color: transparent !important; padding: 10px 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } body#product .social-sharing li a { color: #555 !important; } body#product .social-sharing li a:hover { color: #B71C1C !important; } /* Guzik */ body#product button.add-to-cart { background-color: #B71C1C !important; color: #ffffff !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 2px !important; height: 60px !important; width: 100% !important; border: none !important; border-radius: 8px !important; box-shadow: 0 5px 15px rgba(183, 28, 28, 0.4) !important; } body#product button.add-to-cart:hover { background-color: #ffffff !important; color: #B71C1C !important; } body#product #quantity_wanted { height: 50px !important; border-radius: 6px !important; text-align: center !important; border: 1px solid #555 !important; font-weight: bold !important; } body#product .tabs { margin-top: 50px !important; background-color: #333333 !important; padding: 30px !important; border-radius: 12px !important; } body#product .nav-tabs .nav-link.active { color: #fff !important; border-bottom: 4px solid #B71C1C !important; background: transparent !important; } body#product .tab-content { color: #e0e0e0 !important; } /* ------------------------------------------------- */ /* SEKCJA 5: CHECKOUT I STOPKA */ /* ------------------------------------------------- */ .footer-container { background-color: #23272a !important; color: #e0e0e0 !important; border-top: 4px solid #B71C1C !important; padding-top: 40px !important; } #block_contact_infos, .block-contact, .contact-rich { display: none !important; } .footer-container h4, .footer-container h3, .footer-container .h4 { color: #ffffff !important; font-weight: 800 !important; text-transform: uppercase !important; border-bottom: 1px solid #444 !important; padding-bottom: 10px !important; } @media (min-width: 768px) { .footer-container .wrapper .title { display: none !important; } } .footer-container a { color: #aaaaaa !important; text-decoration: none !important; } .footer-container a:hover { color: #B71C1C !important; padding-left: 5px !important; } .checkout-process .checkout-step .step-number { background-color: #333 !important; color: #fff !important; } .checkout-process .checkout-step.-current .step-number, .checkout-process .checkout-step.-done .step-number { background-color: #B71C1C !important; border-color: #B71C1C !important; } #content-hook_order_confirmation .card-block, #content-hook_order_confirmation .card { background-color: #333333 !important; color: #ffffff !important; border: none !important; padding: 20px !important; border-radius: 8px !important; } #content-hook_order_confirmation li, #content-hook_order_confirmation em, #content-hook_order_confirmation strong, #content-hook_order_confirmation .text-muted { color: #ffffff !important; font-style: normal !important; } #content-hook_order_confirmation a { color: #B71C1C !important; font-weight: bold !important; } body#checkout article.address-item { background-color: #333333 !important; border: 1px solid #555 !important; color: #ffffff !important; } body#checkout article.address-item * { color: #ffffff !important; } body#checkout article.address-item.selected { background-color: #222222 !important; border: 3px solid #B71C1C !important; } body#checkout article.address-item .address-footer a { color: #B71C1C !important; font-weight: bold !important; } /* ------------------------------------------------- */ /* SEKCJA 6: RATUNEK DLA KOSZYKA (FORCE OVERRIDE) */ /* ------------------------------------------------- */ /* To wymusza tło i kolory przycisków, ignorując blokady */ body .elementor-menu-cart__main, body .elementor-menu-cart__container, body .elementor-menu-cart__wrapper, body .widget_shopping_cart_content { background-color: #23272a !important; /* Ciemne tło */ background: #23272a !important; } body .elementor-menu-cart__footer-buttons .elementor-button { background-color: #B71C1C !important; /* Czerwone przyciski */ color: #ffffff !important; border: none !important; } /* ================================================= */ /* DODATEK: NAPRAWA PORÓWNYWARKI (PRZYCISK USUWANIA) */ /* ================================================= */ /* 1. Wyciągamy ukryty przycisk "X" na wierzch */ .avanam-compare-item .remove, .products-comparison .remove, .cmp_remove, .js-compare-remove, a.cmp_remove { display: block !important; visibility: visible !important; opacity: 1 !important; /* Pozycjonowanie w prawym górnym rogu */ position: absolute !important; top: -10px !important; /* Lekko wystaje */ right: -10px !important; /* Lekko wystaje */ z-index: 999 !important; /* Wygląd - Czerwona kropka z X */ color: #ffffff !important; background-color: #B71C1C !important; width: 30px !important; height: 30px !important; line-height: 30px !important; text-align: center !important; border-radius: 50% !important; font-size: 14px !important; box-shadow: 0 2px 5px rgba(0,0,0,0.5) !important; cursor: pointer !important; } /* Ikona kosza w środku */ .cmp_remove i, .remove i { color: #ffffff !important; line-height: 30px !important; } /* Efekt po najechaniu */ .cmp_remove:hover, .remove:hover { background-color: #ffffff !important; color: #B71C1C !important; transform: scale(1.1); } .cmp_remove:hover i, .remove:hover i { color: #B71C1C !important; } /* 2. Ciemne tło dla kart w porównywarce (żeby pasowało do Dark Mode) */ .avanam-compare-item, #product_comparison .product-miniature { background-color: #333333 !important; color: #fff !important; border: 1px solid #444 !important; margin: 15px !important; position: relative !important; /* Ważne dla przycisku */ } /* ================================================= */ /* NAPRAWA MENU "MOJE KONTO" (DLA WIDGETU AVANAM) */ /* ================================================= */ /* 1. Główne pudełko menu (To białe tło z Twojego screena) */ .ava-dropdown-menu, .elementor-nav--dropdown, .sub-menu.ava-dropdown-menu { background-color: #23272a !important; /* Zmieniamy na Ciemny Grafit */ border: 1px solid #444 !important; box-shadow: 0 5px 15px rgba(0,0,0,0.5) !important; padding: 5px 0 !important; } /* 2. Linki w środku (Historia zamówień, Wyloguj itp.) */ .ava-dropdown-menu .elementor-sub-item, .elementor-nav--dropdown a { color: #ffffff !important; /* Biały tekst */ background-color: transparent !important; /* Usuwamy białe tła */ display: block !important; padding: 10px 20px !important; font-size: 14px !important; text-decoration: none !important; border-bottom: 1px solid #333 !important; /* Ciemna linia oddzielająca */ transition: all 0.2s ease !important; } /* Usuwamy linię pod ostatnim elementem */ .ava-dropdown-menu .elementor-sub-item:last-child { border-bottom: none !important; } /* 3. Efekt najechania (Hover) - Czerwony */ .ava-dropdown-menu .elementor-sub-item:hover, .elementor-nav--dropdown a:hover { background-color: #B71C1C !important; /* Czerwone tło */ color: #ffffff !important; padding-left: 25px !important; /* Lekki ruch w prawo */ } /* 4. Dodatkowa poprawka dla strzałki (trójkącika) jeśli występuje */ .ava-dropdown-menu::before, .ava-dropdown-menu::after { border-bottom-color: #23272a !important; /* Zmiana koloru strzałki na ciemny */ } /* ================================================= */ /* STRONA LISTY ŻYCZEŃ - V3 (MODERN GRID LAYOUT) */ /* ================================================= */ /* 1. KONTENER GŁÓWNY (Scena) */ #module-blockwishlist-lists, .wishlist-container, #_desktop_wishlist { background-color: #23272a !important; /* Główne tło */ padding: 50px !important; border-radius: 12px !important; box-shadow: 0 20px 50px rgba(0,0,0,0.4) !important; margin-top: 20px !important; margin-bottom: 20px !important; color: #e0e0e0 !important; } /* 2. NAGŁÓWEK "MOJE LISTY" */ .wishlist-title h1, .page-header h1 { color: #ffffff !important; font-size: 28px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 2px !important; border-bottom: 3px solid #B71C1C !important; /* Czerwona linia */ display: inline-block !important; padding-bottom: 10px !important; margin-bottom: 40px !important; } /* 3. NOWY WYGLĄD FORMULARZA "UTWÓRZ LISTĘ" */ .wishlist-create-item, .new-wishlist { background-color: #2e3235 !important; padding: 25px !important; border-radius: 8px !important; border: 1px solid #444 !important; margin-bottom: 40px !important; display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 15px !important; } /* Input do wpisywania nazwy */ .wishlist-create-item input, .new-wishlist input { background-color: #1a1d20 !important; border: 1px solid #555 !important; color: #fff !important; padding: 12px 20px !important; border-radius: 6px !important; flex-grow: 1 !important; /* Rozciągnij na szerokość */ outline: none !important; font-size: 15px !important; min-width: 200px !important; } .wishlist-create-item input:focus, .new-wishlist input:focus { border-color: #B71C1C !important; /* Czerwona ramka aktywna */ box-shadow: 0 0 10px rgba(183, 28, 28, 0.3) !important; } /* Przycisk "Utwórz" */ .wishlist-create-item button, .new-wishlist .btn-primary { background-color: #B71C1C !important; color: #fff !important; border: none !important; padding: 12px 30px !important; border-radius: 6px !important; font-weight: 700 !important; text-transform: uppercase !important; cursor: pointer !important; transition: all 0.3s ease !important; height: auto !important; } .wishlist-create-item button:hover, .new-wishlist .btn-primary:hover { background-color: #ffffff !important; color: #B71C1C !important; transform: translateY(-2px); } /* 4. LISTA JAKO SIATKA KAFELKÓW (GRID) */ ul.wishlist-list { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important; /* Responsywne kafelki */ gap: 25px !important; padding: 0 !important; list-style: none !important; } /* Pojedynczy kafelek listy */ li.wishlist-list-item { background-color: #333333 !important; border: 1px solid #444 !important; border-radius: 10px !important; padding: 25px !important; position: relative !important; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; min-height: 160px !important; box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important; } /* Efekt najechania na kafelek */ li.wishlist-list-item:hover { transform: translateY(-7px) !important; /* Uniesienie */ background-color: #3a3a3a !important; border-color: #B71C1C !important; /* Czerwona ramka */ box-shadow: 0 15px 30px rgba(0,0,0,0.5) !important; } /* Tytuł listy na kafelku */ .wishlist-list-item-title, .wishlist-list-item p { color: #ffffff !important; font-size: 20px !important; font-weight: 700 !important; margin-bottom: 5px !important; text-decoration: none !important; display: block !important; } .wishlist-list-item-title:hover { color: #B71C1C !important; } /* Licznik produktów (jeśli jest tekstowy) */ .wishlist-list-item-info { color: #888 !important; font-size: 13px !important; margin-bottom: 20px !important; } /* 5. PASEK AKCJI NA DOLE KAFELKA (Ikony) */ .wishlist-list-item-actions { margin-top: auto !important; padding-top: 15px !important; border-top: 1px solid #444 !important; display: flex !important; justify-content: flex-end !important; /* Ikony do prawej */ gap: 15px !important; } .wishlist-list-item-actions i, .wishlist-delete i, .wishlist-share i { color: #aaaaaa !important; font-size: 18px !important; transition: 0.2s !important; cursor: pointer !important; } .wishlist-delete:hover i { color: #ff4444 !important; } /* Kosz na czerwono */ .wishlist-share:hover i { color: #4488ff !important; } /* Udostępnianie na niebiesko */ /* 6. LINKI POWROTU NA DOLE */ .wishlist-footer-links { margin-top: 40px !important; text-align: center !important; border-top: 1px solid #333 !important; padding-top: 20px !important; } .wishlist-footer-links a { color: #777 !important; text-decoration: none !important; font-size: 14px !important; font-weight: 600 !important; transition: 0.3s !important; display: inline-flex !important; align-items: center !important; } .wishlist-footer-links a:hover { color: #B71C1C !important; } .wishlist-footer-links i { margin-right: 8px !important; } /* ================================================= */ /* NAPRAWA WYSZUKIWARKI - V8 (PRZEŁAMANIE NAGŁÓWKA) */ /* ================================================= */ /* 1. TŁO - Wymuszenie bieli wewnątrz nagłówka */ #header .search-dropdown, #header .ava-search-bar .search-dropdown, .search-dropdown, .search-dropdown > div, .search-dropdown ul, .search-dropdown li { background-color: #ffffff !important; background: #ffffff !important; border-color: #dddddd !important; box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important; } /* 2. TEKSTY - PRZEŁAMANIE BIAŁEJ CZCIONKI Z #HEADER */ /* Używamy #header w selektorze, aby uzyskać wyższy priorytet i wyłączyć wymuszoną biel */ #header .search-dropdown *, #header .search-dropdown a, #header .search-dropdown span, #header .search-dropdown p, #header .search-dropdown .product-name, #header .search-dropdown .product-title { color: #1a1a1a !important; /* Wymuszamy mocny, ciemny szary */ } /* 3. NAGŁÓWKI SEKCYJNE (np. "Popularne terminy") */ #header .search-dropdown .title, #header .search-dropdown strong, #header .search-dropdown .search-title { color: #000000 !important; font-weight: 800 !important; border-bottom: 2px solid #eeeeee !important; margin-bottom: 10px !important; padding-bottom: 5px !important; } /* 4. CENY PRODUKTÓW (Czerwone dla kontrastu) */ #header .search-dropdown .price, #header .search-dropdown .product-price { color: #B71C1C !important; font-weight: 800 !important; } /* 5. KAFELKI Z TAGAMI (Jasnoszare, czarny tekst) */ #header .search-dropdown .tags a, #header .search-dropdown .search-tags a, #header .search-dropdown .popular-terms a { background-color: #f5f5f5 !important; background: #f5f5f5 !important; border: 1px solid #dddddd !important; color: #1a1a1a !important; padding: 6px 12px !important; border-radius: 4px !important; display: inline-block !important; margin: 0 5px 5px 0 !important; transition: all 0.2s !important; font-weight: 600 !important; } /* Hover na kafelki - Akcent Krukowiak (Jedyny moment gdy tekst robi się biały) */ #header .search-dropdown .tags a:hover, #header .search-dropdown .search-tags a:hover, #header .search-dropdown .popular-terms a:hover { background-color: #B71C1C !important; background: #B71C1C !important; border-color: #B71C1C !important; color: #ffffff !important; } /* 6. LISTA PRODUKTÓW (Lekkie podświetlenie tła po najechaniu) */ #header .search-dropdown .product-row:hover, #header .search-dropdown .item:hover, #header .search-dropdown li:hover { background-color: #f9f9f9 !important; background: #f9f9f9 !important; cursor: pointer !important; } /* Nazwa produktu robi się czerwona po najechaniu myszką */ #header .search-dropdown .product-row:hover .product-name, #header .search-dropdown .item:hover .product-name, #header .search-dropdown .item:hover a { color: #B71C1C !important; } /* 7. PASEK PRZEWIJANIA (Scrollbar) */ .search-dropdown { scrollbar-width: thin; scrollbar-color: #B71C1C #f1f1f1; } .search-dropdown::-webkit-scrollbar { width: 6px; } .search-dropdown::-webkit-scrollbar-track { background: #f1f1f1; } .search-dropdown::-webkit-scrollbar-thumb { background-color: #B71C1C; border-radius: 10px; } /* 8. Naprawa ew. strzałki nad wyszukiwarką */ .search-dropdown::before, .search-dropdown::after { border-bottom-color: #ffffff !important; } /* ================================================= */ /* TOTALNE UKRYCIE POPULARNYCH TERMINÓW (OSTATECZNE) */ /* ================================================= */ #header .search-dropdown .title, #header .search-dropdown .search-title, #header .search-dropdown strong, #header .search-dropdown .tags, #header .search-dropdown .search-tags, #header .search-dropdown .popular-terms, #header .search-dropdown .tags a, #header .search-dropdown .search-tags a { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; width: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; overflow: hidden !important; border: none !important; } /* 1. Licznik koszyka (kropka) */ .elementor-widget-ava-shopping-cart .elementor-menu-cart__toggle .elementor-button-icon[data-counter]::after { content: attr(data-counter) !important; position: absolute !important; top: -5px !important; right: -5px !important; background-color: #B71C1C !important; color: #fff !important; font-size: 10px !important; border-radius: 50% !important; width: 18px !important; height: 18px !important; line-height: 18px !important; text-align: center !important; display: block !important; } /* 2. OCHRONA DOLNYCH PRZYCISKÓW (Żeby JS/CSS ich nie zepsuł) */ .elementor-menu-cart__container .elementor-button { background-color: #B71C1C !important; /* Czerwone tło wraca */ width: 100% !important; padding: 15px !important; display: block !important; height: auto !important; } .elementor-menu-cart__container .elementor-button-text { display: block !important; /* Tekst wraca */ } /* ================================================================= */ /* OSTATECZNA NAPRAWA SAMEGO KOSZYKA (Wersja Snajperska) */ /* ================================================================= */ /* 1. RESET KONTENERA GŁÓWNEGO PRZYCISKU */ /* Celujemy w guzik otwierający (.elementor-menu-cart__toggle) */ .elementor-widget-ava-shopping-cart .elementor-menu-cart__toggle .elementor-button { background-color: transparent !important; /* Usuwa tło "pigułki" */ border: none !important; padding: 0 !important; margin: 0 5px !important; /* Wymuszamy idealny kwadrat */ width: 45px !important; height: 45px !important; min-width: 45px !important; /* Ważne! Blokuje rozciąganie przez tekst */ /* Centrowanie nowej ikony */ display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; /* Baza dla licznika */ } /* 2. UKRYCIE "ŚMIECI" (Ceny i starej grafiki) */ /* To jest kluczowe - ukrywamy tekst ceny, który psuł kształt */ .elementor-widget-ava-shopping-cart .elementor-menu-cart__toggle .elementor-button-text, .elementor-widget-ava-shopping-cart .elementor-menu-cart__toggle svg, .elementor-widget-ava-shopping-cart .elementor-menu-cart__toggle i { display: none !important; } /* 3. WSTAWIENIE NOWEJ IKONY WÓZKA (FontAwesome) */ .elementor-widget-ava-shopping-cart .elementor-menu-cart__toggle .elementor-button::before { content: "\f07a" !important; /* Kod ikony wózka */ font-family: "FontAwesome" !important; color: #B71C1C !important; /* Nasza czerwień */ font-size: 24px !important; display: block !important; line-height: 1 !important; } /* 4. NAPRAWA LICZNIKA (Czerwona kropka z liczbą) */ /* Musimy zapewnić, że kontener licznika istnieje, ale nie zajmuje miejsca */ .elementor-widget-ava-shopping-cart .elementor-menu-cart__toggle .elementor-button-icon { display: block !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; position: absolute; /* Wyjmujemy z przepływu, żeby nie przesuwał ikony */ top: 0; left: 0; } /* Stylizacja samej kropki licznika */ .elementor-widget-ava-shopping-cart .elementor-menu-cart__toggle .elementor-button-icon[data-counter]::after { content: attr(data-counter); /* Pobiera liczbę z kodu */ position: absolute !important; /* Pozycjonowanie względem głównego przycisku 45x45 */ top: 5px !important; right: 5px !important; background-color: #B71C1C !important; color: #ffffff !important; font-size: 10px !important; font-weight: bold !important; min-width: 18px !important; height: 18px !important; line-height: 18px !important; border-radius: 50% !important; text-align: center !important; z-index: 10 !important; } /* ================================================================= */ /* ZABEZPIECZENIE DOLNYCH PRZYCISKÓW (Żeby nie stały się ikonami) */ /* ================================================================= */ .elementor-menu-cart__container .elementor-button { width: 100% !important; height: auto !important; min-width: auto !important; background-color: #B71C1C !important; /* Czerwone tło wraca */ padding: 15px !important; display: block !important; margin-bottom: 10px !important; } /* Przywracamy tekst przycisków "ZOBACZ KOSZYK" */ .elementor-menu-cart__container .elementor-button-text { display: inline-block !important; } /* Usuwamy ikonę wózka z dolnych przycisków */ .elementor-menu-cart__container .elementor-button::before { content: none !important; display: none !important; }