/*
==============================================================
UPORZĄDKOWANA WERSJA PLIKU custom.css względem wersji custom 2026_06_17.css

Zmiany:
- dodano czytelniejsze komentarze sekcji,
- pozostawiono funkcjonalność bez celowych zmian wizualnych,
- naprawiono końcową, niezamkniętą regułę `a`,
- zalecane jest dalsze scalenie powtarzających się bloków
  (.thumbnail-container, .product-description, .btn-primary:hover).
==============================================================
*/

/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */


/* ==========================================================
   RESPONSYWNOŚĆ – urządzenia mobilne
   ========================================================== */

@media (max-width: 768px) {

    /* Usuń boczne odstępy nagłówka na telefonach */
    #header {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Zachowaj 20 px odstępu wewnętrznego w kartach */
    .card-block {
        padding: 20px;
    }
}

/*====================================================================================================================================================*/

/* ==========================================================
   KAFELKI PRODUKTÓW
   Wspólne ustawienia miniaturek produktów
   ========================================================== */

.featured-products .thumbnail-container,
.thumbnail-container,
.product-accessories .thumbnail-container,
.product-miniature .thumbnail-container {
    /* Układ */
    position: relative;

    /* Rozmiar */
    width: auto !important;
    height: 360px !important;

    /* Odstępy */
    margin-bottom: 1.563rem;

    /* Wygląd */
    background-color: #fff;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
}

/*====================================================================================================================================================*/

/* ==========================================================
   KAFELKI PRODUKTÓW – KONTEKST OGÓLNY
   ========================================================== */

.product-miniature {
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
 
}

/* ==========================================================
   OPIS PRODUKTU W KAFELKU
   ========================================================== */

.product-description {
    display: block !important;
    flex-grow: 1 !important;

    width: 100% !important;
    height: auto !important;

    background-color: #f6f6f6 !important;
}

/*====================================================================================================================================================*/


/* ==========================================================
   WISHLIST
   ========================================================== */

.wishlist-add-to-new i {
    color: #253479 !important;
}

/* ==========================================================
   KOSZYK / CTA PRODUKTU
   ========================================================== */

.product-add-to-cart {
    clear: both;
    margin-top: 20px;
}

/* ==========================================================
   HEADER – UKŁAD
   ========================================================== */

#header .row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

#header .header-nav .right-nav {
    justify-content: normal;
}

/* ==========================================================
   HEADER – OGRANICZENIE SZEROKOSCI I WYSRODKOWANIE HEADERA
   ========================================================== */

/* ==========================================================
   HEADER – GŁÓWNY LAYOUT
   ========================================================== */

#header .header-top {
    max-width: 1200px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    column-gap: 15px;
    align-items: center;
}


/* ==========================================================
   LOGO
   ========================================================== */

#_desktop_logo {
    width: auto;
    max-width: 80%;
    padding: 10px 0;
}


/* ==========================================================
   MENU GŁÓWNE - JUSTOWANIE TEKSTU W STALYCH ODESTEPACH
   ========================================================== */

#_desktop_top_menu ul {
    justify-content: space-evenly;
    width: 100%;
}


/* ==========================================================
   WIDGET SZUKANIA
   ========================================================== */

#search_widget {
    width: 100%;
    max-width: 100%;
    overflow: auto;
}

/* ==========================================================
   KAFELEK PRODUKTU - SZARE TLO DO KONCA, 2 LINIE TEKSTU,
   CENA WYMUSZONA NA DOLE
   ========================================================== */

.product-miniature .thumbnail-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.product-price-and-shipping {
  margin-top: auto !important;
}
.product-title .line1 {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: #222; 
  line-height: 1.2;
}

.product-title .line2 {
  display: block;
  font-size: 13px;
  line-height: 1.2;
}

/*====================================================================================================================================================*/

/* ==========================================================
   KOSZYK – ACTIVE STATE
   ========================================================== */

#header .header-nav .cart-preview.active {
    background: #253479;
}


/*====================================================================================================================================================*/
.block-categories {     /* zablokowanie wy wietlania prostok tu z nazw  danej kategorii po prawej nad filtrem*/
  display: none;
}

#header {
  padding-left: 60px;
  padding-right: 0;
}

.featured-products .products-section-title,.featured-products .all-product-link{display:none;}


.h1, .h2, .h3, .h1, .h2, .h3, .h4, body {
    font-family: "Noto Sans", sans-serif !important;
}

.tabs {
    
    background: #fff;
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
}


.product-cover {
    
    background: #fff;
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
}


#js-product-list-header {
    
    background: #fff;
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
}

.block-categories {
    
    background: #fff;
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
}

#search_filters_wrapper {
    
    background: #fff;
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
}

