a.pdaylink:link {color:#020024; text-decoration:none;  padding-left: 16px;}
a.pdaylink:visited {color:#020024; text-decoration:none; padding-left: 16px;}
a.pdaylink:hover {color:#020024; text-decoration:none; background-color: #fafafa; padding-left: 16px;}
a.pdaylink:active {color:#020024; text-decoration:none; padding-left: 16px;}
li.pdaylink {width:230px}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}

/* Štandardný posun pre desktop */
.mt-banner {
    margin-top: 60px; /* aktuálna hodnota pre veľké obrazovky */
}

/* Tablety (768px a menej) */
@media (max-width: 768px) {
    .mt-banner {
        margin-top: 90px; /* väčšia medzera, aby banner neprekryl obsah */
    }
}

/* Mobily (576px a menej) */
@media (max-width: 576px) {
    .mt-banner {
        margin-top: 120px; /* ešte väčšia medzera pre malé obrazovky */
    }
}

/* Extra malé mobily (360px a menej) */
@media (max-width: 360px) {
    .mt-banner {
        margin-top: 140px; /* doladíme pre veľmi malé obrazovky */
    }
}
p.translatable {
    font-weight: normal !important;
}
html, body {
  height: 100%; /* zabezpečí použitie celej výšky okna */
  margin: 0;
}

.page-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* aby wrapper vždy vyplnil výšku okna */
}

.main-content {
  flex: 1; /* toto robí sticky footer: hlavný obsah „rastie“ a tlačí footer dole */
}

footer {
  margin-top: auto; /* footer sa „prilepí“ na spodok pri krátkom obsahu */
  /* tvoje ostatné štýly footeru */
}