.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background-color: rgba(255, 255, 255, 0.5) !important;
    background-position-x: 0px !important;
    background-position-y: 0px !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-image: none !important;
    background-size: auto !important;
    background-origin: padding-box !important;
    background-clip: border-box !important;
    color: inherit !important;
    border: none !important;
    padding: 0 !important;
    font: inherit !important;
}/* Stylizacja sekcji Speisekarte */
.speisekarte-section {
    padding: 80px 0;
    background-color: #fdfdfd; /* Jasne, neutralne tło */
}

/* Nagłówki */
.speisekarte-section h2 {
    font-size: 40px;
    color: #2e2e2e; /* Ciemny neutralny kolor */
    text-transform: uppercase;
    font-family: 'Georgia', serif; /* Elegancki font */
    letter-spacing: 2px;
    margin-bottom: 50px;
    text-align: center;
}

.speisekarte-section h3 {
    font-size: 22px;
    color: #333;
    text-transform: uppercase;
    font-family: 'Helvetica Neue', sans-serif; /* Nowoczesny, prosty font */
    margin-bottom: 30px;
    letter-spacing: 1px;
    text-align: center;
}

/* Stylizacja obrazów */
.speisekarte-section .owl-carousel .item img {
    border-radius: 8px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); /* Delikatny cień */
    transition: transform 0.4s ease-in-out; /* Animacja na hover */
}

.speisekarte-section .owl-carousel .item img:hover {
    transform: scale(1.05); /* Efekt powiększenia na hover */
}

/* Nawigacja karuzeli */
.speisekarte-section .owl-nav {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 40%;
    width: 100%;
    pointer-events: none;
}

.speisekarte-section .owl-nav button {
    background-color: rgba(255, 255, 255, 0.8);
    border: 2px solid #2e2e2e; /* Ciemny akcent */
    width: 50px;
    height: 50px;
    border-radius: 50%;
    pointer-events: all;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #2e2e2e;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.speisekarte-section .owl-nav button:hover {
    background-color: #2e2e2e; /* Ciemne tło na hover */
    color: white;
    transform: scale(1.1); /* Powiększenie na hover */
}

.speisekarte-section .owl-nav .owl-prev::before,
.speisekarte-section .owl-nav .owl-next::before {
    content: '';
    border-style: solid;
    border-width: 0 4px 4px 0;
    display: inline-block;
    padding: 10px;
}

.speisekarte-section .owl-nav .owl-prev::before {
    transform: rotate(135deg);
    border-color: #2e2e2e;
}

.speisekarte-section .owl-nav .owl-next::before {
    transform: rotate(-45deg);
    border-color: #2e2e2e;
}

.speisekarte-section .owl-nav button:hover .owl-prev::before,
.speisekarte-section .owl-nav button:hover .owl-next::before {
    border-color: white; /* Zmiana koloru strzałek na hover */
}

/* Stylizacja punktów nawigacyjnych (Dots) */
.speisekarte-section .owl-dots {
    text-align: center;
    margin-top: 20px;
}

.speisekarte-section .owl-dot {
    background-color: #ccc;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    margin: 5px;
    display: inline-block;
    transition: background-color 0.3s ease-in-out, transform 0.3s;
}

.speisekarte-section .owl-dot.active {
    background-color: #2e2e2e; /* Ciemny kolor aktywnego punktu */
    transform: scale(1.2); /* Powiększenie aktywnego punktu */
}

.speisekarte-section .owl-dot:hover {
    background-color: #2e2e2e; /* Ciemny kolor na hover */
}

/* Stylizacja przycisków "Details" */
.speisekarte-section .btn {
    background-color: #2e2e2e; /* Ciemny kolor */
    color: white;
    border-radius: 5px;
    padding: 10px 30px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Helvetica Neue', sans-serif;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.speisekarte-section .btn:hover {
    background-color: #555; /* Ciemniejszy odcień na hover */
    transform: translateY(-3px); /* Lekki efekt unoszenia */
}

/* Przestrzeń między elementami */
.speisekarte-section .row {
    margin-bottom: 40px;
}

.speisekarte-section .item {
    padding: 20px;
    transition: background-color 0.3s ease;
}




/* Overlay na obraz dla promocji i ceny */
.item-overlay {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
    width: calc(100% - 20px); /* Dostosowanie szerokości z uwzględnieniem marginesów */
}

/* Informacja o promocji */
.promo-info {
    background-color: #ff4d4d; /* Czerwony kolor promocji */
    color: white;
    padding: 5px 15px;
    font-size: 14px;
    border-radius: 5px;
    font-family: 'Arial', sans-serif;
}

/* Informacja o cenie */
.price-info {
    background-color: #333; /* Ciemne tło dla ceny */
    color: white;
    padding: 5px 15px;
    font-size: 16px;
    border-radius: 5px;
    font-family: 'Arial', sans-serif;
    font-weight: bold;
}


/* Stylizacja dla przekreślonej ceny standardowej */
.price-info s {
    text-decoration: line-through;
    color: #a0a0a0; /* Szary kolor dla przekreślonej ceny */
    margin-right: 10px;
}




/* Dodanie odpowiedniego pozycjonowania dla obrazów */
.item {
    position: relative;
}

/* Dodanie marginesu dla przycisków */
.speisekarte_section-btn {
    margin-top: 15px;
    display: inline-block;
}
.galerie_section {
    padding: 60px 0;
    background-color: #FFFFFF;
}

.galerie_section-title {
    font-size: 36px;
    color: #cc9b6d;
    font-family: 'Georgia', serif;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.galerie_section .owl-carousel .item img {
    border-radius: 8px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.galerie_section .owl-nav {
    display: none;
}

.galerie_section .owl-dots {
    margin-top: 20px;
    text-align: center;
}

.galerie_section .owl-dot {
    background-color: #d1d1d1; /* Stonowana jasna szarość dla nieaktywnych dots */
    border-radius: 50%;
    width: 14px;
    height: 14px;
    margin: 5px;
    display: inline-block;
    transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.galerie_section .owl-dot.active {
    background-color: #a8a8a8; /* Ciemniejsza szarość dla aktywnych dots */
    transform: scale(1.2);
}

.galerie_section .owl-dot:hover {
    background-color: #b0b0b0; /* Średnia szarość na hover */
    transform: scale(1.1);
}