/* --- Glavni stilovi stranice (Optimizovano za mobilne i desktop) --- */
body {
    font-family: Arial, Tahoma, sans-serif;
    font-size: 16px; /* Idealna veličina za čitanje na telefonima */
    background-image: url(sre.gif);
    margin: 0 auto; 
    padding: 10px 5px; /* Malo više prostora sa strana na mobilnom */
    max-width: 850px;
    width: 100%;
    box-sizing: border-box;
}

/* --- Osnovni stil za sve divove --- */
div {
    border-radius: 10px;
    padding: 10px; /* Povećan padding za bolji razmak na ekranu */
    background-image: url(po.png);
    background-position: center bottom;
    background-repeat: repeat;
    box-sizing: border-box;
} 

/* --- Chat sekcije i poruke --- */
div.d1 {
    margin: 6px 0;
    background-color: #ff9999;
    background-image: none;
    color: #000000;
}

div.d5 {
    margin: 6px 0;
    background-color: #FAAFBE;
    background-image: none;
    color: #000000;
}

div.d6 {
    background-image: url(images/02.png); 
    background-repeat: repeat; 
    margin: 4px 0; 
    padding: 8px; 
    border: 1px double #b6b6ea; 
}

div.d7 {
    background-image: url(images/0002.png); 
    background-repeat: repeat; 
    margin: 4px 0; 
    padding: 8px; 
    border: 1px double #d0d0e8; 
}

/* --- Slike i Citati --- */
.logo_slika {
    outline: 1px solid #d0d0e8;
    border: 4px solid #FFF;
    margin-bottom: 5px;
    max-width: 100%; /* Slika nikada neće "pobeći" van ekrana */
    height: auto;
}

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

/* --- Forme i Unos teksta (Prilagođeno prstima) --- */
input.itext, textarea {
    width: 100%; /* Razvlače se lepo od ivice do ivice */
    box-sizing: border-box;
    padding: 8px; /* Lakše se klikne unutar polja */
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 16px; /* Sprečava automatsko zumiranje na iPhone-u pri kucanju */
}

input.itext {
    background-color: #fff;
    vertical-align: middle;
}

textarea {
    margin: 6px 0;
    background-color: #DDDDDD;
    color: #000;
}

/* --- Linkovi i Dugmići (Povećane površine za klik na fonu) --- */
a:link, 
a:active, 
a:visited { 
    background-color: #f4f4f4; 
    color: #3180a0;
    text-decoration: none;
    display: inline-block;
    padding: 6px 12px; /* Povećano da prst lakše pogodi link */
    border: 1px solid #a69595;
    margin: 3px 2px;
}

a:hover {
    color: #fff;
    background-color: #3180a0; /* Lepši, moderniji efekat na prelaz mišem */
}

/* --- Zaobljeni uglovi za navigaciju i ostale elemente --- */
a:link,
a:active,
a:visited,
.navbar, 
.catSides,
.catSides a, 
.row1,
.row_easy, 
.row_hard, 
a.buttom, 
input[type=submit],
input[type=button],
div.cat {
    border-radius: 6px;
}

/* Posebno doterana submit dugmad za slanje poruka */
input[type=submit], input[type=button] {
    padding: 8px 16px;
    background-color: #3180a0;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 16px;
}