/* colored by YANNZ.nl*/


* {
  box-sizing: border-box;
}

body {
  font-family      : "Open Sans",Arial,Helvetica,Sans-Serif;
  font-size        : 1.1em;
  font-weight      : 400;
  margin           : 0px;
  line-height      : 1.55;
  background-color : #eef6fa; 
}

img {
  border           : 0px;
}

/* Нови 3D тастери са светлијом плавом бојом */
a {
  display: inline-block;
  padding: 1px 6px;
  margin: 4px;
  background-color: #28c7ce; /* Светла плава из твог фајла */
  color: #ffffff !important;
  text-decoration: none !important;
  border-radius: 10px;
  font-weight: bold;
  transition: all 0.1s ease;
  
  /* Тамнија тиркизна сенка за 3D ефекат */
  box-shadow: 0 4px 0 #1b8a8f; 
  border: none;
}



/* Ефекат када се мишем пређе преко (мало светлија нијанса) */
a:hover {
  background-color: #35e2e9; 
  box-shadow: 0 4px 0 #1b8a8f;
  transform: translateY(-1px);
}

/* Ефекат притиска - тастер "седа" на место сенке */
a:active {
  box-shadow: 0 0px 0 #1b8a8f;
  transform: translateY(4px);
}

.tab {
  border           : none;
  display          : none;
  vertical-align   : top;
  width            : 900px;
}


/* Styles for sections */
#header {
  background-color : #fff; 
  border           : none;
  font-size        : 16px;
  font-weight      : bold;
  margin           : 0px;
  width            : 100%;
  min-height       : 1px;

}

#header table {
  width            : 900px;
  margin           : 0 auto 5px auto;
  background       : transparent url('Zlatni_Orlando_2026_CRO_50m.jpg') no-repeat left top;
  background-size  : 900px;
  /* Povećajte padding sa leve i desne strane na 15px */
  padding          : 305px 15px 0px 15px; 
  color            : #23356a; 
  font-size        : 16px;
  box-shadow       : 0 0 10px rgba(0, 0, 0, 0.5);
}

#lastupdate {
  font-size        : 0.8em;
  margin           : 5px auto 5px auto;
  text-align       : right;
  width            : 900px;
}

#navigation {
  background-color : #23356a;
  width            : 900px;
  margin           : 0 auto;
  padding          : 4.5px 0;
  /* DODATO: Zaobljene ivice i unutrašnji razmak */
  border-radius    : 10px; 
  overflow         : hidden; /* Osigurava da pozadina prati zaobljenje */
}

#navigation table {
  color            : #fff;
  width            : 100%; /* Menjamo sa 900 na 100% jer je roditelj već 900px */
  margin           : 0 auto;
  padding          : 0 20px; /* Razmak teksta od ivica trake */
  border-collapse  : collapse;
}

#navigation table td {
  color            : #fff;
  font-weight      : 400;
  letter-spacing   : 0.6px;
  font-size        : 13px;
  text-transform   : uppercase;
  margin           : 0 10px 0 0;
  /* Dodajte ovu liniju ispod: */
  padding-left     : 15px; 
}

#navigation table td[align="right"] {
  padding-right    : 15px;
}

#navigation h1 {
    margin         : 0px;
}

/* Подешавање за навигацију да тастери буду компактнији */
#navigation table a {
  margin: 0 5px;
  background-color: #28c7ce;
}

/* Да активни линк у навигацији остане истакнут */
#navigation a[style*="font-weight: bold"] {
    background-color: #28c7ce !important;
    box-shadow: 0 4px 0 #1b8a8f;
}

#navigation table a:hover {
    color          : #28c7ce;
}

#noscript {
  border           : none;
  font-size        : 13px;
  font-weight      : bold;
  color            : red;
  margin-bottom    : 15px;
  text-align       : center;
  width            : 900px;
  margin           : 0 auto 2px;
}

#results {
  margin: 0 auto 20px;
  width: 900px;
  overflow: hidden; /* Sprečava da bilo šta "viri" van 900px */
}

/* Maksimalno smanjujemo tastere unutar tabele da bi sve stalo u jedan red */
#results table a {
    font-size: 0.9em;      /* Manji font */
    padding: 1px 5px;      /* Minimalni jastučići */
    margin: 1px 0px;       /* Bez bočnih margina */
    display: inline-block;
    white-space: nowrap;   /* Sprečava da se tekst unutar tastera prelomi */
}


#results table {
  width: 100% !important;
  max-width: 900px;
  margin: 0 auto;
  table-layout: auto; 
  border-spacing: 0; /* Uklanja prazan prostor između ćelija */
}

#results table td {
    white-space: nowrap;     /* Ključno: sprečava tekst da ide u novi red */
    padding: 4px 2px;        /* Minimalni razmak između ćelija */
}

#results div.tab table tr{
  line-height      : 1.4;    /* visina redova tabele rezultata */
} 

#results div.tab table td.leftText[colspan]:not([colspan="1"]) {
  padding-left	   : 10px;
  font-style	   : italic;
}

