/* 
Theme Name:   hello-elementor-child
Template:     hello-elementor
*/

span.sku_wrapper {
    display: none;
}
button#wpforms-submit-3041 {
    background: #de8e37;
}

button#wpforms-submit-2383 {
    background: #de8e37;
}

.product-cat-details {
    margin-top: 50px;
}


section.related.products {
    margin-top: 70px;
}


.product-categories > .cat-item > a {
    font-weight: 600 !important;
}

/* Styl dla aktywnej głównej kategorii */
ul.product-categories > li.current-cat > a {
  color: #f39c12; /* Zmieniamy kolor tekstu na pomarańczowy */
  font-weight: bold; /* Pogrubiamy tekst */
}

/* Styl dla głównych kategorii, które nie są aktywne */
ul.product-categories > li > a {
  font-weight: bold; /* Pogrubiamy wszystkie główne kategorie */
}

/* Styl dla aktywnej podkategorii (B, C) */
ul.product-categories li.current-cat a {
  color: #f39c12; /* Pomarańczowy kolor */
  font-weight: bold; /* Pogrubiamy tekst dla podkategorii */
}

/* Zapewniamy, że podkategorie B i C nie będą pogrubione, jeśli nie są aktywne */
ul.product-categories li:not(.current-cat) > a {
  font-weight: normal; /* Normalna waga czcionki dla nieaktywnych kategorii */
}





.woocommerce div.product .product_title {
    clear: none;
    margin-top: 0;
    padding: 0;
    text-align: left;
}



.woocommerce ul.order_details {
    margin: 40px 0px 40px 0px;
    list-style: none;
    
}


.wc-block-components-radio-control__description, .wc-block-components-radio-control__secondary-description {
    font-size: 10px;
    line-height: 1.55;
}


.elementor img {
      border-radius: 10px !important;
}


.woocommerce div.product form.cart {
    margin-bottom: 2em;
    margin-top: 20px !important;
}

.woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: left;
    padding: 9px 15px 9px 15px !important;
}






.woocommerce div.product form.cart .button {
    
    margin-right: 20px !important;
}


span.posted_in {
    font-size: 14px;
}



article.post {
    margin-bottom: 80px;
}


.post .wp-post-image {
    width: 100%;
    max-height: 500px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
}


.wc-block-components-title.wc-block-components-title {
    
    font-size: 1.65em !important;
    
}


.page-header {
    margin: 0px 0px 20px 0px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: var(--e-global-color-511597c);
    border-radius: 0px 0px 0px 0px;
    color: var(--e-global-color-accent);
    font-family: "Englebert", Sans-serif;
    font-size: 48px;
    font-weight: 500;
margin-bottom: 40px;

}


h1.entry-title {
    text-align: center;
}

.elementor-kit-5 h1 {
    font-family: "Englebert", Sans-serif;
    font-size: 38px !important;
}


.post-item img {
    border-radius: 10px;
}



.is-large.wc-block-cart .wc-block-components-sidebar {
    margin-top: 0;
    border: 1px solid #d9d9d9;
    padding: 20px;
    border-radius: 5px;
}

.wc-block-components-product-metadata__description {
    display: none;
}

.product-categories .count {
    font-size: 0.8em; /* Ustaw rozmiar mniejszy niż domyślny */
    color: #666; /* Opcjonalnie zmień kolor, np. na szary */
    margin-left: 5px; /* Opcjonalnie dodaj odstęp między nazwą a ilością */
}


.product-categories > .cat-item > a {
    font-weight: 600;
}


.elementor-kit-5 h1 {
    font-family: "Englebert", Sans-serif;
    font-size: 32px;
}

.woocommerce ul.products li.product a img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 0em;
    box-shadow: none;
}


.woocommerce .products ul, .woocommerce ul.products {
    margin: 0 0 1em;
    padding: 0;
    list-style: none outside;
    clear: both;
    margin-top: 30px;
}


.elementor-786 .elementor-element.elementor-element-50a08e7 .elementor-heading-title {
    color: var(--e-global-color-accent);
    /* font-family: "Englebert", Sans-serif; */
    font-size: 38px !important;
    /* font-weight: 500; */
text-align:center;
}


.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
    float: right;
}


.woocommerce .woocommerce-result-count {
    margin: 0 0 1em;
    font-size: 14px !important;
}

.button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 14px!important;
    line-height: 1.5;
    margin: 0;
}





/* Naprawa pozycji punktów w liście nawigacyjnej */
.woocommerce-MyAccount-navigation ul {
    list-style: none; /* Usuwa standardowe kropki */
    padding: 0;
    margin: 0;
}

