/*
Theme Name: Burek thema
Theme URI: https://www.burek.top/
Author: Vaše Ime
Author URI: https://www.burek.top/
Description: A bare-bones, minimal WordPress/ClassicPress theme with black background and white text.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: burek
*/

/* --- Glavni elementi i centriranje --- */
body {
    font-family: Monda, Arial, sans-serif;
    margin: 0; /* Ukloni defaultne margine */
    background-color: #000; /* Potpuno crna pozadina */
    color: #fff; /* Bijeli tekst po defaultu */
    line-height: 1.6;
    display: flex; /* Omogući Flexbox za centriranje sadržaja */
    justify-content: center; /* Centriraj horizontalno */
    align-items: flex-start; /* Poravnaj sadržaj na vrh (ne na sredinu ekrana) */
    min-height: 100vh; /* Osiguraj da body zauzima cijelu visinu viewporta */
}

/* NOVI WRAPPER ZA GLAVNI SADRŽAJ I SIDEBAR */
#content-wrapper {
    display: flex;
    justify-content: center; /* Centriraj djecu unutar ovog wrappera */
    align-items: flex-start; /* Poravnaj djecu na vrh */
    min-height: 100vh;
    
    /* DODANO ZA CENTRIRANJE CIJELOG WRAPPERA */
    max-width: 1200px; /* Postavi maksimalnu širinu za cijelu stranicu (prilagodi po želji) */
    margin: 0 auto; /* Automatske margine s lijeve i desne strane za horizontalno centriranje */
    
    /* Dodaj malo paddinga ako želiš da se sadržaj ne lijepi za rubove preglednika na vrlo uskim ekranima */
    padding: 0 20px; 
    box-sizing: border-box; /* Važno za ispravan padding */
}

#page.site {
    max-width: 1200px; /* Maksimalna širina glavnog sadržajnog bloka */
    width: 100%; /* Osigurava prilagodljivost na manjim ekranima */
    padding: 20px; /* Unutarnji razmak unutar bloka */
    /*border: 1px solid #333; /* Diskretan tamno sivi obrub */
    background-color: #000; /* Crna pozadina za unutrašnjost bloka */
    box-sizing: border-box; /* Uključi padding u izračun širine */
}

/* --- Tipografija i naslovi --- */
h1, h2, h3, h4, h5, h6 {
    color: #fff; /* Bijeli naslovi */
    border-bottom: 1px solid #555; /* Tamno siva linija ispod naslova */
    padding-bottom: 5px;
    margin-top: 25px;
    margin-bottom: 15px;
}

/* --- Linkovi --- */
a {
    color: #ADD8E6; /* Svijetloplavi linkovi za bolju vidljivost na crnoj */
    text-decoration: none; /* Bez podcrtavanja po defaultu */
}

a:hover {
    text-decoration: underline; /* Podcrtaj na hover */
    color: #87CEEB; /* Malo tamnija nijansa plave na hover */
}

/* --- Zaglavlje stranice (Site Header) --- */
.site-title {
	text-align: center;
    font-size: 35px;
	/*
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 25px;
    border-bottom: 2px solid #555; /* Deblja linija ispod naslova stranice */
}

.site-title a {
    color: #fff; /* Bijeli naslov stranice */
    font-size: 2.2em;
    font-weight: bold;
}

.site-description {
    color: #aaa; /* Svijetlo sivi opis stranice */
    text-align: center;
    font-size: 0.9em;
}

/* --- Glavna navigacija --- */
.site-navigation ul {
    list-style: none;
    padding: 0;
    text-align: center;
    background-color: #1a1a1a; /* Malo svjetlija crna za pozadinu navigacije */
    padding: 10px 0;
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
    margin-bottom: 25px;
}

.site-navigation ul li {
    display: inline;
    margin: 0 18px; /* Povećaj razmak između stavki menija */
}

.site-navigation ul li a {
    font-weight: bold;
    color: #fff; /* Bijeli tekst u navigaciji */
}
.site-navigation ul li a:hover {
    color: #ADD8E6; /* Svijetloplavi hover efekt */
}

