/*
 * PrestaShop 8.2.7 — Classic
 * Kolorystyka czerwono-czarna.
 * Umieść w: themes/classic/assets/css/custom.css
 */

:root {
  --shop-red: #ed1c24;
  --shop-black: #111111;
  --shop-white: #ffffff;
}

/* Przyciski akcji, koszyk i formularze */
.btn-primary,
a.btn-primary,
button.btn-primary,
input.btn-primary,
.btn-secondary,
a.btn-secondary,
button.btn-secondary,
input.btn-secondary,
.cart-content-btn .btn,
.cart-detailed-actions .btn,
.product-add-to-cart .add-to-cart,
#payment-confirmation button {
  background-color: var(--shop-red) !important;
  border-color: var(--shop-red) !important;
  color: var(--shop-white) !important;
  box-shadow: none;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.cart-content-btn .btn:hover,
.cart-content-btn .btn:focus,
.cart-detailed-actions .btn:hover,
.cart-detailed-actions .btn:focus,
.product-add-to-cart .add-to-cart:hover,
.product-add-to-cart .add-to-cart:focus,
#payment-confirmation button:hover,
#payment-confirmation button:focus {
  background-color: var(--shop-black) !important;
  border-color: var(--shop-black) !important;
  color: var(--shop-white) !important;
  box-shadow: none !important;
}

.btn-primary .material-icons,
.btn-secondary .material-icons,
.cart-content-btn .btn .material-icons,
.product-add-to-cart .material-icons {
  color: inherit !important;
}

/* Nie zmieniaj wyglądu nieaktywnych przycisków na aktywny */
.btn:disabled,
.btn.disabled,
.btn[disabled] {
  cursor: not-allowed;
  opacity: .55;
}

/* Nawigacja, linki i ceny */
#header a:hover,
#footer a:hover,
#wrapper a:not(.btn):hover,
.product-title a:hover,
.breadcrumb a:hover,
.page-my-account #content .links a:hover {
  color: var(--shop-red);
}

.current-price,
.product-price,
.price,
.block-category h1 {
  color: var(--shop-black);
}

.product-flags li.product-flag,
.product-flags .product-flag,
.product-flag.discount,
.product-flag.on-sale,
.discount-percentage,
.discount-amount {
  background-color: var(--shop-red) !important;
  color: var(--shop-white) !important;
}

/* Zaznaczenia w formularzach i wybrana zakładka produktu */
input[type="checkbox"]:checked,

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    color: #b8b8b8;
    text-decoration: none;
}

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

.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: #ed1c24;
}

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

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

.tabs .nav-tabs .nav-link.active {
    color: #ed1c24;
}

.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: #ed1c24;
    border-radius: 0;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    color: #ed1c24;
    text-decoration: none;
}

.block-social ul li {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    margin: .125rem;
    cursor: pointer;
    background-color: #9e9e9e;
    background-repeat: no-repeat;
}

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

.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: #ed1c24;
}

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

.block_newsletter form input[type=email]:focus {
    padding: 8px 8px 9px;
    border: 3px #b4b4b4 solid;
    outline: 0;
}