<div id="urlop-popup-overlay" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 999999; align-items: center; justify-content: center; font-family: sans-serif;">
<div style="background: #fff; width: 90%; max-width: 550px; padding: 30px; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.25); position: relative; box-sizing: border-box; margin: 15px;">

<!-- Przycisk zamknięcia -->
<button onclick="closeUrlopPopup()" style="position: absolute; top: 12px; right: 15px; background: none; border: none; font-size: 24px; cursor: pointer; color: #666; line-height: 1;">&times;</button>

<!-- Nagłówek z ikoną ostrzeżenia -->
<div style="display: flex; align-items: center; border-bottom: 2px solid #e0e0e0; padding-bottom: 12px; margin-bottom: 18px;">
<span style="font-size: 28px; margin-right: 12px;">⚠️</span>
<h3 style="margin: 0; font-size: 18px; color: #d32f2f; font-weight: bold; line-height: 1.3;">Ważna informacja dotycząca realizacji zamówień (01.06 – 08.06)</h3>
</div>

<!-- Treść komunikatu -->
<div style="font-size: 15px; color: #333; line-height: 1.5; margin-bottom: 20px;">
<p style="margin: 0 0 12px 0;">Szanowni Klienci,</p>
<p style="margin: 0 0 12px 0;">w dniach <strong>od 1 do 8 czerwca 2026 r.</strong> ze względu na długi weekend, zaplanowany urlop oraz bardzo dużą liczbę bieżących zamówień, czas odpowiedzi na wiadomości oraz wysyłka paczek mogą ulec wydłużeniu.</p>
<p style="margin: 0 0 12px 0;">Realizacja niektórych zamówień może zająć <strong>nawet kilka dni roboczych</strong>. Dokładamy wszelkich starań, aby Wasze zakupy dotarły do Was jak najszybciej.</p>
<p style="margin: 0;">Dziękujemy za wyrozumiałość i cierpliwość!</p>
</div>

<!-- Przycisk Rozumiem -->
<div style="text-align: right;">
<button onclick="closeUrlopPopup()" style="background: #222; color: #fff; border: none; padding: 10px 22px; font-size: 14px; font-weight: bold; border-radius: 4px; cursor: pointer; transition: background 0.2s;">Rozumiem</button>
</div>
</div>
</div>

<script>
(function() {
// 1. Sprawdzenie daty (skrypt działa tylko do końca 8 czerwca 2026)
var currentDate = new Date();
var expiryDate = new Date('2026-06-09T00:00:00'); // Koniec wyświetlania 8 czerwca o północy

if (currentDate < expiryDate) {
// 2. Sprawdzenie, czy użytkownik już widział popup w tej sesji
if (!sessionStorage.getItem('urlop_popup_seen')) {
// Pokazujemy popup po krótkim opóźnieniu (np. 1.5 sekundy po załadowaniu strony)
setTimeout(function() {
var overlay = document.getElementById('urlop-popup-overlay');
if (overlay) {
overlay.style.display = 'flex';
}
}, 1500);
}
}
})();

function closeUrlopPopup() {
var overlay = document.getElementById('urlop-popup-overlay');
if (overlay) {
overlay.style.display = 'none';
// Zapisujemy w przeglądarce, że użytkownik zamknął okno (nie pojawi się na kolejnych podstronach)
sessionStorage.setItem('urlop_popup_seen', 'true');
}
}
</script>