/*
Theme Name: Shoptimizer Child Theme
Theme URI: 
Description: Child theme of Shoptimizer
Author: CommerceGurus
Author URI: 
Template: shoptimizer
Version: 1.2.2
License:         	GNU General Public License v2 or later
License URI:     	http://www.gnu.org/licenses/gpl-2.0.html
*/


/* własny subheading jako span */
span.cs-subtitle {color: #ee9e13;margin-top: -10px; display: block; font-weight: 600;}



/* Top Bar Right - własne style */

span.top-bar-right-cs1 {display: inline-flex;padding-right: 5px!important;overflow: hidden;}



/* Kategoria - zdjęcie na całą szerokość */

.tax-product_cat header.woocommerce-products-header {
	flex-wrap: wrap;
}

.content-area header.woocommerce-products-header img {
	order: 1;
	width: 100%;
}

.term-description {
	order: 2;
}

@media (min-width: 993px) {
.image-exists .term-description {
    width: 100%;
}
}

header.woocommerce-products-header .term-description+img.cg-cat-image, header.woocommerce-products-header .term-description+noscript+img.cg-cat-image {
   min-width: 100%!important;
    max-width: 100%!important;
}

/* Produkt - szerokość prawej kolumny przy wyborze sidebar regular */

@media (min-width: 771px) {.pdp-g-regular div.product .summary {

width: 45%; margin-right: 5%;

}
}



/* Kategoria - podizał obrazkowy tekst na środku */

body ul.products li.product.product-category {text-align: center!important;}



/* Proodukt - Lista ul li ikona przed */

.cs-product-list ul li {
    position: relative;
    margin-bottom: 3px;
    margin-left: 10px;
    list-style: none;
	    padding-left: 10px;
}

.cs-product-list ul li::before {
    position: absolute;
    top: 3px;
    left: -22px;
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: #ee9e13;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 12L11 14L15 10M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z' stroke='%234A5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 12L11 14L15 10M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z' stroke='%234A5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}


/* Karta produktu - Omnibus najniższa cena */

span#omnibus-price-data {
    display: inline-block;
    margin-top: 25px;
    position: relative;
    color: #bababa;
    font-size: 13px;
}




 /* rozwijany opis na stronie */

.content-cs #hiddenContent {
    display: none;
}

.content-cs #toggleText {
    cursor: pointer;
    color: #ee9e13!important;
    margin-top: 15px; /* Dodaje margines górny */
    display: block;   /* Ustawia element jako blokowy, aby nowa linia zaczynała się przed nim */
}
	
	
	/* Gutenberg - Rozciągnięcie tła bloku na pełną szerokość */
.full-width-bg {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding-left: calc(50vw - 50%);
    padding-right: calc(50vw - 50%);
    background-color: #f7f7f7; /* Przykładowy kolor tła */
}




/* Potwierdzenie zamówienia - link powrotny do sklepu */

.woocommerce .cs-box-powrot {width:100%!important; margin:45px 0!important;}
.woocommerce .cs-box-powrot p {text-align:center!important; width:auto; height:auto;}
.woocommerce .cs-box-powrot p a {padding:15px; background:#ee9e13; color:#fff;}



/* Filter Everything Pro - Filtrowanie - strony statyczne usuwanie przycisku szablonu 


.page-template .mobile-filter.shoptimizer-mobile-toggle {
    display: none !important;
}
*/


/* Filter Everything Pro - Filtrowanie - kategorie - aktrywne filtry nad produktami mobile i dekstop */


.cs-filtry-mobile-desktop {
    display: flex;
    flex-wrap: wrap; /* Zapewnia, że elementy mogą przechodzić do nowej linii, jeśli brakuje miejsca */
    margin-top: 20px !important;
}

.cs-filtry-mobile-desktop .aktywne-filtry {
    margin-right: 10px; /* Dodaje trochę miejsca po prawej stronie napisu "Aktywne filtry:" */
    font-weight: bold;
	display: none; /* Ukrywa napis domyślnie */
}

.cs-filtry-mobile-desktop .wpc-custom-selected-terms {
    display: flex;
    flex-wrap: nowrap; /* Zapobiega przechodzeniu elementów do nowej linii */
    overflow-x: auto; /* Włącza poziome przewijanie gdy elementy przekraczają szerokość kontenera */
    align-items: center; /* Centruje elementy wertykalnie */
    -webkit-overflow-scrolling: touch; /* Ulepsza przewijanie na urządzeniach dotykowych */
}

.cs-filtry-mobile-desktop .wpc-filter-chip {
    display: flex;
    align-items: center; /* Wyrównuje tekst i ikony wewnątrz każdego chipa filtru do środka w pionie */
    margin-right: 5px; /* Dodaje trochę miejsca po prawej stronie każdego filtru */
}

/* Przesłanianie globalnych styli dla szerokości ekranu 768px i większych, ale tylko dla elementów wewnątrz .cs-filtry-mobile-desktop */
@media screen and (min-width: 768px) {
    .cs-filtry-mobile-desktop .wpc-custom-selected-terms {
        clear: none; /* Anuluje globalne ustawienie clear, jeśli było problematyczne */
        width: auto; /* Anuluje globalne ustawienie szerokości na 100%, co pozwala na wyświetlanie w linii */
        /* Tutaj możesz dodać dodatkowe style specyficzne dla tego kontekstu */
    }
}




/* Opinie wypowiedzi cytaty - BLOG */

.content-area blockquote {
    background: #f7f7f7 !important;
    padding: 10px!important;
}

.content-area blockquote p {
   font-size: 16px !important;
   font-style: italic!important;
}