.woocommerce-MyAccount-navigation ul li {
    list-style: none; /* Upewnia się, że kropki są wyłączone */
    display: flex;
    align-items: center; /* Ustawia pozycję treści względem siebie */
    margin-bottom: 10px; /* Odstęp między elementami */
}

.woocommerce-MyAccount-navigation ul li a {
    text-decoration: none; /* Usuwa podkreślenie z linków */
    margin-left: 10px; /* Dodaje odstęp między ikoną a tekstem (jeśli używasz ikon) */
    font-size: 16px; /* Ustawia czytelny rozmiar czcionki */
    color: #333; /* Kolor tekstu */
}

/* Opcjonalnie: styl aktywnego elementu */
.woocommerce-MyAccount-navigation-link.is-active a {
    font-weight: bold;
    color: #FF9800; /* Wybierz kolor, np. pomarańczowy */
}



.woocommerce a.added_to_cart {
    padding-top: .5em;
    display: inline-block;
    font-size: 14px;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce input.button:hover {
    background-color: #8B4513;
    text-decoration: none;
    background-image: none;
    color: #ffffff;
}



.woocommerce ul.products li.product .button {
    display: inline-block;
    margin-top: 0.2em;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce input.button {
    font-size: 16px;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 400;
    border-radius: 3px;
    left: auto;
    color: #ffffff;
    background-color: #DE8E37;
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
}


.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 2.8% 2.992em 0!important;
    padding: 0;
    position: relative;
    width: 22.05%;
    margin-left: 0;
    text-align: center;
}


.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 22.05%;
    margin-left: 0;
    text-align: center;
}

.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
    clear: both;
    text-align: center;
}


.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
    color: #b3af54;
    text-align: center;
    color: #DE8E37;
}




.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    padding: .5em 0;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 400;
}






.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: #DE8E37;
    color: #fff;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb {
    font-size: .82em;
    color: #767676;
}

input[type=text], input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=url], select, textarea {
    width: 100%;
    border: solid 1px #666666;
    border-radius: 3px;
    padding: 0.3rem 0.5rem !important;
    transition: all 0.3s;
}

.woocommerce div.product p.stock {
    font-size: .92em;
    margin-top: 10px;
}

