/* === Globalno podešavanje === */
body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  color: #000;
  overflow-x: hidden;
  
  /* Osnovne postavke pozadine (bitno za sve stranice) */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed; /* Fiksna pozadina */
  
  min-height: 100vh;
}


/* Naslov */
h1 {
  text-align: left;
  font-size: 40pt;
  font-weight: bold;
  color: #000;
  font-style: italic;
  margin: 30px 20px;
}

h2 {
  text-align: left;
  font-size: 20pt;
  font-weight: bold;
  color: #000;
  font-style: italic;
  margin: 30px 20px;
}
/* Globalno za sve <p> tagove */
p {
  color: #000; /* Crna ili druga boja po želji */
}
/* Opis jela */
p.opis {
  font-weight: normal;
  font-size: 24pt;
  line-height: 1.3;
  margin-top: 5px;
  color: #000;
}

/* Tabela */
table {
  width: 95%;
  border-collapse: collapse;
  margin: 40px auto;
  text-align: center; /* centriranje sadržaja unutar ćelija */
}

td, th {
  padding: 10px;
  text-align: center;
  vertical-align: middle; /* centriranje po visini */
}

td p {
  margin: 0;
}

td:not(:first-child) p {
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; /* zauzmi punu visinu ćelije */
}


/* Redovi */
/* Osnovni redovi – bez linija */
table tbody tr {
  border-bottom: none;
}

/* Samo tabele sa klasom .with-lines imaju donje linije */
table.with-lines tbody tr {
  border-bottom: 2px solid #000;
}
/* Klasa za red sa donjom linijom   class="with-lines"  */
table tbody tr.lined {
  border-bottom: 2px solid #000; /* ili bilo koja boja */
}


/* Ćelije */
td {
  font-size: 26pt;
  font-weight: bold;
  color: #000;
  padding: 20px;
  vertical-align: top;
}

/* Prva ćelija - opis */
table tr td:first-child {
  text-align: left;
  width: 85%;
}

/* Druga ćelija - cijena */
table tr td:last-child {
  text-align: center;
  width: 15%;
  font-size: 30pt;
  color: #000;
}

table td:nth-child(1) {
  width: 275px;
}

table td:nth-child(2) {
  width: 232px;
}

table td:nth-child(3) {
  width: 147px;
}

.table-container {
  overflow-x: auto;
}

.mojaslika {
  width: 100%;        /* ili max-width: 300px ako želiš ograničenje */
  height: auto;
  margin-top: 5px;
  border-radius: 10px; /* zaobljeni uglovi za ljepši izgled */
}




.meni-riba {
  background-color: black;
  /* background-image: url('images/riba.webp');*/
}
.meni-dorucak {
	background-color: black;
  /* background-image: url('images/dorucak.webp');*/
}
.meni-predjela {
   background-color: black;
  /*background-image: url('images/predjela.webp');*/
}
.meni-salate {
   background-color: black;
  /*background-image: url('images/salate.webp');*/
}
.meni-corbe {
	background-color: black;
  /*background-image: url('images/corbe.webp');*/
}
.meni-rizoto {
  background-color: black;
  /*background-image: url('images/rizoto.webp');*/
}
.meni-glavna-jela {
   background-color: black;
  /*background-image: url('images/glavna-jela.webp');*/
}
.meni-dezert {
   background-color: black;
  /*background-image: url('images/dezert.webp');*/
}
.meni-topli-napici {
  background-image: url('images/topli-napici.webp');
}
.meni-vina {
  background-image: url('images/vina.webp');
}
.meni-vode {
  background-image: url('images/vode.webp');
}
.meni-alkoholna-pica {
  background-image: url('images/alkoholna-pica.webp');
}
.meni-pozadina {
	 background-color: #dcd5d5;
  /*  background-image: url('images/pozadina.webp');*/
}