/*
 Theme Name:   Woodmart Child
 Description:  
 Author:       
 Author URI:   
 Template:     woodmart
 Version:      1.0.1
 Text Domain:  
*/

/* Edycja Pola kalkulacji dostaw*/


.pisol-shipping-calculator-form {
	width: 50%;
    background: #f6f8fc;
	border: none;
	border-radius: 5px;
	padding: 20px;
	 margin-top: 10px;

@media (max-width: 768px) {
    .pisol-shipping-calculator-form {
        width: 100% !important; /* Pełna szerokość */
        padding: 15px !important; /* Dostosowanie paddingu */
        margin-top: 10px !important; /* Zachowanie odstępu */
    }
}
	
	
}
.pisol-shipping-calculator-form input[type="text"] {
	border-radius: 5px;
    background: #fff;
    font-size: 16px;
    font-weight: 400;
}

.button.pisol-update-address-button {
	width:100%
}


/* Główne okno metod dostawy – pełna szerokość */
.pisol-ppscw-alert {
    display: flex;
    flex-direction: column;
    align-items: stretch; /* Pełna szerokość */
    gap: 0; /* Brak dodatkowych odstępów */
    background: #f6f8fc;
    padding: 15px;
    border-radius: 5px; /* Zaokrąglone rogi */
    font-size: 16px;
    font-weight: 400;
    color: #333;
    border: 0px solid #eeeeee;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box; /* Zapobiega problemom z paddingiem */
}

/* Lista metod wysyłki – pełna szerokość */
.pisol-ppscw-methods {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100% !important;
}

/* Każdy element listy wysyłki */
.pisol-ppscw-methods li {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #333;
    display: flex;
    justify-content: left; /* Dwie kolumny */
    align-items: center;
    padding: 8px 0;
    width: 100% !important; /* Wymuszenie pełnej szerokości */
    margin-left: 0 !important;
    border-bottom: 1px solid #eeeeee; /* Linia oddzielająca */
    box-sizing: border-box;
}

/* Usunięcie linii z ostatniego elementu */
.pisol-ppscw-methods li:last-child {
    border-bottom: none;
}

/* Kwota wysyłki */
.pisol-ppscw-methods .woocommerce-Price-amount {
    font-weight: 700 !important; /* Pogrubienie kwot */
    color: #59371c !important; /* Dopasowanie koloru */
}

/* Upewnienie się, że przyciski pozostają poza tym układem */
.pisol-shipping-calculator-button,
.pisol-update-address-button {
    margin-top: 15px;
    background-color: #546c21 !important;
    color: #fff !important;
    font-size: 16px !important;
    padding: 12px 20px;
    text-align: center;
    display: block; /* Zapewnia równą szerokość */
    width: 50%;
    transition: background 0.3s ease-in-out;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
}


#pisol-ppscw-alert-container {
	width:100%

}
.pisol-ppscw-methods {
	width:100%;
}

















/* Zapewnienie, że tabela zajmuje pełną szerokość */
.wapo-product-price, 
.wapo-total-options {
    width: 100% !important; /* Wymuszenie pełnej szerokości */
    display: table-row !important; /* Zapewnienie poprawnego układu */
    border-bottom: 1px solid #ddd !important; /* Linia oddzielająca */
}

/* Usunięcie border-bottom tylko dla .wapo-total-order */
.wapo-total-order {
    width: 100% !important;
    display: table-row !important;
    border-bottom: none !important; /* Brak dolnej linii */
}



/* Kontener nadrzędny - rozciągnięcie na pełną szerokość */
.wapo-product-price th, 
.wapo-total-options th, 
.wapo-total-order th, 
.wapo-product-price td, 
.wapo-total-options td, 
.wapo-total-order td {
    font-size: 16px !important; /* Ujednolicona czcionka */
    padding: 4px 8px !important; /* Mniejsze odstępy */
    text-align: left !important; /* Nagłówki wyrównane do lewej */
    width: 50% !important; /* Połowa szerokości dla każdego elementu */
	background: #f6f8fc;
}

/* Usunięcie ograniczeń szerokości */
table.wapo-summary {
    width: 100% !important; /* Pełna szerokość */
    max-width: 100% !important; /* Zapobiega ograniczaniu */
    table-layout: fixed !important; /* Zapewnia równe kolumny */
}

/* Wyrównanie kwot do prawej */
.wapo-product-price td, 
.wapo-total-options td, 
.wapo-total-order td {
    text-align: right !important; /* Kwoty wyrównane do prawej */
}

/* Usunięcie zbędnych marginesów */
.wapo-product-price, 
.wapo-total-options, 
.wapo-total-order {
    margin-bottom: 2px !important; /* Minimalne odstępy */
}

.product-container {
    display: flex;
    align-items: center;
    gap: 15px; /* Odstęp między elementami */
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 8px;
}

.product-container img {
    width: 0px; /* Możesz dostosować rozmiar */
    height: auto;
    object-fit: cover;
}

.product-info {
    flex-grow: 1; /* Pozwala treści na wypełnienie dostępnej przestrzeni */
}

.product-price {
    font-weight: bold;
    color: #59371c; /* Kolor pasujący do stylu */
}

