/* Add your custom styles here */




/*All Collections Filter*/

#wallpaper-patterns {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); 
    gap: 20px; 
    padding: 0px 0px 50px;
}

.wallpaper-item {
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
}




.wallpaper-filter {padding: 30px;}
.wallpaper-filter ul {list-style-type: none;padding: 0;}
.wallpaper-filter li {display: inline-block;margin: 10px;}
.wallpaper-filter li a {color: #ddd;text-decoration: none;padding: 5px 10px;border-radius: 5px;text-transform: uppercase;border: 1px solid #333;border-radius: 0;}
.wallpaper-filter li a.active,.wallpaper-filter li a:hover {color: #fff;border: 1px solid #ededed;border-radius: 0;}

/* Nadpisanie stylu Elementora */
#wallpaper-patterns .elementor-grid-item {
    min-width: auto; 
    /*width: 100%; */
    box-sizing: border-box; 
}


/* Główny kontener na filtry i pole wyszukiwania */
.filter-search-container {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center; margin-bottom: 20px;}
#load-more-container {text-align: center;}
/* Kontener filtra taksonomii */
.wallpaper-filter {flex: 3; min-width: 200px;  margin-right: 20px;}

/* Kontener pola wyszukiwania */
.pattern-search {  flex: 1;min-width: 200px;position: relative;}
input#pattern-search { background-color: transparent; color:#ddd;padding: 10px 30px 10px 10px;border-radius: 0px;box-sizing: border-box;}
/* Stylizacja przycisku "X" */
.clear-search {position: absolute; right: 10px; top: 40%; transform: translateY(-50%); cursor: pointer; font-size: 30px; color: #999; display: none; }

/* Pokaż przycisk "X" tylko, gdy jest tekst w polu wyszukiwania */
#pattern-search:not(:placeholder-shown) + .clear-search {display: block;}

/* Filtry i pole wyszukiwania pod sobą na mniejszych ekranach */
@media (max-width: 768px) {
    .filter-search-container {flex-direction: column; align-items: flex-start;  }
    .wallpaper-filter, .pattern-search { margin-right: 0; margin-bottom: 10px; width: 100%;}
    #wallpaper-patterns .pattern-title {text-align: center;font-size: 16px;}
}


#wallpaper-patterns.loading,
#wallpaper-patterns.no-results {
    display: flex;
    justify-content: center; /* Centrowanie poziome */
    align-items: center;     /* Centrowanie pionowe */
    min-height: 200px;       /* Minimalna wysokość dla lepszego widocznego efektu centrowania */
    text-align: center;      /* Centrowanie tekstu */
}
/* Preloader i komunikaty powinny być wyśrodkowane */


/* Opcjonalne - można zmienić styl komunikatów */
#wallpaper-patterns p {font-size: 14px;color: #fff;margin: 0;}

.pattern-details {
    display: flex;
    justify-content: space-between;
    align-items:center;
}


.download-icon img {
    width: 16px;
    height: 16px;
    display: block;
}