/**
* Theme Name: Machic Child
* Description: This is a child theme of Machic, generated by Merlin WP.
* Author: <a href="http://themeforest.net/user/KlbTheme">KlbTheme (Sinan ISIK)</a>
* Template: machic
* Version: 1.4.6
*/

/* Stylizowanie metod płatności w formie kafelków */
.woocommerce-checkout #payment ul.payment_methods {
    display: flex;
    flex-direction: column;
    gap: 10px;
    list-style: none;
    padding: 0;
    /*margin: 20px 0;*/
}

/* Pojedynczy kafelek płatności */
.woocommerce-checkout #payment ul.payment_methods li {
    display: flex;
    align-items: center;
    border: 2px solid #ddd;
    border-radius: 10px;
    padding: 15px;
    background: #f9f9f9;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    position: relative;
}

/* Zmiana stylu po najechaniu */
.woocommerce-checkout #payment ul.payment_methods li:hover {
    border-color: #007cba;
    background: #eef6ff;
}

/* Ukrycie domyślnych radio buttonów */
.woocommerce-checkout #payment ul.payment_methods li input[type="radio"] {
    position: absolute;
    opacity: 0;
}

/* Styl etykiet metod płatności */
.woocommerce-checkout #payment ul.payment_methods li label {
    flex: 1;
    font-size: 14px;
    cursor: pointer;
    padding-left: 30px;
    position: relative;
}

/* Dodanie customowego stylu dla zaznaczonego radio buttona (tylko dla metod płatności) */
.woocommerce-checkout #payment ul.payment_methods li input[type="radio"] + label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 2px solid #007cba;
    border-radius: 50%;
    background: white;
}

/* Wypełnienie radio buttona po wybraniu */
.woocommerce-checkout #payment ul.payment_methods li input[type="radio"]:checked + label::before {
    background: #007cba;
    box-shadow: inset 0 0 0 4px white;
}

/* ✅ Wykluczenie checkboxów z dodawania ::before */
.woocommerce-checkout input[type="checkbox"] + label::before {
    content: none !important;
    display: none !important;
}


/* WYSYLKA */

.woocommerce-shipping-methods li {
    list-style: none;
    display: flex;
    margin: 5px;
    justify-content: flex-end;
}

.woocommerce-shipping-methods input[type="radio"] {
    display: none;
}

.woocommerce-shipping-methods label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 15px;
    background-color: #f8f8f8;
    border: 2px solid #ddd;
    border-radius: 8px;
    text-align: left;
	font-size: 0.9rem;
	font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    gap: 10px;
    min-width: 254px;
}

@media (max-width: 600px) {
  .woocommerce-shipping-methods label {
    min-width: unset;
	padding: 7px;
  }
}

.woocommerce-shipping-methods bdi {
	font-size: 15px;
}

.woocommerce-shipping-methods input[type="radio"]:checked + label {
    background-color: #007cba;
    color: #fff;
    border-color: #007cba;
}

.woocommerce-shipping-methods label:hover {
    background-color: #e6e6e6;
}

.woocommerce-shipping-methods label::before {
    content: "";
    display: inline-block;
    width: 40px;  /* Szerokość logo */
    height: 40px; /* Wysokość logo */
    background-image: url("https://pankarton.pl/wp-content/uploads/2025/03/inpost_logo-150x150-1.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Ikona DPD dla konkretnej metody wysyłki */
input[value="flat_rate:19"] + label::before,
input[value="flat_rate:18"] + label::before {
    background-image: url("https://pankarton.pl/wp-content/uploads/2025/06/DPD-logo-scaled.webp");
}

input[value^="free_shipping"] + label::before {
    background-image: url("https://pankarton.pl/wp-content/uploads/2025/06/freeship.webp");
}

.shipping-label {
    font-size: 13px;
    font-weight: bold;
    padding: 9px 15px;
    border-radius: 4px;
    text-align: center;
    width: fit-content;
}

/* Stylizacja tabelki rabatowej */
.wdp_table_outter{
	padding: 0px 0px 10px !important;
}

.wdp_pricing_table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 20px;
    border: 1px solid #ddd;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Cień dla tabeli */
    background-color: #ffffff; /* Tło tabeli */
    border-radius: 8px;
    overflow: hidden;
	padding: 
}

/* Nagłówki tabeli */
.wdp_pricing_table th {
    background-color: #4CAF50; /* Zieleń w nagłówkach */
    color: #fff; /* Kolor tekstu */
    padding: 12px 15px;
    text-align: left;
    font-size: 18px; /* Większy rozmiar czcionki */
    letter-spacing: 1px;
    border-bottom: 3px solid #ddd;
    text-transform: uppercase;
    width: 50%; /* Ustawienie szerokości kolumny na 50% */
}

/* Komórki tabeli */
.wdp_pricing_table td {
    font-size: 16px; /* Większy rozmiar czcionki */
	font-weight: bold;
}

/* Zaokrąglone rogi dla wierszy */
.wdp_pricing_table td, .wdp_table th {
    border-radius: 6px;
}

.woocommerce-MyAccount-navigation li {
    margin: 5px 0; /* Odstępy między przyciskami */
}

.woocommerce-MyAccount-navigation a {
    display: block;
    padding: 15px 20px; /* Większe przyciski */
    border: 2px solid #171513; /* Obramowanie */
    border-radius: 5px; /* Zaokrąglenie rogów */
    text-align: center;
    font-weight: bold;
    color: white; /* Biały tekst */
    text-decoration: none;
    width: 250px; /* Stała szerokość dla lepszego wyglądu */
    background-color: #171513; /* Ciemne tło */
    transition: all 0.3s ease-in-out;
    margin: 0 auto; /* Wyśrodkowanie przycisku */
}

.woocommerce-MyAccount-navigation a:hover {
    background-color: #0073aa; /* Kolor tła po najechaniu */
    color: white !important; /* Tekst nadal biały */
    border-color: #0073aa; /* Obramowanie dopasowane do koloru tła */
}

.wpc-slider-control-3856 .ui-slider-handle:first-of-type {
  transform: translateX(0px);
}

.wpc-slider-control-3856 .ui-slider-handle:last-of-type {
  transform: translateX(0px);
}

/* Czerwnone tło błędów */
.woocommerce-error {
    background-color: #dc3545; /* czerwone tło */
    color: #ffffff !important; /* białe napisy */
    border: none;
    padding: 15px;
    border-radius: 5px;
}

.woocommerce-error li {
    color: #ffffff !important; /* białe napisy w liście */
}

.owl-carousel .owl-stage {
    transform: none !important;
}

.owl-carousel .owl-item img {
    cursor: pointer;
}

.price-netto {
	font-size: 14px;
    margin-top: 5px;
    font-family: Roboto 'aktiv-grotesk';
    color: #777;
}

#calculated-total-prices{
	margin-left: 8px;
	font-weight: bold;
	color: #000;
	position:absolute;
	transform: translate(110px, -100%);
}
@media (max-width: 768px) {
    #calculated-total-prices{
        font-size: 14px;
		margin-left: 10px;
    }
}

