<!-- Recruitment Modal START -->
<style>
  :root {
    --recruitment-modal-bg: #ffffff;
    --recruitment-modal-text: #172033;
    --recruitment-modal-muted: #5f6b7a;
    --recruitment-modal-overlay: rgba(15, 23, 42, 0.62);
  }

  .recruitment-modal-overlay {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: var(--recruitment-modal-overlay);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.25s ease, visibility 0.25s ease;
  }

  .recruitment-modal-overlay.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .recruitment-modal {
    position: relative;
    width: min(100%, 560px);
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    background: var(--recruitment-modal-bg);
    color: var(--recruitment-modal-text);
    border-radius: 22px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
    transform: translateY(18px) scale(0.98);
    transition: transform 0.25s ease;
  }

  .recruitment-modal-overlay.is-visible .recruitment-modal {
    transform: translateY(0) scale(1);
  }

  .recruitment-modal__accent {
    height: 7px;
    background: linear-gradient(90deg, #0544b7, #48A8FF);
    border-radius: 22px 22px 0 0;
  }

  .recruitment-modal__content {
    padding: 34px 36px 32px;
  }

  .recruitment-modal__close {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 50%;
    background: #ffffff !important;
	color: #031941 !important;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
    display: grid;
    place-items: center;
    transition: background 0.2s ease;
  }

  .recruitment-modal__close:hover {
    background: #031941;
	color: #ffffff;
  }

  .recruitment-modal__eyebrow {
    margin: 0 52px 10px 0;
    color: #3F51B5;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .recruitment-modal__title {
    margin: 23px 0 24px 0;
    font-size: clamp(25px, 5vw, 36px);
    line-height: 1.08;
    font-weight: 800;
  }

  .recruitment-modal__details {
    display: grid;
    gap: 14px;
    margin-bottom: 26px;
  }

  .recruitment-modal__row {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 14px;
    padding: 14px 16px;
    background: #f7f9fb;
    border-radius: 14px;
  }

  .recruitment-modal__label {
    font-weight: 800;
    color: #334155;
  }

  .recruitment-modal__value {
    color: var(--recruitment-modal-muted);
    line-height: 1.5;
  }

  .recruitment-modal__phone {
    gap: 10px;
	color: #333366;
    width: 100%;
    box-sizing: border-box;
    padding: 15px 0;
    border-radius: 14px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 800;
    transition: background 0.2s ease, transform 0.2s ease;
  }

  .recruitment-modal__phone-icon {
    font-size: 20px;
  }

  @media (max-width: 560px) {
    .recruitment-modal-overlay {
      padding: 14px;
      align-items: center;
    }

    .recruitment-modal {
      width: 100%;
      border-radius: 20px;
    }

    .recruitment-modal__accent {
      border-radius: 20px 20px 0 0;
    }

    .recruitment-modal__content {
      padding: 28px 20px 22px;
    }

    .recruitment-modal__close {
      top: 14px;
      right: 14px;
      width: 40px;
      height: 40px;
    }

    .recruitment-modal__row {
      grid-template-columns: 1fr;
      gap: 5px;
      padding: 13px 14px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .recruitment-modal-overlay,
    .recruitment-modal {
      transition: none;
    }
  }
</style>

<div
  id="recruitmentModalOverlay"
  class="recruitment-modal-overlay"
  aria-hidden="true"
>
  <div
    class="recruitment-modal"
    role="dialog"
    aria-modal="true"
    aria-labelledby="recruitmentModalTitle"
  >
    <div class="recruitment-modal__accent"></div>

    <button
      type="button"
      class="recruitment-modal__close"
      id="recruitmentModalClose"
      aria-label="Zavrieť"
    >
      &times;
    </button>

    <div class="recruitment-modal__content">
      <p class="recruitment-modal__eyebrow">Pracovná ponuka</p>

      <h2 class="recruitment-modal__title" id="recruitmentModalTitle">
        Hľadáme vodiča s VP „C“
      </h2>

      <div class="recruitment-modal__details">
        <div class="recruitment-modal__row">
          <div class="recruitment-modal__label">Náplň práce</div>
          <div class="recruitment-modal__value">
            Obsluha vozidla s hákovým nosičom kontajnerov
          </div>
        </div>

        <div class="recruitment-modal__row">
          <div class="recruitment-modal__label">Miesto práce</div>
          <div class="recruitment-modal__value">
            Bratislava + blízke okolie
          </div>
        </div>
      </div>

      <a class="recruitment-modal__phone" href="tel:+421950440540">
        <span class="recruitment-modal__phone-icon" aria-hidden="true">☎</span>
        Pre viac info volajte: 0950 440 540
      </a>
    </div>
  </div>
</div>

<script>
  (() => {
    const STORAGE_KEY = 'recruitment_modal_closed_at';
    const SHOW_DELAY_MS = 3 * 1000;
    const HIDE_FOR_MS = 2 * 60 * 60 * 1000;

    const overlay = document.getElementById('recruitmentModalOverlay');
    const closeButton = document.getElementById('recruitmentModalClose');

    if (!overlay || !closeButton) {
      return;
    }

    const modal = overlay.querySelector('.recruitment-modal');

    function canShowModal() {
      try {
        const closedAt = Number(localStorage.getItem(STORAGE_KEY));

        if (!closedAt) {
          return true;
        }

        return Date.now() - closedAt >= HIDE_FOR_MS;
      } catch (e) {
        return true;
      }
    }

    function showModal() {
      if (!canShowModal()) {
        return;
      }

      overlay.classList.add('is-visible');
      overlay.setAttribute('aria-hidden', 'false');
      document.body.style.overflow = 'hidden';

      setTimeout(() => closeButton.focus(), 50);
    }

    function closeModal() {
      overlay.classList.remove('is-visible');
      overlay.setAttribute('aria-hidden', 'true');
      document.body.style.overflow = '';

      try {
        localStorage.setItem(STORAGE_KEY, String(Date.now()));
      } catch (e) {
        // Ak localStorage nie je dostupný, modal sa len zavrie.
      }
    }

    closeButton.addEventListener('click', closeModal);

    overlay.addEventListener('click', (event) => {
      if (event.target === overlay) {
        closeModal();
      }
    });

    document.addEventListener('keydown', (event) => {
      if (event.key === 'Escape' && overlay.classList.contains('is-visible')) {
        closeModal();
      }
    });

    if (canShowModal()) {
      setTimeout(showModal, SHOW_DELAY_MS);
    }
  })();
</script>
<!-- Recruitment Modal END -->
<?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet type="text/xsl" href="//odvoz-odpadu.sk/main-sitemap.xsl"?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
	<sitemap>
		<loc>https://odvoz-odpadu.sk/page-sitemap.xml</loc>
		<lastmod>2026-07-23T12:25:22+00:00</lastmod>
	</sitemap>
	<sitemap>
		<loc>https://odvoz-odpadu.sk/wpr_templates-sitemap.xml</loc>
		<lastmod>2026-02-18T14:31:10+00:00</lastmod>
	</sitemap>
</sitemapindex>
<!-- XML Sitemap generated by Rank Math SEO Plugin (c) Rank Math - rankmath.com -->