/* --- Glavni stilovi stranice (Optimizovano za mobilne i desktop) --- */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box; /* Sprečava širenje elemenata van ekrana mobilnog telefona */
}

body {
    font-size: 14px; /* Blago povećano sa 12px radi bolje čitljivosti na telefonima */
    font-family: sans-serif;
    color: #000000;
    background-color: #FDE8FF;
    border: 1px dotted #B100BF;
    margin: 10px auto;
    padding: 10px 5px; /* Komforna margina sa strana na ekranima telefona */
    max-width: 500px; /* Podignuto sa 350px radi bolje stabilnosti layout-a na telefonima */
    width: 100%;
}

/* --- Slike --- */
img {
    border: 0;
    margin: 0;
    max-width: 100%; /* Osigurava da velike slike ne razvuku širinu chata */
    height: auto;
}

/* --- Osnovni stil za sve divove --- */
div {
    margin: 6px 0;
    padding: 10px; /* Povećan padding za lakše dodirivanje prstom */
    border-radius: 6px; /* Blago zaobljeni uglovi za moderniji interfejs */
}

/* --- Chat poruke, sobe i sekcije --- */
.d1 {
    background-color: #B100BF; 
    color: #FFFFFF; 
    font-size: 14px; 
    margin: 4px 0; 
    padding: 8px; 
    vertical-align: middle; 
    border: 1px solid #000000;
    font-weight: bold;
}

.d5 {
    background-color: #B100BF; 
    color: #FFFFFF; 
    font-size: 14px; 
    margin: 4px 0; 
    padding: 8px; 
    vertical-align: middle; 
    border: 1px solid #000000;
}

.menu {
    background-color: #BBE6FF; 
    color: #444444; 
    font-size: 14px; 
    margin: 6px 0; 
    border-top: 1px solid #888888; 
    padding: 6px; 
    vertical-align: middle;
}

/* Zamenske klase za ostale sistemske divove unutar ove ljubičaste teme */
div.d2, div.d3, div.foot, div.fr, div.f, div.e, div.d {
    padding: 8px;
    box-sizing: border-box;
}

/* --- Linkovi i Navigacija (Prilagođeno za mobilne ekrane) --- */
a:link, a:active, a:visited {
    color: #B100BF; 
    text-decoration: none;
    display: inline-block;
    padding: 6px 10px; /* Veća površina za znatno lakši klik na telefonu */
    background-color: rgba(255, 255, 255, 0.6); /* Svetla pozadina iza linkova za bolji kontrast */
    margin: 2px 1px;
    border-radius: 4px;
}

a:hover {
    color: #F9AAFF; 
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.9);
}

/* Specifični linkovi unutar ljubičastih d1 i d5 panela (Ispravljene greške iz izvornog koda) */
.d1 a:link, .d1 a:visited, .d5 a:link, .d5 a:visited {
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.15); /* Blago osenčena podloga unutar panela */
}

.d1 a:hover, .d5 a:hover {
    color: #CCCCCC;
    background-color: rgba(0, 0, 0, 0.3);
}

/* Linkovi unutar svetloplavog menija da bi tekst ostao čitljiv i jasan */
.menu a:link, .menu a:visited {
    color: #333333;
    background-color: rgba(255, 255, 255, 0.4);
}

.menu a:hover {
    color: #000000;
    background-color: rgba(255, 255, 255, 0.7);
}

/* --- 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; /* Komforan prostor za klik i kucanje */
    border-radius: 6px;
    font-size: 16px; /* Format 16px uspešno sprečava auto-zumiranje ekrana na iOS/Android telefonima */
    border: 1px solid #B100BF;
    background-color: #ffffff;
    color: #000000;
}

textarea {
    margin: 6px 0;
    font-weight: bold;
    resize: vertical;
}

select.where { 
    width: 100%; /* Prilagođeno da zauzme punu širinu na mobilnom umesto fiksnih 110px */
    padding: 8px;
    font-size: 16px;
    border-radius: 6px;
    border: 1px solid #B100BF;
    background-color: #ffffff;
}

/* Stilovi za dugmad (submit-button i ostali unosi) */
input.submit-button, input.ibutton, input[type=submit] {
    width: auto;
    display: inline-block;
    margin: 5px auto;
    padding: 8px 16px;
    background-color: #176ab0; 
    color: #ffffff; 
    font-weight: bold; 
    border-color: #ffffff; 
    border-style: outset; 
    border-width: 1px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 6px;
}

input.submit-button:active, input.ibutton:active, input[type=submit]:active { 
    border-style: inset; 
}

input.submit-button:hover, input.ibutton:hover, input[type=submit]:hover {
    background-color: #13558f;
    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,
.quote {
    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');
}