/* Desktop */
@media (min-width: 992px) {
  /* 1) rozťahni kontajner menu cez celú šírku a zruš pull-left, nech je blokový */
  .t3-navbar.navbar-collapse {
    width: 100% !important;
    float: none !important;
  }

  /* 2) top-level UL ako flex riadok */
  .t3-navbar .t3-megamenu > ul.navbar-nav.level0 {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
  }

  /* 3) neutralizuj bootstrap floaty na LI */
  .t3-navbar .t3-megamenu > ul.navbar-nav.level0 > li {
    float: none !important;
    width: auto !important;
  }

  /* 4) posuň túto jednu položku úplne doprava */
  .t3-navbar .t3-megamenu > ul.navbar-nav.level0 > li.menu-right {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  li.menu-right > a { outline: 0px solid red !important; }
}

.module-ct {
    color: inherit;
    padding: 10px;
}


/* iba pre stránku s Page Class = spzbg*/ 

html.spzbg #t3-header { 
/*body.spzbg #t3-header,
body.spzbg #t3-header .container {*/
  position: relative;
  background: url('/images/headers/headerback2.png') !important;
  background-repeat: repeat !important;   /* alebo repeat-x / repeat-y */
  background-position: 0 0 !important;
  background-size: auto !important;       /* zrušíme "cover" */
}

/* voliteľné stmavenie kvôli čitateľnosti textu */
html.spzbg #t3-header::before,
body.spzbg #t3-header::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.25);
  pointer-events: none;
}
html.spzbg #t3-header { outline: 0px solid hotpink !important; }
/* ACM Slideshow – centrovanie a „cover“ na pozadí */
.acm-slideshow .owl-carousel .item{
}

/* ACM Slideshow – centrovanie a „cover“ na pozadí */
.acm-slideshow .owl-carousel .item{
  background-position: center center !important; /* kľúčové: 50%/50% */
  background-size: cover !important;             /* vyplniť, s rozumným orezom */
  background-repeat: no-repeat !important;
}

/* Voliteľné: minimálna výška slidu na mobile, nech je čo centrovať */
@media (max-width: 576px){
  .acm-slideshow .owl-carousel .item{
    min-height: 60px; /* alebo napr. 320–420px podľa dizajnu */
  }
}
/* veľký nadpis default */
#mod-custom191 span {
  font-size: 44pt; /* alebo nechaj inline tak ako teraz */
}

/* na mobiloch (šírka <= 767px) zmenši na 20px */
@media (max-width: 767px) {
  #mod-custom191 span {
    font-size: 20px !important;
  }
}

.t3-sl {
    padding-bottom: 0px;
    padding-top: 50px;
}

/* obal modulu */
.t3-module.mod-gray,
.t3-module.mod-gray .module-ct {
  background-color: #CCC !important;
  color: #aaa !important;
}

/* odkazy vo vnútri */
.t3-module.mod-gray a {
  color: #ccc !important;
}

/* nadpis modulu */
.t3-module.mod-gray .module-title,
.t3-module.mod-gray .module-title span {
  background-color: #AAA !important;
  color: #eee !important;
  border: none !important;       /* odstráni defaultné rámiky */
}

/* zachováme len zelený pásik na ľavej strane */
.t3-module.mod-gray .module-title span {
  border-left: 5px solid #9fcf5d !important;
  padding: 5px 0 5px 20px;
  display: block;
  text-transform: uppercase;
  font-weight: 700;
}