/* Smanjujemo razmak u ćelijama da oslobodimo prostor */
#results div.tab table td {
  padding: 4px 2px !important;
  font-size: 12px; /* Blago smanjen font za bolji fit */
}

#results ul li a {
    text-decoration: none;
}

/* Styles for table rows */

.trList0 {
}

.trList1 {
  background-color: #FFFFFF;
}

.trTitle1 {								/* boja pozadine naslova za POL plivača */
    font-size: 0.9em;      /* Manji font */	
}

.trTitle2 {								/* nazivi disciplina ispod pola takmičara, tabela glavna */
  font-size: 0.9em;      /* Manji font */	
  background-color : #CFCFCF;
}

.title1 { 										/* Styles for table cells */  /* titlovi za pol, i za delove na drugoj strani*/
    font-style:italic;
} 												/* titlovi za delove takmičenja i za POL na prvoj strani, ako se ovde upiše */

.title2 { 										/* nazivi disciplina ispod pola takmičara, tabela glavna */ 
    font-size: 40px;      /* Manji font */	
}



/* Reclame footer - JEDAN JEDINI BLOK */
#footer {
  display          : block;
  text-align       : center;
  width            : 900px;           /* Širina kao index.html */
  margin           : 15px auto 30px;  /* Centrirano sa razmakom od tabele */
  padding          : 12px 20px;       /* Unutrašnji razmak da tekst "diše" */
  
  /* PLAVA TRAKA */
  background-color : #23356a !important; 
  color            : #ffffff !important; /* BELA BOJA TEKSTA unutar plave trake */
  
  /* ZAOBLJENJE */
  border-radius    : 10px;            /* 10px zaobljene ivice */
  
  /* FONT */
  font-size        : 0.6em;           /* Smanjeno za 40% (ovde menjate veličinu) */
  border           : none;
}

#footer::before {
  content          : "За Вас припредио Ваш: plivanje.info тим | ";
  color            : #ffffff;         /* Osiguravamo da se vidi na plavom */
}

/* OBAVEZNO OBRIŠITE #footer::after IZ STAROG KODA AKO POSTOJI */

#footer {
  background-color : transparent; /* Menjamo u transparentno */
  width            : 900px;       /* Širina kao index.html */
  margin           : 10px auto 0px; 
  padding          : 10px 0px;
  border-bottom    : none;        /* Uklanjamo stari border koji ide celom širinom */
}


/*
#footer table.partner td {
  vertical-align   : middle;
  height           : 90px;
  min-width        : 200px;
}
.partner img {
  max-width        : 170px;
  max-height       : 90px;
}

.partners-vervolg {
    width :1000px;
    margin: 0 auto;
}

*/

/* Styles for table cells - ФИКСИРАНИ НАСЛОВИ */

/* Styles for table cells - ФИКСИРАНИ НАСЛОВИ (СМАЊЕНИ ЗА 15%) */

#results td.title1, 
#results .title1 {
  font-size        : 1.40em !important; /* Оптимална величина, и даље веома уочљива */
  font-weight      : 800 !important;   
  padding-top      : 18px !important;
  padding-bottom   : 8px !important;
  color            : #23356a !important;
  white-space      : normal !important; 
  line-height      : 1.2 !important;    /* Мањи проред да наслов делује компактније */
}

#results td.title2, 
#results .title2 {
  font-weight      : 700 !important;
  font-size        : 1.15em !important;  /* Сразмерно смањено */
  padding-top      : 6px !important;
  color            : #23356a !important;
  white-space      : normal !important;
}

/* Остале ћелије са подацима остају мале и компактне */
.leftText { text-align: left; }
.centerText { text-align: left; }
.rightText { text-align: right; }

/* Специфично правило да обичан текст у табели не порасте због наслова */
#results div.tab table td:not(.title1):not(.title2) {
  font-size: 14px !important;
  padding: 2px 1px !important;
}

/* colored by YANNZ.nl*/

/* ФИНАЛНЕ КОРЕКЦИЈЕ ЗА ФОНТОВЕ И МОБИЛНИ */

/* Прилагођавање за мобилне уређаје (екрани мањи од 900px) */
@media screen and (max-width: 900px) {
  .tab, #header table, #navigation table, #results, #lastupdate, .partners-vervolg {
    width: 100% !important; /* Ширина постаје флексибилна */
    max-width: 100vw;
  }

  #header table {
    background-size: contain; /* Слика заглавља се смањује да стане у екран */
    padding-top: 35%; /* Смањујемо горњи размак сразмерно слици */
  }

  #results table {
    display: block;
    overflow-x: auto; /* Омогућава само табели да се скролује лево-десно ако не стане */
    -webkit-overflow-scrolling: touch;
  }

  #navigation table td {
    display: inline-block;
    padding: 5px;
    font-size: 13px; /* Мало мањи фонт за мени */
  }
  
  a {
    padding: 8px 10px; /* Већи тастери лакши за клик прстом */
    margin: 5px 2px;
  }

	
	}