.product-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border: 1px solid #88a;
	background: #fff;
    padding: 15px;
    border-radius: 8px;
}

.product-image {
    display: none; /* Ukrywa zdjęcie produktu */
}

.product-info {
    flex-grow: 1; /* Zajmuje całą dostępną przestrzeń */
    display: flex;
    align-items: center;
    gap: 15px;
}

.product-name {
    font-size: 16px;
    font-weight: 500;
    color: #555;
}

.option-price {
    font-size: 18px;
    font-weight: bold;
    color: #59371c; /* Możesz dostosować kolor */
}

.option-add-to-cart {
    display: flex;
    align-items: center;
}

/* ======= Wersja mobilna ======= */
@media (max-width: 768px) {
    .product-info {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}




/* Zmiana kolorow checbkoxów z yith */


/* Zmiana koloru zaznaczonego produktu */
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option.selected .product-container:after {
    content: '';
    width: 26px;
    height: 26px;
    background: #546c21 url('/wp-content/plugins/yith-woocommerce-advanced-product-options-premium/assets/img/icon-check.png') center no-repeat;
    background-size: 14px; /* Ustawienie rozmiaru obrazka */
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -9px;
    right: -9px;
}


.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option.selected .product-container {
    border: 1px solid #546c21;
	background: #f6f8fc;
}

.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-container {

   
    border: 1px solid #eeeeee;

}

#wapo-total-price-table {
	margin-top:10px !important;
	width:100% !important;
    border: 0px solid #eeeeee;
	background: #f6f8fc;
    border-radius: 5px;
	padding:10px;
	margin-bottom:15px;

}

.hide_options
{
	margin-bottom:10px;
	width:100% !important;
}




/* TOOLTIP DLA .wapo-addon-title.toggle-closed – "Kliknij, aby rozwinąć" */
.wapo-addon-title.toggle-closed {
    position: relative;
    display: inline-block; /* Poprawne umiejscowienie */
    cursor: pointer; /* Wskazuje, że element jest interaktywny */
}

/* Ukryty tooltip */
.wapo-addon-title.toggle-closed::after {
    content: "Klikk for å utvide"; /* Treść tooltipa */
    position: absolute;
    bottom: 120%; /* Nad elementem */
    left: 50%;
    transform: translateX(-50%);
    background-color: #546c21;
    color: #fff;
    padding: 6px 10px;
    border-radius: 5px;
    white-space: nowrap;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    z-index: 10;
    pointer-events: none; /* Zapobiega blokowaniu kliknięć */
}

/* Pokazanie tooltipa po najechaniu */
.wapo-addon-title.toggle-closed:hover::after {
    opacity: 1;
    visibility: visible;
}

/* TOOLTIP DLA .product-info – "Kliknij i wprowadź ilość" */
.product-info {
    position: relative;
    display: flex; /* Elementy obok siebie na desktopie */
    align-items: center;
    gap: 10px; /* Odstęp między elementami */
}

/* Tooltip – wyświetlany tylko jeśli rodzic NIE jest selected */
.yith-wapo-option:not(.selected) .product-info::after {
    content: "Klikk og velg antall for bestilling"; /* Treść tooltipa */
    position: absolute;
    bottom: 120%; /* Nad elementem */
    left: 50%;
    transform: translateX(-50%);
    background-color: #546c21;
    color: #fff;
    padding: 6px 10px;
    border-radius: 5px;
    white-space: nowrap;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    z-index: 10;
    pointer-events: none; /* Nie blokuje interakcji */
}

/* Pokazanie tooltipa po najechaniu, jeśli rodzic NIE jest selected */
.yith-wapo-option:not(.selected) .product-info:hover::after {
    opacity: 1;
    visibility: visible;
}

/* Jeśli rodzic ma klasę selected – tooltip znika */
.yith-wapo-option.selected .product-info::after {
    content: "" !important;  /* Usuwa treść tooltipa */
    opacity: 0 !important;
    visibility: hidden !important;
}

/* RESPONSYWNOŚĆ – na telefonie elementy jeden pod drugim */
@media (max-width: 768px) {
    .product-info {
        flex-direction: column; /* Elementy układają się pionowo */
        align-items: flex-start;
    }
}




/* Główna struktura – .yith-wapo-block (jeden pod drugim na mobilce) */
@media (max-width: 768px) {
    .yith-wapo-block {
        display: flex;
        flex-direction: column !important; /* Elementy układają się pionowo */
        gap: 15px; /* Odstęp między opcjami */
    }
}

/* .product-info – elementy obok siebie na mobilce */
@media (max-width: 768px) {
    .product-info {
        display: flex !important;
        flex-direction: row !important; /* Zapewnia układ poziomy */
        align-items: center;
        gap: 10px; /* Optymalny odstęp */
        flex-wrap: wrap; /* Zapewnia ładne zawijanie w razie potrzeby */
    }
}

.yith-wapo-block .yith-wapo-addon.wapo-toggle {
	padding-top: 40px !important;
}



.wd-side-hidden.wd-opened {
	z-index: 99999999;
}
.cky-consent-container .cky-box-bottom-left
{
	z-index: 99999999;
}

.grecaptcha-badge { 
visibility: hidden !important; 
}