/* titlefix verzia */
.item-page.titlefix .article-title,
.item-page.titlefix .article-header h1 {
  font-size: 24px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

/* nech sa tabuľka nikdy „nevytlačí“ mimo šírku */
.attachmentsList table {
  width: 100%;
  table-layout: fixed;   /* dôležité pre zalamovanie v bunkách */
}

/* bunka s názvom súboru + samotný odkaz */
.attachmentsList .at_filename,
.attachmentsList .at_filename a {
  white-space: normal;       /* zruší prípadný nowrap */
  overflow-wrap: anywhere;   /* štandard – láme aj bez medzier */
  word-break: break-word;    /* fallback pre staršie prehliadače */
}

/* ikonka + text nech sa správne zalamujú vedľa seba */
.attachmentsList .at_filename a.at_icon {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  vertical-align: top;
}

/* obrázková ikonka nech sama nepretečie */
.attachmentsList .at_filename img {
  max-width: 1.2rem;
  height: auto;
}

/* pre istotu: ak by niekde bola pevná šírka buniek */
.attachmentsList td { 
  min-width: 0;
}

/* voliteľné – na veľmi úzkych mobiloch sprav drobný „stack“ */
@media (max-width: 420px) {
  .attachmentsList td.at_description,
  .attachmentsList td.at_file_size {
    display: block;
    padding-top: .25rem;
  }
}
/* ===== Pastel Green Module ===== */
.t3-module.mod-green,
.t3-module.mod-green .module-ct {
  background-color: #e6f4e6 !important;   /* jemná zelená */
  color: #3a563a !important;
}

.t3-module.mod-green a {
  color: #5a9f5a !important;
}

.t3-module.mod-green .module-title,
.t3-module.mod-green .module-title span {
  background-color: #cce5cc !important;
  color: #2f4f2f !important;
  border: none !important;
}

.t3-module.mod-green .module-title span {
  border-left: 5px solid #9fcf5d !important;  /* už máš overenú zelenú */
  padding: 5px 0 5px 20px;
  display: block;
  text-transform: uppercase;
  font-weight: 700;
}

/* ===== Pastel Orange Module ===== */
.t3-module.mod-orange,
.t3-module.mod-orange .module-ct {
  background-color: #fff3e6 !important;   /* jemná oranžová */
  color: #8a5630 !important;
}

.t3-module.mod-orange a {
  color: #e6954e !important;
}

.t3-module.mod-orange .module-title,
.t3-module.mod-orange .module-title span {
  background-color: #ffe0cc !important;
  color: #663d1f !important;
  border: none !important;
}

.t3-module.mod-orange .module-title span {
  border-left: 5px solid #f7a754 !important;
  padding: 5px 0 5px 20px;
  display: block;
  text-transform: uppercase;
  font-weight: 700;
}

/* ===== Pastel Blue Module ===== */
.t3-module.mod-blue,
.t3-module.mod-blue .module-ct {
  background-color: #e6f0f9 !important;   /* jemná modrá */
  color: #2c3e50 !important;
}

.t3-module.mod-blue a {
  color: #4e8ae6 !important;
}

.t3-module.mod-blue .module-title,
.t3-module.mod-blue .module-title span {
  background-color: #d6e9ff !important;
  color: #1f3a66 !important;
  border: none !important;
}

.t3-module.mod-blue .module-title span {
  border-left: 5px solid #5da9cf !important;
  padding: 5px 0 5px 20px;
  display: block;
  text-transform: uppercase;
  font-weight: 700;
}
.event-list {
  display: flex;
  flex-direction: column;
  gap: .6rem;        /* medzera medzi kartami */
}

.event {
  padding: .6rem .8rem;
  border-radius: 6px;
}

.event p {
  margin: .15rem 0;  /* menšie riadkovanie */
  line-height: 1.3;  /* kompaktnejšie riadky */
}

.event a {
  font-weight: bold;
  text-decoration: underline;
}
.article-footer {
    color: #dddddd;
    font-size: 12px;
    margin-bottom: 0px;
}
.cat-children {
  display: none !important;
}
/* článkový obrázok: drž proporcie, žiadne naťahovanie na výšku */
.article-content .item-image img,
.item-image img,
figure.item-image img,
.item-image img[height] {
  max-width: 100%;
  width: 100%;
  height: auto !important;   /* kľúčové: prebijeme HTML height="…" */
  display: block;
}

/* ak šablóna niekde núti obrázok na 100% výšky kontajnera: zruš */
.item-image img {
  max-height: none !important;
  object-fit: contain;       /* voliteľné: nech sa vždy zmestí bez orezania */
}