/* --- Postovi i stranice (Sadržaj) --- */
.post {
    border-bottom: 5px solid #555; /* Debljina 5px, solidna linija, tamno siva boja */
    padding-bottom: 40px; /* Dodaj razmak između kraja sadržaja i linije */
    margin-bottom: 25px; /* Razmak između ove linije i idućeg posta */
}

.post-meta {
    font-size: 0.85em;
    color: #bbb; /* Svijetlo siva meta informacija (datum, autor) */
    border-bottom: 1px dashed #444; /* Ova linija ostaje ispod meta-informacija ako je tako želiš */
    padding-bottom: 7px;
    margin-bottom: 15px;
}

.entry-content {
    /*display: flex;*/ /* Omogući Flexbox za ovaj kontejner */
    align-items: flex-start; /* Poravnaj elemente na vrh */
    gap: 20px; /* Dodaj razmak između slike i teksta (možeš prilagoditi) */
    margin-bottom: 20px; /* Razmak ispod cijelog bloka sadržaja */
}

.post-thumbnail {
    flex-shrink: 0; /* Spriječi smanjivanje slike ako nema dovoljno prostora */
    width: 100px; /* Postavi fiksnu širinu za sliku. Prilagodi po želji. */
    max-width: 100%; /* Osiguraj da se slika ne prelije na manjim ekranima */
    height: auto; /* Zadrži omjer slike */
}

.entry-content p {
    flex-grow: 1; /* Omogući tekstu da zauzme preostali prostor */
    margin: 0; /* Ukloni zadane margine s pasusa unutar .entry-content ako postoje */
}

/* Osiguraj da se slika pravilno prilagodi unutar svog diva */
.post-thumbnail img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Media query za responzivnost (opcionalno, ali preporučeno) */
@media (max-width: 768px) {
    .entry-content {
        flex-direction: column; /* Na manjim ekranima, složi sliku i tekst jedan ispod drugog */
        align-items: center; /* Centriraj elemente vertikalno */
    }
    .post-thumbnail {
        width: 100%; /* Slika zauzima punu širinu */
        margin-bottom: 15px; /* Dodaj razmak ispod slike kada su složeni vertikalno */
    }
}

.read-more {
    color: #ADD8E6; /* Svijetloplavi link "Čitaj više" */
    display: block; /* Osigurava da je link u vlastitom redu */
    margin-top: 20px; /* Razmak iznad linka */
}
.read-more:hover {
    color: #87CEEB;
}
/* --- Podnožje stranice (Footer) --- */
.footer-content {
    text-align: center;
    font-size: 0.8em;
    color: #aaa; /* Svijetlo siva za footer tekst */
    margin-top: 40px;
    border-top: 1px solid #444; /* Linija iznad footera */
    padding-top: 20px;
}

.footer-content a {
    color: #ADD8E6;
}
.footer-content a:hover {
    color: #87CEEB;
}

/* --- Komentari --- */
.comments-area {
    margin-top: 40px;
    border-top: 1px solid #444;
    padding-top: 25px;
}

.comments-title {
    color: #fff; /* Bijeli naslov za sekciju komentara */
}

.comment-list {
    list-style: none;
    padding: 0;
}

.comment-body {
    background-color: #111; /* Vrlo tamna siva/crna pozadina za pojedini komentar */
    border: 1px solid #444;
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 0px; /* Bez zaobljenih rubova */
    font-size: 0.9em;
    color: #fff; /* Bijeli tekst komentara */
}

.comment-meta {
    font-weight: bold;
    color: #ADD8E6; /* Svijetloplavo ime autora komentara */
}

.comment-content p {
    margin: 8px 0 0 0;
}

.comment-form {
    margin-top: 30px;
    padding: 20px;
    border: 1px dashed #444; /* Isprekidani okvir za formu komentara */
    background-color: #0a0a0a; /* Jako tamna pozadina za formu */
}

