/* colored by YANNZ.nl*/

* {
  box-sizing: border-box;
}

body {
  font-family      : filson-soft,sans-serif;
  font-size        : 0.95em;
  font-weight      : 400;
  margin           : 0px;
  line-height      : 1.55;
  background-color : #eef6fa; 
}

img {
  border           : 0px;
}

/* Нови 3D тастери са светлијом плавом бојом */
a {
  display: inline-block;
  padding: 6px 14px;
  margin: 4px;
  background-color: #28c7ce; /* Светла плава из нашег фајла */
  color: #ffffff !important;
  text-decoration: none !important;
  border-radius: 5px;
  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;
}


/* Стилови за одабране */
#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;
  /* Додато "top" након "left" да се слика фиксира за горњу ивицу */
  background       : transparent url('Neptun_kup_2026_MKD_25m.jpg') no-repeat left top;
  background-size  : 900px;
  line-height      : 20px;
  /* Смањити padding-top ако желимо да текст крене раније, или га оставити ако слика треба да се помери горе, било 305px */
  padding          : 315px 0px 0px 0px; 
  color            : #23356a; 
  font-size        : 16.32px;
  font-weight      : 400;
  box-shadow       : 0 0 10px rgba(0, 0, 0, 0.5);
}

/* стил за ПОСЛЕДЊА ИЗМЕНА */
#lastupdate {
  font-size        : 0.8em;
  margin           : 10px auto 5px auto;
  text-align       : right;
  width            : 900px;
}

/* кретање */
#navigation {
  background-color : #23356a;
  width            : 100%;
  padding           : 4.5px 0;
}

/* кретање табелом */
#navigation table {
  color            : #fff;
  width            : 900px;
  margin           : 0 auto 2px;
}

/* кретање пољима табеле */
#navigation table td {
  color            : #b3d2ec;
  font-weight      : 400;
  font-size        : 15px;
  letter-spacing   : 0.6px;
  text-transform   : uppercase;
  margin	   : 0 10px 0 0;
}

#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; /* Спречава да било шта "вири" ван 900px */
}

/* Максимано смањујемо тастере унутар табеле да би све стало у један ред */
#results table a {
    font-size: 0.8em;      /* Мањи фонт */
    padding: 1px 5px;      /* Минимални јастучићи */
    margin: 1px 0px;       /* Без бочних маргина */
    display: inline-block;
    white-space: nowrap;   /* Спречава да се текст унитар тастера преломи */
}


#results table {
  width: 100% !important;
  max-width: 900px;
  margin: 0 auto;
  table-layout: auto; 
  border-spacing: 0; /* Уклања празан простор између ћелија */
}

#results table td {
    white-space: nowrap;     /* КЉУЧНО: спречава текст да иде у нови ред */
    padding: 4px 2px;        /* Минимални размак између ћелија */
}

#results div.tab table tr{
  line-height      : 1.8;
} 

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

/* Смањујемо размак у ћелијама да ослободимо простор */
#results div.tab table td {
  padding: 4px 2px !important;
  font-size: 13px; /* Благо смањен фонт за бољи fit */
}

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

/* Стилови за редове табеле */

.trList0 {
}

.trList1 {
  background-color: #FFFFFF;
}

.trTitle1 {
}

.trTitle2 {
  background-color : #CFCFCF;
}

/* Рекламни footer */
#footer {
  display          : block;
  text-align       : center;
  width            : 100%;
  margin           : 10px auto 0px;
  padding-top      : 10px;
  background       : #fff;
  border-bottom    : 100px solid #23356a; 
}

#footer::before {
  content          : "За Вас припремио Ваш: plivanje.info тим | ";
}

#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.70em !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.3em !important;  /* Сразмерно смањено */
  padding-top      : 12px !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;
}

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

@import url("https://use.typekit.net"); 

@font-face {
  font-family: "filson-soft";
  font-style: normal; font-weight: 700; font-display: swap;
  src: url("https://use.typekit.net/af/0ceada/00000000000000003b9ade5c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2");
}

/* ... остали @font-face блокови остају исти ... */

@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 td.title1 { font-size: 1.6em !important; }
  #results td.title2 { font-size: 1.3em !important; }

  #results table {
    display: block;
    overflow-x: auto;
  }
}

/* Избриши све @font-face блокове и замени их само овом линијом */
@import url("https://use.typekit.net"); 

/* Скраћена верзија са само WOFF2 форматом који подржавају сви модерни прегледачи */
@font-face {
  font-family: "filson-soft";
  font-style: normal; font-weight: 700; font-display: swap;
  src: url("https://use.typekit.net/af/0ceada/00000000000000003b9ade5c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2");
}

@font-face {
  font-family: "filson-soft";
  font-style: italic; font-weight: 300; font-display: swap;
  src: url("https://use.typekit.net/af/a1417b/00000000000000003b9ade5e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2");
}

@font-face {
  font-family: "filson-soft";
  font-style: italic; font-weight: 400; font-display: swap;
  src: url("https://use.typekit.net/af/f50b47/00000000000000003b9ade5b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2");
}

@font-face {
  font-family: "filson-soft";
  font-style: normal; font-weight: 500; font-display: swap;
  src: url("https://use.typekit.net/af/5fe107/00000000000000003b9ade62/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2");
}

@font-face {
  font-family: "filson-soft";
  font-style: normal; font-weight: 400; font-display: swap;
  src: url("https://use.typekit.net/af/277d7a/00000000000000003b9ade63/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2");
}

@font-face {
  font-family: "filson-soft";
  font-style: normal; font-weight: 300; font-display: swap;
  src: url("https://use.typekit.net/af/672b42/00000000000000003b9ade59/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2");
}

.tk-filson-soft { font-family: "filson-soft",sans-serif; }

/* Прилагођавање за мобилне уређаје (екрани мањи од 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;
  }

	
	}