.elementor-985 .elementor-element.elementor-element-d1fd221{--display:flex;--min-height:200px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--background-transition:0.3s;}.elementor-985 .elementor-element.elementor-element-d1fd221:not(.elementor-motion-effects-element-type-background), .elementor-985 .elementor-element.elementor-element-d1fd221 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-985 .elementor-element.elementor-element-d1fd221, .elementor-985 .elementor-element.elementor-element-d1fd221::before{--border-transition:0.3s;}.elementor-985 .elementor-element.elementor-element-5dd3b78 .elementor-heading-title{color:var( --e-global-color-310c523 );}.elementor-985 .elementor-element.elementor-element-72dc0ff{--display:flex;--min-height:900px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-985 .elementor-element.elementor-element-72dc0ff:not(.elementor-motion-effects-element-type-background), .elementor-985 .elementor-element.elementor-element-72dc0ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-985 .elementor-element.elementor-element-72dc0ff, .elementor-985 .elementor-element.elementor-element-72dc0ff::before{--border-transition:0.3s;}.elementor-985 .elementor-element.elementor-element-72dc0ff.e-con{--flex-grow:0;--flex-shrink:0;}@media(max-width:767px){.elementor-985 .elementor-element.elementor-element-5dd3b78{text-align:center;}.elementor-985 .elementor-element.elementor-element-72dc0ff{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-72dc0ff *//* Filter dugmad */
.filter-buttons {
  display: grid;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
justify-content: center;
grid-template-columns: repeat(auto-fit, minmax(150px, auto));
}

.filter-buttons button {
  background: #0a0f1a;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 25px;
  cursor: pointer;
  transition: 0.3s;
width: 150px;
    font-size: 12px;
}

.filter-buttons button:hover,
.filter-buttons button.active {
  background: #007bff;
}

/* Tabela knjiga */
.knjige-tabela {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  border: none; /* uklonjen border tabele */
}

/* Zaglavlje tabele */
.knjige-tabela th {
  background-color: #09111b;
  color: #fff;
  padding: 10px;
  text-align: left;
  border: none; /* uklonjen border u th */
  width:50%;
}

/* Naizmenični redovi u tbody */
.knjige-tabela tbody tr:nth-child(odd) {
  color: #fff;
}

.knjige-tabela tbody tr:nth-child(even) {
  background-color: #09111b;
  color: #fff;
}

/* Ćelije tabele */
.knjige-tabela td {
  padding: 10px;
  border: none; /* uklonjen border u td */
  text-align: left;
}

@media screen and (min-width: 600px) {
	.filter-buttons {
    display: grid
;
    flex-wrap: wrap;
    gap: 10px 50px;
    margin-bottom: 20px;
    justify-content: center;
    grid-template-columns: repeat(auto-fit, minmax(260px, auto));
}


.filter-buttons button {
    background: #0a0f1a;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 25px;
    cursor: pointer;
    transition: .3s;
    width: 260px;
    font-size: 16px;
}

}/* End custom CSS */