.comment-form label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    color: #fff; /* Bijele labele u formi */
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    width: 98%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #555; /* Tamniji okvir input polja */
    background-color: #222; /* Tamnija pozadina input polja */
    color: #fff; /* Bijeli tekst koji korisnik unosi */
    box-sizing: border-box;
}

.comment-form input[type="submit"] {
    background-color: #ADD8E6; /* Svijetloplavi gumb */
    color: #000; /* Crni tekst na gumbu */
    padding: 12px 20px;
    border: none;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: bold;
    border-radius: 0px; /* Bez zaobljenih rubova */
}

.comment-form input[type="submit"]:hover {
    background-color: #87CEEB; /* Malo tamnija nijansa plave na hover */
}

/* --- Blockquotes --- */
blockquote {
    background-color: #1a1a1a; /* Tamno siva pozadina za isticanje */
    border-left: 5px solid #ADD8E6; /* Svijetloplava linija s lijeve strane, usklađena s linkovima */
    border-top: 5px solid #ADD8E6; /* Dodana linija debljine 5px na vrhu */
    padding: 15px 20px; /* Unutarnji razmak unutar blockquotea */
    margin: 20px 0; /* Razmak iznad i ispod blockquotea */
    color: #eee; /* Svijetlo sivi tekst unutar blockquotea */
    font-style: italic; /* Obično se blockquote tekst piše kurzivom */
}

/* --- Stil za naizmjenične pozadine postova na listama (home, archive) --- */
/* Koristimo :nth-child(even) za svaki drugi (parni) post */
body.home .post:nth-child(even),
body.archive .post:nth-child(even),
body.blog .post:nth-child(even) { /* Dodana body.blog za sigurnost */
    background-color: #4b4b4b; /* Svjetlija siva - provjeri da li je dovoljno tamna */
    padding: 20px; /* Dodaj malo paddinga da se pozadina vidi */
    /* margin-bottom je već definiran na .post, pa ovdje nije nužno */
    border: 1px solid #222; /* Diskretan obrub */
}

/* --- Sidebar stilovi --- */
.widget-area {
    width: 250px; /* Fiksna širina sidebara */
    padding: 20px;
    /*border: 1px solid #333;*/
    background-color: #000; /* Crna pozadina za sidebar */
    box-sizing: border-box;
    margin-top: 0px; /* Poravnaj s gornjim rubom #page.site */
}

.widget-area .widget-title {
    color: #fff;
    border-bottom: 1px solid #555;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.widget-area ul {
    list-style: none;
    padding: 0;
}

.widget-area ul li {
    margin-bottom: 8px;
}

.widget-area ul li a {
    color: #ADD8E6;
    text-decoration: none;
}

.widget-area ul li a:hover {
    color: #87CEEB;
    text-decoration: underline;
}

/* --- Novinsko Zaglavlje --- */
.newspaper-info {
    display: flex; /* Koristimo Flexbox za pozicioniranje */
    justify-content: space-between; /* Razmak između elemenata */
    align-items: center; /* Vertikalno poravnanje */
    font-size: 0.9em; /* Malo manji font, kao na novinama */
    color: #fff; /* Bijela boja teksta */
    margin: 10px 0; /* Smanjen razmak iznad i ispod bloka */
    padding: 0 10px; /* Mali unutarnji razmak s lijeve i desne strane */
    font-weight: bold; /* Cijeli red je sada bold */
}

.newspaper-header-line {
    border-top: 1px solid #fff; /* Bijela crta */
    margin: 2px 0; /* Smanjen razmak između crta i bloka */
}

.newspaper-date {
    text-align: left;
    flex-grow: 1; /* Omogućuje da zauzme dostupan prostor */
}

.newspaper-year {
    text-align: center;
    flex-grow: 1; /* Omogućuje da zauzme dostupan prostor */
}

.newspaper-issue {
    text-align: right;
    flex-grow: 1; /* Omogućuje da zauzme dostupan prostor */
}