#custom-text{
    
    background: #fff;
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
}

#carousel{
    
    background: #fff;
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
}

.carousel .carousel-inner {
    height: auto;
}

.product-prices .tax-shipping-delivery-label {
	font-size: 1rem !important;
	color: #253479;
}

.product-prices {
	font-size: 1rem !important;
	color: #ffffff;
}

#header .header-top a[data-depth="0"]:hover{
	color:#253479;
	text-decoration: underline solid #253479;
}

.btn-primary { 
	background-color: #253479;
}

.product-price {
    	color: #253479 !important;
}

/*====================================================================================================================================================*/

#header .top-menu a[data-depth="0"]:hover, a:hover {
    color: #253479;
    text-decoration: none;
}


/*====================================================================================================================================================*/

.carousel .carousel-control .icon-next:hover i, .carousel .carousel-control .icon-prev:hover i, .dropdown:hover .expand-more, .page-my-account #content .links a:hover i, .search-widget form button[type=submit] .search:hover, .top-menu .sub-menu a:hover {
    	color: #253479;
	
}

/*====================================================================================================================================================*/

.wishlist-list-item:hover .wishlist-list-item-title {
	color: #253479 !important;
	text-decoration: underline;
}

/*====================================================================================================================================================*/

#product-modal .modal-content .modal-body .product-images img:hover {
    border: #253479 3px solid;
}

#blockcart-modal .product-name {
    color: #253479 !important;
}

/*====================================================================================================================================================*/



#header a:hover:not(.cart-preview a):not(.cart-preview):not(.active) {
    color: #253479;
    text-decoration: underline;
}

#footer a:hover {
	color: #253479;
}

.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
    	color: #253479;
   	border: 0;
    	border-bottom: #253479 3px solid;
}

.btn-primary:hover {
        background-color: #253479 !important;
	transform: scale(1.02);                /* powieksza przycisk przy najechaniu myszka */

}


#subcategories ul li .subcategory-name:hover, .block-categories .arrows .arrow-down:hover, .block-categories .arrows .arrow-right:hover, .block-categories .collapse-icons .add:hover, .block-categories .collapse-icons .remove:hover, .cart-grid-body a.label:hover {
    color: #253479;
    text-decoration: underline;
}

body#checkout section.checkout-step .address-item.selected {
    background: #fff;
    border: #253479 3px solid;
}

body#checkout a:hover {
    color: #253479;
    text-decoration: underline;
}

.wishlist-button-add i {
    color: #253479 !important; 
}

.product-images>li.thumb-container .thumb.selected, .product-images>li.thumb-container .thumb:hover {
    border: #253479 3px solid;
}

.btn-unstyle a:focus {
    color: #253479 !important;
}

.product-miniature .highlighted-informations .quick-view:hover {
    color: #253479;
}

.bootstrap-touchspin .group-span-filestyle .btn-touchspin, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .group-span-filestyle .btn-default {
    padding: .5rem 1rem;
    font-size: .875rem;
    color: #fff;
    text-transform: uppercase;
    background: #253479;
    border-radius: 0;
}

.pagination .current a {
    font-size: 1.25rem;
    color: #253479;
    text-decoration: none;
}

.brands-sort .select-list:hover, .products-sort-order .select-list:hover, .suppliers-sort .select-list:hover {
    color: #fff;
    text-decoration: none;
    background: #253479;
}

.block_newsletter form input[type=text]:focus+button .search,.btn-unstyle:focus .expand-more,.search-widget form input[type=text]:focus+button .search {
    color: #253479;
}

.form-control:focus {
    color: #232323;
    background-color: #fff;
    outline: .1875rem solid #253479;
    border-color: #253479;
}

.input-group.focus {
    outline: .1875rem solid #253479;
}

.custom-radio input[type=radio]:checked+span {
    position: absolute;
    top: .125rem;
    left: .125rem;
    display: block;
    width: 12px;
    height: 12px;
    background-color: #253479;
    border-radius: 50%;
}

.text-primary {
    color: #000 !important;
}

a.text-primary:hover {
    color: #253479 !important;
}


a {
    color: #000;
}


/* ==========================================================
   LISTY W OPISIE PRODUKTU - USTAWIENIE ZEBY SLOWA ZACZYNALY SIE W KOLEJNYCH LINIACH
   IDEALNIE POD SOBA MIMO PUNKTOROW
   ========================================================== */

.product-information .product-description ul,
.product-information .product-description ol {
    list-style-position: outside !important;
    padding-left: 1.5rem !important;
    margin-left: 0 !important;
}

.product-information .product-description li {
    display: list-item !important;
    line-height: 1.4 !important;
    text-align: left;
}