.woocommerce div.product form.cart {
    margin-bottom: 2em;
    margin-top: 10px;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce input.button.alt:hover{
background-color: #8B4513;
    color: #fff;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce input.button.alt {
    background-color: #DE8E37;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}


.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: #DE8E37;
    font-size: 1.25em;
    margin-bottom: 10px;
}


.woocommerce div.product form.cart .variations {
    margin-bottom: 1em;
    border: 0;
    width: 100%;
    margin-top:20px !important;
}

a.reset_variations {
    display: none;
}



/* Stylizacja zdjęć produktów */
.wc-block-grid__product-image img {
    border-radius: 10px;
}

/* Stylizacja przycisków */
.wp-block-button__link.add_to_cart_button {
    background-color: #DE8E37; /* Pomarańczowy kolor */
    color: #FFFFFF; /* Biały tekst */
    border: none; /* Usuń obramowanie */
    padding: 10px 20px; /* Przestrzeń wewnętrzna */
    border-radius: 5px; /* Zaokrąglone rogi */
    font-size: 18px; /* Rozmiar tekstu */
    font-weight: 400; /* Pogrubienie */
    text-transform: none; /* Wielkie litery */
    text-align: center; /* Wyśrodkowanie tekstu */
    transition: background-color 0.3s ease; /* Animacja na hover */
  text-decoration: none;
}

/* Hover dla przycisków */
.wp-block-button__link.add_to_cart_button:hover {
    background-color: #8B4513; /* Brązowy kolor na hover */
    color: #FFFFFF; /* Biały tekst na hover */
 font-size: 16px; /* Rozmiar tekstu */
}

/* Stylizacja cen produktów */
.wc-block-grid__product-price .woocommerce-Price-amount {
    color: #FFA500; /* Pomarańczowy kolor */
    font-weight: 400; /* Pogrubienie */
 font-size: 16px; /* Rozmiar tekstu */
}

/* Stylizacja nazw produktów */
.wc-block-grid__product-title {
    font-family: 'Montserrat', sans-serif; /* Czcionka Montserrat */
    font-size: 16px; /* Rozmiar tekstu */
    font-weight: 400; /* Normalna grubość */
    text-decoration: none; /* Brak dekoracji */
    color: #000000; /* Czarny tekst */
    margin-top: 10px; /* Przerwa nad tytułem */
    text-align: center; /* Wyśrodkowanie */
 text-decoration: none;
}









.woocommerce-product-gallery__image {
    border-radius: 10px !important;
}



.woocommerce ul.products li.product a img {
    border-radius: 10px!important;
}



.alignwide {
    margin-left: 0px !important;
    margin-right: 0px !important;
padding:20px;
}


span.price {
    color: #DE8E37;!important;
   
}


@font-face{
font-famiy:'nameOfFont';
src: url(data:application/font-woff;charset=utf-8;base64______format("woff");
}

.requiredFont input[type=radio]{
    font-family: nameOfFont;
    display: inline-block;
    text-decoration: inherit;
}
 .requiredFont input[type=radio]{
    content: "\E608";
}

.requiredFont input[type=radio]:checked {
    content: "\E609";
    color: reqired HEX Color;
}


.elementor-widget-hfe-cart.toggle-icon--bag-medium .hfe-menu-cart__toggle .elementor-button-icon i {
    display: none; /* Ukryj domyślną ikonę */
}

.elementor-widget-hfe-cart.toggle-icon--bag-medium .hfe-menu-cart__toggle .elementor-button-icon {
    background-image: url('https://piekarniakisala.pl/wp-content/uploads/2024/06/kisala_cart.png'); /* Zamień na właściwy URL */
    background-size: contain; /* Dopasuj obrazek do kontenera */
    background-repeat: no-repeat; /* Nie powtarzaj obrazka */
    width: 34px; /* Ustaw szerokość zgodnie z potrzebą */
    height: 34px; /* Ustaw wysokość zgodnie z potrzebą */
    display: inline-block; /* Ustaw, aby działało jako element blokowy */
    vertical-align: middle; /* Wyśrodkuj pionowo */
}











ul.product-categories {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

li.cat-item {
    padding: 5px;
   
}










/* Zaokrąglenie rogów miniatur */
.woocommerce div.product div.images .flex-control-thumbs li img {
    border-radius: 10px; /* Zaokrąglone rogi */
    overflow: hidden; /* Zapobieganie wychodzeniu obrazów poza zaokrąglenie */
}

/* Ustawienie 6 miniatur w jednej linii */
.woocommerce div.product div.images .flex-control-thumbs {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 10px; /* Odstępy między miniaturami */
    margin-top: 10px; /* Margines 10px między głównym zdjęciem a miniaturami */
}

.woocommerce div.product div.images .flex-control-thumbs li {
    width: calc(100% / 6 - 10px); /* Szerokość jednej miniatury */
    margin: 0; /* Usuń domyślne marginesy */
    list-style: none;
}






/* Stylizacja kontenera dla pola ilości */
.woocommerce-cart .cart_item .quantity {
    display: flex; /* Ustawia kontener jako flex */
    align-items: center; /* Wyrównanie w poziomie */
    justify-content: center; /* Wyrównanie w pionie */
    gap: 10px; /* Odstęp pomiędzy przyciskami */
}

/* Stylowanie przycisków do zmiany ilości */
.woocommerce-cart .cart_item .quantity .qty {
    width: 50px; /* Szerokość pola ilości */
    height: 40px; /* Wysokość pola ilości */
    text-align: center; /* Wyśrodkowanie tekstu */
    font-size: 20px; /* Zwiększenie rozmiaru czcionki */
    line-height: 40px; /* Wyrównanie tekstu w pionie */
    border: 1px solid #ccc; /* Obramowanie pola */
    border-radius: 5px; /* Zaokrąglone rogi */
    padding: 5px; /* Padding wewnętrzny */
    box-sizing: border-box; /* Uwzględnia padding i border w szerokości */
    outline: none; /* Brak obramowania przy klikaniu */
}

/* Stylizacja przycisków do zwiększania i zmniejszania ilości */
.woocommerce-cart .cart_item .quantity .plus,
.woocommerce-cart .cart_item .quantity .minus {
    background-color: #FFA500; /* Kolor tła pomarańczowy */
    color: white; /* Kolor tekstu biały */
    border: none; /* Brak obramowania */
    width: 30px; /* Szerokość przycisków */
    height: 30px; /* Wysokość przycisków */
    font-size: 18px !important; /* Rozmiar czcionki przycisków */
    display: flex; /* Wyświetlanie jako flex */
    align-items: center; /* Wyrównanie w poziomie */
    justify-content: center; /* Wyrównanie w pionie */
    border-radius: 50%; /* Zaokrąglenie przycisków */
    cursor: pointer; /* Zmieniamy kursor na wskaźnik */
    transition: background-color 0.3s ease; /* Płynna zmiana koloru przycisku */
}

/* Zmiana koloru przycisków po najechaniu */
.woocommerce-cart .cart_item .quantity .plus:hover,
.woocommerce-cart .cart_item .quantity .minus:hover {
    background-color: #8B4513; /* Kolor brązowy */
}

/* Stylizacja stanu aktywnego przycisków */
.woocommerce-cart .cart_item .quantity .plus:active,
.woocommerce-cart .cart_item .quantity .minus:active {
    background-color: #A52A2A; /* Ciemniejszy brąz */
}





/* Styl przycisku - kolor pomarańczowy z białymi napisami */
.wc-block-cart__submit-container .wc-block-cart__submit-button {
    background-color: #DE8E37; /* Pomarańczowy */
    color: white; /* Białe napisy */
    border: none; /* Brak obramowania */
    padding: 10px 20px; /* Odstępy wewnętrzne */
    text-align: center; /* Wyśrodkowanie tekstu */
    border-radius: 5px; /* Zaokrąglone rogi */
    font-size: 16px; /* Rozmiar czcionki */
    font-weight: bold; /* Pogrubiona czcionka */
    text-decoration: none; /* Usunięcie podkreślenia */
    display: inline-block; /* Zmiana typu na blok */
    transition: background-color 0.3s, color 0.3s; /* Płynna zmiana koloru przy najechaniu */
}

/* Styl przycisku po najechaniu - kolor brązowy z białymi napisami */
.wc-block-cart__submit-container .wc-block-cart__submit-button:hover {
    background-color: #8B4513; /* Brązowy */
    color: white; /* Białe napisy */
}




/* Naprawa problemu z ucinaniem zawartości w wersji mobilnej */
@media (max-width: 768px) {
    /* Ustawienie kontenera koszyka, aby wypełniał całą szerokość ekranu */
    .wc-block-components-sidebar {
        width: 100% !important;
        padding-left: 5px !important;  /* Margines z lewej */
        padding-right: 5px !important; /* Margines z prawej */
        box-sizing: border-box !important; /* Uwzględnia marginesy w szerokości */
    }

    /* Dostosowanie szerokości wszystkich sekcji wewnątrz sidebaru */
    .wp-block-woocommerce-cart-order-summary-block,
    .wc-block-components-totals-wrapper,
    .wc-block-components-totals-item {
        width: 100% !important; /* Wypełnia całą szerokość ekranu */
        box-sizing: border-box !important; /* Uwzględnia padding w szerokości */
    }

    /* Usunięcie wszelkich niepożądanych marginesów wewnętrznych */
    .wc-block-cart__sidebar {
        margin-left: 0 !important; /* Usunięcie marginesu z lewej */
        margin-right: 0 !important; /* Usunięcie marginesu z prawej */
    }

    /* Upewnienie się, że przycisk przejścia do płatności ma odpowiednią szerokość */
    .wc-block-cart__submit-container a {
        width: 100% !important; /* Przycisk ma pełną szerokość */
        box-sizing: border-box !important;
    }

    /* Dostosowanie do szerokości dla sekcji podsumowania */
    .wp-block-woocommerce-cart-order-summary-coupon-form-block {
        margin-bottom: 10px !important; /* Drobny margines dla odstępu */
    }

    /* Przycisk "Dodaj kupon" dostosowany do szerokości */
    .wc-block-components-panel__button {
        width: 100% !important; /* Szerokość na 100% */
        text-align: center !important; /* Centrowanie tekstu */
    }

    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%!important;
        float: left;
        clear: both;
        margin: 0 0 2.992em;
    }
}






.wc-block-components-form .wc-block-components-text-input input:-webkit-autofill, .wc-block-components-form .wc-block-components-text-input.is-active input[type=email], .wc-block-components-form .wc-block-components-text-input.is-active input[type=number], .wc-block-components-form .wc-block-components-text-input.is-active input[type=password], .wc-block-components-form .wc-block-components-text-input.is-active input[type=tel], .wc-block-components-form .wc-block-components-text-input.is-active input[type=text], .wc-block-components-form .wc-block-components-text-input.is-active input[type=url], .wc-block-components-text-input input:-webkit-autofill, .wc-block-components-text-input.is-active input[type=email], .wc-block-components-text-input.is-active input[type=number], .wc-block-components-text-input.is-active input[type=password], .wc-block-components-text-input.is-active input[type=tel], .wc-block-components-text-input.is-active input[type=text], .wc-block-components-text-input.is-active input[type=url] {
   
    padding: 30px 0px 20px 10px !important;
}