/* --- Glavni stilovi stranice (Optimizovano za mobilne i desktop) --- */
body {
    font-family: Verdana, Tahoma, sans-serif; /* Ispravljena dupla definicija i dodat fallback */
    font-size: 16px; /* Prilagođeno standardu za mobilne uređaje */
    color: #373737;
    background-color: #FFFFFF;
    margin: 0 auto;
    padding: 10px 5px; /* Prostor sa strana na ekranima telefona */
    max-width: 850px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #9FCFFF;
}

/* --- Osnovni stil za sve divove --- */
div {
    border: 3px double white;  
    background-color: #F7F7F7; 
    padding: 10px; /* Povećano za bolji razmak i lakši klik na telefonu */
    box-sizing: border-box;
    margin: 6px 0;
    border-radius: 8px; /* Blago zaobljeni uglovi za moderniji izgled */
}

div.center {
    background-color: #FFFFFF;
    color: #373737;
    text-align: center;
}

/* --- Chat poruke i sekcije --- */
div.d0 {
    background-color: #FFFFFF;
    border: 1px solid;
    border-color: #336688 #003366 #003366 #336688;
}

div.d4 {
    background-color: #FFFFFF;
    color: #373737; /* Prilagođena boja za bolju čitljivost teksta na beloj pozadini */
    border: 1px solid;
    border-color: #336688 #003366 #003366 #336688;
}

