.elementor-20930 .elementor-element.elementor-element-1d05188{--display:flex;}.elementor-20930 .elementor-element.elementor-element-b56ca9a{--display:flex;}/* Start custom CSS for html, class: .elementor-element-31a1797 */table { width: 100%; border-collapse: collapse; }
table th, table td { border: 1px solid #e5e7eb; padding: 10px 12px; vertical-align: top; }
table th { background: #f8fafc; text-align: left; }

details { border: 1px solid #e5e7eb; border-radius: 10px; padding: 10px 12px; margin: 10px 0; background: #fff; }
details summary { cursor: pointer; font-weight: 700; }
details p { margin: 8px 0 0; }
/* 1) Globalno: spriječi da bilo šta gura stranicu šire od ekrana */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

/* 2) Tabele: osnovno */
table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
}

/* 3) Mobile fix: tabele ne smiju izlaziti van okvira – omogući horizontalni scroll
   (radi bez dodatnog wrappera oko <table>) */
@media (max-width: 768px) {
  table {
    display: block;               /* ključ: table postaje blok koji može scrollati */
    overflow-x: auto;             /* omogući horizontalni scroll */
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }

  table tbody {
    display: table;               /* zadrži normalan table layout unutra */
    width: auto;
    min-width: 100%;
  }

  /* da header ostane uredan i da se ne lomi “čudno” */
  table thead, table tfoot {
    display: table;
    width: auto;
    min-width: 100%;
  }
}

/* 4) Tekst u ćelijama: ako ima dugačkih riječi/URL-ova da ne guraju tabelu */
th, td {
  overflow-wrap: anywhere;
  word-break: normal;
}/* End custom CSS */