.elementor-23 .elementor-element.elementor-element-9b54f49{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-23 .elementor-element.elementor-element-624c704{margin:120px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-23 .elementor-element.elementor-element-0882f2d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-23 .elementor-element.elementor-element-03cb771{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-23 .elementor-element.elementor-element-ccfbd58{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-23 .elementor-element.elementor-element-6592e8f{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:left;}.elementor-23 .elementor-element.elementor-element-6592e8f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:700;color:#000000;}.elementor-23 .elementor-element.elementor-element-8f1e560{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-23 .elementor-element.elementor-element-e0a77e5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-23 .elementor-element.elementor-element-db1e156{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-23 .elementor-element.elementor-element-bf76304{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:left;}.elementor-23 .elementor-element.elementor-element-bf76304 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:700;color:#000000;}.elementor-23 .elementor-element.elementor-element-8443a52{--display:flex;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:5;}.elementor-23 .elementor-element.elementor-element-8d32fd1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-23 .elementor-element.elementor-element-4c90525{margin:80px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-23 .elementor-element.elementor-element-146760d{--display:flex;}.elementor-23 .elementor-element.elementor-element-00ed31f.elementor-element{--align-self:center;}.elementor-23 .elementor-element.elementor-element-4353e10{--display:flex;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-38d9c5b{margin:80px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"ABeeZee", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-23 .elementor-element.elementor-element-ede6076{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"ABeeZee", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-23 .elementor-element.elementor-element-ede6076.elementor-element{--align-self:center;}body.elementor-page-23:not(.elementor-motion-effects-element-type-background), body.elementor-page-23 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC4E7;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-23 .elementor-element.elementor-element-03cb771{--width:33.3333%;}.elementor-23 .elementor-element.elementor-element-ccfbd58{--width:66.6666%;}.elementor-23 .elementor-element.elementor-element-e0a77e5{--width:33.3333%;}.elementor-23 .elementor-element.elementor-element-db1e156{--width:66.6666%;}}@media(max-width:767px){.elementor-23 .elementor-element.elementor-element-624c704{font-size:15px;}.elementor-23 .elementor-element.elementor-element-6592e8f{text-align:center;}.elementor-23 .elementor-element.elementor-element-6592e8f .elementor-heading-title{font-size:16px;}.elementor-23 .elementor-element.elementor-element-bf76304{text-align:center;}.elementor-23 .elementor-element.elementor-element-bf76304 .elementor-heading-title{font-size:16px;}.elementor-23 .elementor-element.elementor-element-38d9c5b{font-size:15px;line-height:1.9em;}.elementor-23 .elementor-element.elementor-element-ede6076{font-size:15px;line-height:1.9em;}}/* Start custom CSS for html, class: .elementor-element-517b686 */.custom-form-wrapper {
    max-width: 900px;
    margin: 0 auto;
    background: #fff;
    padding: 60px 70px;
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}

/* Style pól */

.custom-form-wrapper label {
    display: block;
    margin-bottom: 6px;
    color: #999;
    font-size: 14px;
}

.custom-form-wrapper input[type="text"],
.custom-form-wrapper input[type="email"],
.custom-form-wrapper input[type="tel"],
.custom-form-wrapper textarea {
    width: 100%;
    border: none;
    border-bottom: 1px solid #cfcfcf;
    padding: 10px 0;
    margin-bottom: 35px;
    font-size: 16px;
    outline: none;
    resize: none;
}

.custom-form-wrapper textarea {
    height: 150px;
}

/* Checkbox */

.checkbox-area {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 13px;
    color: #555;
}

.checkbox-area input {
    margin-top: 3px;
}

/* Przycisk wysyłania */

.custom-form-wrapper button {
    display: block;
    margin: 0 auto;
    background: #00ADEF; /* niebieski bez opacity */
    color: #fff;
    border: none;
    padding: 12px 40px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 3px;
    cursor: pointer;
    transition: 0.3s ease;
}

.custom-form-wrapper button:hover {
    opacity: 0.85; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-00ed31f */.calendar-box {
    max-width: 420px;
    margin: 0 auto;
    background: #fff;
    padding: 35px;
    border-radius: 14px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    text-align: center;
    font-family: "Poppins", sans-serif;
}

.calendar-box h2 {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 600;
}

#calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 6px;
    margin-bottom: 25px;
    font-size: 15px;
    color: #555;
}

.day {
    padding: 10px 0;
    border-radius: 8px;
    background: #f3e8f4;
    cursor: pointer;
    font-weight: 500;
}

.day:hover {
    background: #e6d4ea;
}

.day.disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.day.selected {
    background: #00ADEF;
    color: #fff;
}

#reservation-form {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

#selected-date {
    flex: 1;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 14px;
}

.reserve-btn {
    padding: 12px 18px;
    background: #00ADEF;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    transition: 0.2s;
}

.reserve-btn:hover {
    opacity: 0.9;
}


<script>
document.addEventListener("DOMContentLoaded", () => {
    const calendar = document.getElementById("calendar");
    const selectedDateInput = document.getElementById("selected-date");

    const today = new Date();
    const year = today.getFullYear();
    const month = today.getMonth(); // aktualny miesiąc

    const date = new Date(year, month, 1);
    const firstDayIndex = date.getDay() === 0 ? 7 : date.getDay();
    const lastDay = new Date(year, month + 1, 0).getDate();

    // Puste pola przed pierwszym dniem
    for (let i = 1; i < firstDayIndex; i++) {
        const empty = document.createElement("div");
        empty.classList.add("day", "disabled");
        calendar.appendChild(empty);
    }

    // Dni miesiąca
    for (let day = 1; day <= lastDay; day++) {
        const d = document.createElement("div");
        d.classList.add("day");
        d.textContent = day;

        d.addEventListener("click", () => {
            document.querySelectorAll(".day").forEach(el => el.classList.remove("selected"));
            d.classList.add("selected");

            const selectedFull = `${day}.${month + 1}.${year}`;
            selectedDateInput.value = selectedFull;
        });

        calendar.appendChild(d);
    }

    // Obsługa wysyłki formularza
    document.getElementById("reservation-form").addEventListener("submit", function (e) {
        if (!selectedDateInput.value) {
            alert("Wybierz datę!");
            e.preventDefault();
        }
    });
});
</script>/* End custom CSS */