div.d1 { border: 2px double #9FCFFF; padding: 8px; background-color: #5EAEFF; margin: 6px 0; color: #ffffff; font-weight: bold; }
div.d2 { padding: 8px; background-color: #5EAEFF; color: #555555; border: none; }
div.d3 { padding: 8px; background-color: #5EAEFF; color: #555555; border: none; }
div.d5 { border: 2px double #9FCFFF; padding: 8px; background-color: #5EAEFF; color: #ffffff; text-align: center; }
div.foot { border: 2px double #9FCFFF; padding: 8px; background-color: #5EAEFF; color: #ffffff; text-align: center; }
div.fr { padding: 6px; background-color: #D9F3FF; color: #555555; text-align: center; border: none; }

div.f { padding: 6px; background-color: #BFE9FF; color: #555555; border: none; }
div.e { padding: 6px; background-color: #DFF4FF; color: #555555; border: none; }
div.d { padding: 6px; background-color: #9BDAFF; color: #555555; border: none; }

/* --- Citati --- */
.quote {
    font-size: 15px;
    padding: 4px 0 4px 8px;
    color: #878787;
    border-left: 3px solid #c0c0c0;
    margin: 5px 0;
}

/* --- Linkovi i Navigacija (Prilagođeno ekranima na dodir) --- */
a {
    color: #2095FF; 
    text-decoration: none;
    display: inline-block;
    padding: 6px 12px; /* Lakše pogađanje prstom na telefonu */
    background-color: rgba(94, 174, 255, 0.1); /* Diskretna plavičasta pozadina za linkove */
    margin: 3px 2px;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.03);
}

a:visited, a:active {
    color: #2095FF;
}

.d1 a:link, .d1 a:visited,
.d2 a:link, .d2 a:visited,
.d3 a:link, .d3 a:visited,
.d5 a:link, .d5 a:visited {
    color: #001FAE;
}

.foot a:link, .foot a:visited {
    color: #DDDDDD;
}

a:hover {
    color: #001FAE;
    text-decoration: none;
    background-color: rgba(94, 174, 255, 0.2);
    border-bottom: 1px dotted #001FAE; /* Ispravljena stara dupla definicija */
}

/* --- Forme i Unos teksta (Komforno kucanje bez auto-zooma) --- */
input.itext, textarea {
    width: 100%; /* Širenje preko celog ekrana na mobilnom */
    box-sizing: border-box;
    padding: 8px; /* Komforan prostor za klik i kucanje */
    border-radius: 6px;
    font-size: 16px; /* Sprečava neprijatno auto-zumiranje ekrana na telefonima */
}

input.itext {
    background-color: #fff;
    color: #000;
    border: 1px solid;
    border-color: #000 #ccc #ccc #000;
    vertical-align: middle;
}

textarea {
    margin: 6px 0;
    background-color: #DDDDDD;
    border: 1px solid;
    border-color: #999 #fff #fff #999;
    color: #000;
}

/* Sređeno i uobličeno dugme za slanje (bilo je prazno) */
input.ibutton, input[type=submit] {
    width: auto;
    display: inline-block;
    margin: 5px auto;
    padding: 8px 16px;
    background-color: #5EAEFF;
    border: 1px solid #2095FF;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
    font-size: 16px;
    border-radius: 6px;
}

input.ibutton:hover, input[type=submit]:hover {
    background-color: #2095FF;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
}

/* --- Zaobljeni uglovi za sistemske klase platforme --- */
.navbar, 
.catSides,
.catSides a, 
.row1,
.row_easy, 
.row_hard, 
a.buttom, 
div.cat {
    border-radius: 6px;
}

/*
End of file 
*/
@font-face {
  font-family: Hillock;
  src: url(font/Hillock.ttf);
}
.hillock { font-family: Hillock; }

@font-face {
  font-family: Greek-Freak;
  src: url(font/Greek-Freak.ttf);
}
.greek-freak { font-family: Greek-Freak; }

@font-face {
  font-family: MuchoFiesta;
  src: url(font/MuchoFiesta.ttf);
}
.muchofiesta { font-family: MuchoFiesta; }

@font-face {
  font-family: Regular;
  src: url(font/Regular.ttf);
}
.regular { font-family: Regular; }

@font-face {
  font-family: rothenbg;
  src: url(font/rothenbg.ttf);
}
.rothenbg { font-family: rothenbg; }

@font-face {
  font-family: CelticHand;
  src: url(font/CelticHand.ttf);
}
.celtichand { font-family: CelticHand; }

@font-face {
  font-family: tridlet;
  src: url(font/tridlet.ttf);
}
.tridlet { font-family: tridlet; }

@font-face {
  font-family: orangejuice;
  src: url(font/orangejuice.ttf);
}
.orangejuice { font-family: orangejuice; }

@font-face {
  font-family: hardcorium;
  src: url(font/hardcorium.ttf);
}
.hardcorium { font-family: hardcorium; }

@font-face {
  font-family: coreldraw;
  src: url(font/CorelDraw.ttf);
}
.coreldraw { font-family: coreldraw; }

@font-face {
  font-family: beauty;
  src: url(font/beauty.ttf);
}
.beauty { font-family: beauty; }

@font-face {
  font-family: riesling;
  src: url(font/riesling.ttf);
}
.riesling { font-family: riesling; font-size: 25px; }

@font-face {
  font-family: das;
  src: url(font/das.ttf);
}
.das { font-family: das; }

@font-face {
  font-family: reclaim;
  src: url(font/reclaim.ttf);
}
.reclaim { font-family: reclaim; }

@font-face {
  font-family: rhieknuza;
  src: url(font/rhieknuza.ttf);
}
.rhieknuza { font-family: rhieknuza; }

@font-face {
  font-family: standups;
  src: url(font/Standups.ttf);
}
.standups { font-family: standups; }

@font-face {
  font-family: bandito;
  src: url(font/bandito.ttf);
}
.bandito { font-family: bandito; }

@font-face {
  font-family: beaked;
  src: url(font/beaked.ttf);
}
.beaked { font-family: beaked; }

@font-face {
  font-family: snowland;
  src: url(font/snowland.ttf);
}
.snowland { font-family: snowland; }

@font-face {
  font-family: Aerosol;
  src: url(font/Aerosol.ttf);
}
.Aerosol { font-family: Aerosol; }

@font-face {
  font-family: tribalbox;
  src: url(font/tribalbox.ttf);
}
.tribalbox { font-family: tribalbox; }

@font-face {
  font-family: Canterbury;
  src: url(font/Canterbury.ttf);
}
.Canterbury { font-family: Canterbury; }

@font-face {
  font-family: sickcapital-vice;
  src: url(font/sickcapital-vice.ttf);
}
.sickcapital-vice { font-family: sickcapital-vice; }

@font-face {
  font-family: catalina;
  src: url(font/catalina.ttf);
}
.catalina { font-family: catalina; }

.avatar {
    margin: 10px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    box-shadow: 10px 10px 5px grey;
}

@font-face {
  font-family: gogle;
  src: url('https://fonts.googleapis.com/css2?family=Akaya+Kanadaka&display=swap');
}