/* --- Glavni stilovi stranice (Optimizovano za mobilne i desktop) --- */
body {
    font-family: Arial, sans-serif;
    font-size: 16px; /* Idealno za čitanje na ekranima telefona */
    background: url(neboplava.jpg);
    color: #1D4A7A;
    margin: 0 auto;
    padding: 10px 5px; /* Komforan prostor sa strana na mobilnim uređajima */
    max-width: 850px;
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #33CCCC;
}

/* --- Osnovni stil za sve divove --- */
div {
    background: url(nebo.jpg);
    padding: 10px; /* Povećan padding za lakše čitanje i bolji razmak */
    box-sizing: border-box;
    margin: 6px 0;
    border-radius: 8px; /* Moderni, blago zaobljeni uglovi */
}

/* --- Chat sekcije i zaglavlja --- */
div.d1 {
    color: #336666;
    text-align: center;
    background-color: #CCFFFF;
    background-image: none; /* Preklapa pozadinsku sliku čistom bojom za bolji kontrast text-a */
    padding: 8px;
    border: 2px solid #33CCCC;
}

div.d5 {
    color: #336666;
    text-align: center;
    background-color: #CCFFFF;
    background-image: none;
    padding: 8px;
    border: 2px solid #33CCCC;
}

/* Zamenske klase za ostale chat divove ako se koriste unutar teme */
div.d2, div.d3, div.fr, div.f, div.e, div.d, div.foot {
    padding: 8px;
    box-sizing: border-box;
}

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

/* --- Linkovi i Navigacija (Prilagođeno prstima na ekranu na dodir) --- */
a {
    display: inline-block;
    padding: 6px 12px; /* Veća površina, znatno lakši klik na telefonu */
    background-color: rgba(255, 255, 255, 0.3); /* Blaga podloga za bolju uočljivost */
    margin: 3px 2px;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.03);
}

a:link, a:visited {
    color: #1D4A7A;
    text-decoration: none;
}

a:hover {
    color: #ABA9EB;
    text-decoration: underline;
    background-color: rgba(255, 255, 255, 0.50);
    border-bottom: 1px dotted #AAC9EB; /* Ispravljena stara dupla definicija */
}

a:active {
    color: #33CCCC;
    font-weight: bold;
    text-decoration: none;
}

/* --- Forme i Unos teksta (Komforno kucanje bez auto-zooma) --- */
input.itext, textarea {
    width: 100%; /* Razvlačenje celom širinom na mobilnim uređajima */
    box-sizing: border-box;
    padding: 8px;
    border-radius: 6px;
    font-size: 16px; /* Sprečava neprijatno auto-zumiranje na iPhone-u */
    border: 1px solid #33CCCC;
    background-color: #FFFFFF;
    color: #1D4A7A;
}

textarea {
    margin: 6px 0;
}

/* Popravljen i uobličen selektor za dugmad */
input[type="submit"], input.ibutton {
    width: auto;
    display: inline-block;
    margin: 5px auto;
    padding: 8px 16px;
    background-color: #CCFFFF;
    border: 2px solid #33CCCC;
    color: #33CCCC;
    font-weight: bold;
    cursor: pointer;
    font-size: 16px;
    border-radius: 6px;
}

input[type="submit"]:hover, input.ibutton:hover {
    background-color: #33CCCC;
    color: #FFFFFF;
}

/* --- 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');
}