/* XAXE BRICKS v7 - Minimalist LEGO studs + jednolity system wizualny (etap 2) + kontrasty WCAG (etap 3), 2026-07-14 */
body,body.index,body.lang-pl,body.page-index,body.page-product,body.page-category{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23f7f6f2'/%3E%3Ccircle cx='20' cy='20' r='6.5' fill='none' stroke='%23e8e4db' stroke-width='1.2'/%3E%3Ccircle cx='20' cy='20' r='2.5' fill='%23ede9e0'/%3E%3C/svg%3E")!important;
  background-color:#f7f6f2!important;
  background-size:40px 40px!important;
  background-repeat:repeat!important
}
#wrapper{background-color:transparent!important;background-image:none!important}
#header{background:rgba(255,255,255,.97)!important}
#footer{background:#232323!important}
.product-miniature{background:#fff!important;border-radius:6px!important;box-shadow:0 2px 6px rgba(0,0,0,.08)!important;transition:box-shadow .2s ease!important}
.product-miniature:hover{box-shadow:0 4px 14px rgba(0,0,0,.13)!important}
#left-column .block-categories{display:none!important}
#left-column:empty{display:none!important}
.block-category{margin-bottom:1.5rem}
.block-category .h1{font-size:1.5rem;font-weight:700;color:#232323}
.block-category #category-description{font-size:.95rem;line-height:1.5}
.blockreassurance_product{border:1px solid #e5e5e5!important;border-radius:8px!important;padding:10px!important;margin-top:15px!important}
.blockreassurance_product>div:not(.clearfix){padding:8px 5px!important;border-bottom:1px solid #f0f0f0!important}
.blockreassurance_product>div:last-of-type:not(.clearfix){border-bottom:none!important}

/* ============================================================
   ETAP 2: jeden system wizualny na stronie glownej
   ============================================================ */

/* Naglowki sekcji produktowych PrestaShop jak sekcje xaxe: z lewej, bez uppercase */
body#index .featured-products .products-section-title{
  text-align:left!important;
  text-transform:none!important;
  font-size:1.45rem!important;
  font-weight:800!important;
  color:#0a1f44!important;
  margin-bottom:14px!important
}

/* Pusta sekcja (np. Bestsellery bez produktow) nie renderuje sie */
body#index section.featured-products:not(:has(.product-miniature)){display:none!important}

/* Bez osieroconych kart: max 6 kart (2 pelne rzedy po 3) w sekcjach PS */
body#index .featured-products .products>*:nth-child(n+7){display:none!important}

/* Ceny w kartach: jeden kolor (granat), koniec z czerwienia w blokach PS */
.product-miniature .product-price-and-shipping .price{
  color:#0a1f44!important;
  font-weight:800!important
}
.product-miniature .product-price-and-shipping .regular-price{
  color:#595959!important;
  font-weight:600!important
}

/* Badge: jeden system - NOWY = zolty LEGO z czarnym tekstem, rabat = czerwien LEGO z bialym */
li.product-flag,.product-flag{
  border-radius:4px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.02em!important
}
li.product-flag.new,.product-flag.new{
  background:#ffcf00!important;
  color:#111!important
}
li.product-flag.discount,.product-flag.discount,
li.product-flag.on-sale,.product-flag.on-sale,
li.product-flag.discount-percentage,.product-flag.discount-percentage,
li.product-flag.discount-amount,.product-flag.discount-amount,
.discount-percentage,.discount-amount,.discount,
.product-miniature .discount-percentage.discount-product,
.product-miniature .discount-amount.discount-product,
li.product-flag.discount-percentage.discount-product,
.product-flag.discount-percentage.discount-product,
span.discount-percentage.discount-product{
  background:#c8102e!important;
  color:#fff!important
}
body#index #content .featured-products .discount-percentage,
body#index #content .featured-products .discount-amount,
body#index #content .featured-products .product-flag.discount,
body#index #content .featured-products .product-flag.on-sale{
  background:#c8102e!important;
  color:#fff!important
}

/* ============================================================
   ETAP 3: kontrasty WCAG i cele dotykowe (caly sklep)
   ============================================================ */

/* Dodaj do koszyka: czarny tekst na zoltym (kanoniczne LEGO), kontrast ~13:1 */
.product-add-to-cart .add-to-cart,
button.add-to-cart,
.btn.add-to-cart{
  background:#ffcf00!important;
  border-color:#e6bb00!important;
  color:#111!important;
  font-weight:800!important
}
.product-add-to-cart .add-to-cart:hover,
button.add-to-cart:hover,
.btn.add-to-cart:hover{
  background:#e6bb00!important;
  border-color:#d1aa00!important;
  color:#111!important
}
.product-add-to-cart .add-to-cart:focus-visible,
button.add-to-cart:focus-visible{
  outline:3px solid #0a1f44!important;
  outline-offset:2px!important
}
/* strona produktu: custom.css ustawia bialy tekst na zoltym (1.7:1) selektorem z ID,
   wiec przebijamy dwoma ID - czarny tekst na zoltym (kanoniczne LEGO, ~13:1) */
body#product #main .btn.add-to-cart,
body#product #main button.add-to-cart,
body#product #main .product-add-to-cart .add-to-cart{
  background:#ffcf00!important;
  border-color:#e6bb00!important;
  color:#111!important
}
body#product #main .btn.add-to-cart:hover,
body#product #main button.add-to-cart:hover,
body#product #main .product-add-to-cart .add-to-cart:hover{
  background:#e6bb00!important;
  border-color:#d1aa00!important;
  color:#111!important
}

/* Szarosc #7a7a7a nie spelnia AA - przyciemniamy znane wystapienia do >=4.5:1 */
.breadcrumb li a,.breadcrumb li span,.breadcrumb li a span{color:#54545c!important}
.quick-view,.quick-view i{color:#54545c!important}
#products .product-title a,.products .product-title a{color:#1c1c28!important}
.product-flags+*{color:inherit}
.text-muted,.form-control::placeholder{color:#595959!important}
#mobile_top_menu_wrapper .top-menu strong,
#mobile_top_menu_wrapper strong{color:#33333b!important}

/* Stepper ilosci: wieksze cele dotykowe */
.bootstrap-touchspin{min-height:48px!important}
.bootstrap-touchspin #quantity_wanted,
.bootstrap-touchspin .form-control{
  min-height:48px!important;
  min-width:56px!important;
  font-size:1rem!important
}
.bootstrap-touchspin .input-group-btn-vertical .btn,
.bootstrap-touchspin .btn-touchspin{
  min-width:44px!important;
  min-height:24px!important
}

/* Reduced motion: wylacz animacje i przejscia dla osob, ktore tego potrzebuja */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:0.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:0.01ms!important;
    scroll-behavior:auto!important
  }
}