/* Poprawa wyświetlania strony produktu */
.woocommerce div.product {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.woocommerce div.product .woocommerce-product-gallery {
    max-width: 500px;
    margin: 0 auto;
}

.woocommerce div.product .summary {
    max-width: 500px;
    margin: 0 auto;
}

/* Poprawa przycisków */
.woocommerce button.button,
.woocommerce a.button {
    background-color: #CA8C17 !important;
    color: white !important;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 5px;
    text-transform: uppercase;
    text-align: center;
}

.woocommerce button.button:hover,
.woocommerce a.button:hover {
    background-color: #b07814 !important;
}

/* Poprawa wyświetlania galerii na stronie produktu */
.woocommerce-product-gallery {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
/* 🟠 Usunięcie paska po "Zaktualizuj koszyk" */
.woocommerce button[name="update_cart"] {
    display: none !important;
}
/* ✅ USUNIĘCIE POWTARZAJĄCEGO SIĘ "ŁĄCZNIE" W PODSUMOWANIU */
.woocommerce-cart .cart-subtotal {
    display: none !important;
}
/* ✅ UJEDNOLICENIE "ZASTOSUJ KUPON" DO STYLU PRZYCISKU "ZASTOSUJ" */
.woocommerce button[name="apply_coupon"] {
    background-color: #E5D5B8 !important; /* Kolor dopasowany do "Zastosuj" */
    color: #000 !important; /* Kolor tekstu na czarny */
    font-family: inherit !important; /* Czcionka taka sama jak "Zastosuj" */
    font-size: 14px !important; /* Rozmiar dopasowany do przycisku "Zastosuj" */
    padding: 10px 15px !important; /* Dopasowanie paddingu */
    border-radius: 5px !important; /* Zaokrąglenie krawędzi */
    font-weight: normal !important; /* Usunięcie pogrubienia */
}

/* ✅ LEKKIE ROZJAŚNIENIE TŁA PRZYCISKU */
.woocommerce button[name="apply_coupon"]:hover {
    background-color: #F0E4C8 !important;
}
/* ✅ Dopasowanie przycisku "Zastosuj kupon" do stylu przycisku "Zastosuj" */
.woocommerce button[name="apply_coupon"] {
    background-color: #FBF7F5 !important; /* Kolor jasny jak przycisk "Zastosuj" */
    color: #000 !important; /* Czarny kolor czcionki */
    font-family: inherit !important; /* Ta sama czcionka */
    font-size: 14px !important; /* Rozmiar dopasowany do "Zastosuj" */
    padding: 10px 15px !important;
    border-radius: 5px !important;
    font-weight: normal !important;
    border: 1px solid #D3C9C4 !important; /* Delikatne obramowanie */
}

/* ✅ Efekt po najechaniu - lekko ciemniejszy */
.woocommerce button[name="apply_coupon"]:hover {
    background-color: #F0E8E4 !important; /* Subtelna zmiana na hover */
}
/* ✅ Dopasowanie przycisku "Zastosuj kupon" do stylu przycisku "Zastosuj" */
.woocommerce button[name="apply_coupon"] {
    background-color: #FBF7F5 !important; /* Kolor jasny jak przycisk "Zastosuj" */
    color: #000 !important; /* Czarny kolor czcionki */
    font-family: inherit !important; /* Ta sama czcionka */
    font-size: 14px !important; /* Rozmiar dopasowany do "Zastosuj" */
    padding: 10px 15px !important;
    border-radius: 5px !important;
    font-weight: normal !important;
    border: 1px solid #D3C9C4 !important; /* Delikatne obramowanie */
}

/* ✅ Efekt po najechaniu - lekko ciemniejszy */
.woocommerce button[name="apply_coupon"]:hover {
    background-color: #F0E8E4 !important; /* Subtelna zmiana na hover */
}
/* ✅ Stylizacja przycisku "Zastosuj kupon" – dopasowanie do przycisku "Zastosuj" */
.woocommerce button[name="apply_coupon"] {
    background-color: #FBF7F5 !important; /* Delikatny kolor tła */
    color: #000 !important; /* Czarny kolor czcionki */
    font-family: inherit !important; /* Spójna czcionka */
    font-size: 14px !important; /* Dopasowany rozmiar czcionki */
    padding: 10px 15px !important;
    border-radius: 5px !important;
    font-weight: normal !important;
    border: 1px solid #D3C9C4 !important; /* Delikatne obramowanie */
    text-transform: none !important; /* Usunięcie wielkich liter */
}

/* ✅ Efekt po najechaniu - subtelna zmiana */
.woocommerce button[name="apply_coupon"]:hover {
    background-color: #F0E8E4 !important;
}

/* ✅ Zmiana tekstu "Zastosuj kupon" na samo "Zastosuj" */
.woocommerce button[name="apply_coupon"]::before {
    content: "Zastosuj" !important; /* Zamiana tekstu */
}
.woocommerce button[name="apply_coupon"] {
    visibility: hidden;
    position: relative;
}
.woocommerce button[name="apply_coupon"]::before {
    visibility: visible;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
}
/* ✅ Stylizacja przycisku "Zastosuj" – wygląd jak przy karcie podarunkowej */
.woocommerce button[name="apply_coupon"] {
    background-color: #FBF7F5 !important; /* Subtelne tło */
    color: #000 !important; /* Ciemny kolor czcionki */
    font-family: inherit !important; /* Zachowanie spójnej czcionki */
    font-size: 14px !important; /* Dopasowany rozmiar tekstu */
    padding: 10px 15px !important; /* Optymalne marginesy */
    border-radius: 5px !important; /* Zaokrąglone rogi */
    font-weight: normal !important;
    border: 1px solid #D3C9C4 !important; /* ✅ Szara ramka jak w przycisku "Zastosuj" */
    text-transform: none !important; /* Usunięcie wielkich liter */
}

/* ✅ Efekt po najechaniu - subtelna zmiana */
.woocommerce button[name="apply_coupon"]:hover {
    background-color: #F0E8E4 !important; /* Delikatne przyciemnienie */
    border-color: #C5B8B2 !important; /* Nieco ciemniejsza ramka */
}

/* ✅ Zmiana tekstu "Zastosuj kupon" na "Zastosuj" */
.woocommerce button[name="apply_coupon"]::before {
    content: "Zastosuj" !important;
}
.woocommerce button[name="apply_coupon"] {
    visibility: hidden;
    position: relative;
}
.woocommerce button[name="apply_coupon"]::before {
    visibility: visible;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
}
/* Wyłączenie efektu lupy na zdjęciach WooCommerce */
.woocommerce-product-gallery__wrapper {
    pointer-events: none;
}