/*
.woocommerce-product-gallery__image{
  height: 543px; /* wysokość dla desktop 
} 
*/

.iworks-omnibus{
	font-size: 15px;
	font-family: Roboto 'aktiv-grotesk';
	margin-top: 3px;
}

/* czcionka i margin w metodach platnosci w koszyku */
.wc_payment_methods label > img {
    margin-left: 5px;
}

.p24-payment-container .woocommerce-input-wrapper label.checkbox {
    font-size: 0.75rem !important;
}

.wpcf7-form-control-wrap input{
	margin-top: -5px;
}

.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-handle {
  margin-left: 10px;
}

.wpc-filters-range-slider-control .ui-slider-handle:first-of-type {
  transform: translateX(-17.3px);
}

/* Cena zawsze na tej samej wysokości */
.products .content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.products .product-title {
  min-height: 3.2em;
}

.cart-dropdown .products .content-wrapper {
  display: block !important;
  height: auto !important;
  justify-content: normal !important;
  flex-direction: column !important;
}

.cart-dropdown .products .product-title {
  min-height: 0 !important;
}

form.wpc-filter-range-form.wpc-form-has-slider {
  width: 80% !important;
}

.custom-slider-wrapper {
  position: relative;
  background: #fff;
  overflow: hidden;
}

.custom-slider {
  display: flex;
  transition: transform 0.6s ease;
  width: 300%; /* 3 slajdy */
}

.slide {
  flex: 0 0 33.3333%;
  box-sizing: border-box;
}
.slide-content {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  min-height: 400px;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
}

.slide-text h2 {
  font-size: 50px;
  margin-bottom: 10px;
  font-weight: 600;
}

.subtitle {
  font-size: 30px;
  color: #777;
  margin-bottom: 20px;
  font-weight: 600;
}

.buy-button {
  display: inline-block;
  padding: 12px 24px;
  background: #FFC788;
  color: #000;
  text-decoration: none;
  border-radius: 6px;
  font-weight: bold;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.buy-button:hover {
  color: #fff;
  background: #ffe4c0;
  box-shadow: 0 0 16px rgba(255, 215, 170, 0.9);
}

.slide-text {
  flex: 1;
  max-width: 35%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 40px;
  box-sizing: border-box;
  text-align: center;
}

.slide-image {
  flex: 1;
  max-width: 65%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}

.slide-image img {
  max-width: 90%;
  height: auto;
  object-fit: contain;
}

.slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  color: #000;
  border: none;
  font-size: 28px;
  padding: 4px 8px;
  cursor: pointer;
  z-index: 10;
  transition: color 0.3s ease;
  opacity: 1;
}

.slider-nav:hover {
  color: #777;
  background: transparent;
}

.slider-nav.prev {
  left: 12px;
}

.slider-nav.next {
  right: 12px;
}

@media (max-width: 768px) {
  .slide-content {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    padding: 20px;
    text-align: center;
  }

  .slide-text,
  .slide-image {
    max-width: 100%;
    width: 100%;
    padding: 0;
  }

  .slide-text {
    margin-bottom: 20px;
    padding: 0 20px;
  }

  .slide-image {
    margin: 0 auto;
  }

  .slide-image img {
    max-width: 90%;
    height: auto;
  }
}

@media (max-width: 550px) {
  .slide-text h2 {
	font-size: 30px;
  }

  .subtitle {
	font-size: 20px;
  }
}

/*
.wpc-filters-submit-button {
	background-color: black !important;
	border-color: white !important;
  }
	
.wpc-filters-reset-button {
	background-color: black !important;
	color: white;
  }

@media (max-width: 1024px) {
	.wpc-filters-submit-button .wpc-filters-reset-button{
	margin-bottom: 10px;
  }
}
*/

body.woocommerce-checkout .e-con > .e-con-inner {
  max-width: 100%;
}

body.woocommerce-cart .klb-free-progress-bar {
    margin-top: 0;
	padding-bottom: 20px;
}

.list-view-products {
	padding-top: 1.875rem;
}