/*
Theme Name: Dobrovčan
Description: Custom theme recreating the original dobrovcan.com design
Version: 1.0
Author: Custom
*/

/* ═══════════════════════════════════════════════════
   RESET & BASE
   ═══════════════════════════════════════════════════ */
*, *::before, *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
}

body {
	font-family: Georgia, 'Times New Roman', Times, serif;
	background: #eae5dc;
	color: #2c2c2c;
	line-height: 1.7;
	min-height: 100vh;
}

/* ═══════════════════════════════════════════════════
   HEADER — dark bar with logo left, nav right
   ═══════════════════════════════════════════════════ */
header.site-header,
.dobrovcan-header {
	background: #1e1e1e;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 40px;
	height: 56px;
	position: relative;
	z-index: 100;
}

.site-logo,
.dobrovcan-header .logo {
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
	font-size: 28px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
}

/* ── Primary Navigation ── */
nav.primary-nav,
.dobrovcan-header nav {
	display: flex;
	align-items: center;
	gap: 0;
}

nav.primary-nav ul,
.dobrovcan-header nav ul {
	display: flex;
	list-style: none;
	gap: 0;
	margin: 0;
	padding: 0;
}

nav.primary-nav ul li a,
.dobrovcan-header nav ul li a {
	display: block;
	color: #cccccc;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	padding: 8px 18px;
	transition: color 0.2s;
	white-space: nowrap;
}

nav.primary-nav ul li a:hover,
.dobrovcan-header nav ul li a:hover {
	color: #ffffff;
}

/* Active nav item — white border box */
nav.primary-nav ul li.active a,
nav.primary-nav ul li.current-menu-item a,
.dobrovcan-header nav ul li.active a {
	color: #ffffff;
	border: 1px solid #ffffff;
}

/* ═══════════════════════════════════════════════════
   HERO IMAGE — full-width banner photo
   ═══════════════════════════════════════════════════ */
.hero-banner,
.dobrovcan-hero {
	width: 100%;
	height: 420px;
	overflow: hidden;
	line-height: 0;
}

.hero-banner img,
.dobrovcan-hero img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

/* ═══════════════════════════════════════════════════
   MAIN CONTENT AREA
   ═══════════════════════════════════════════════════ */
main.site-content,
.dobrovcan-content {
	max-width: 860px;
	margin: 0 auto;
	padding: 50px 30px 80px;
}

/* ── Quote / Introductory italic block ── */
.intro-quote,
.dobrovcan-content .quote-block {
	margin-bottom: 10px;
	margin-left: 0;
}

.intro-quote p,
.dobrovcan-content .quote-block p {
	font-style: italic;
	color: #3a6b5a;
	font-size: 15.5px;
	line-height: 1.65;
	margin-bottom: 4px;
}

.intro-quote .attribution,
.dobrovcan-content .quote-block .attribution {
	font-style: normal;
	color: #c0392b;
	font-size: 13px;
	margin-top: 6px;
	display: block;
}

/* ── "NOVO" big red heading ── */
h2.novo-heading,
.dobrovcan-content .novo {
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 38px;
	font-weight: bold;
	color: #c0392b;
	margin-top: 38px;
	margin-bottom: 18px;
	line-height: 1.2;
}

/* ── Red sub-heading (announcement titles) ── */
h3.announcement-title,
.dobrovcan-content .announcement-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #c0392b;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	margin-bottom: 16px;
	margin-top: 24px;
}

/* ── Body paragraphs ── */
.dobrovcan-content p,
main.site-content p {
	font-size: 15px;
	color: #2c2c2c;
	line-height: 1.75;
	margin-bottom: 12px;
}

/* ── Bold label + inline text (e.g. "POHOD KDAJ: ...") ── */
.dobrovcan-content p strong,
main.site-content p strong {
	font-weight: bold;
	color: #2c2c2c;
}

/* ── Links default to red ── */
.dobrovcan-content a,
main.site-content a {
	color: #c0392b;
	text-decoration: none;
}

.dobrovcan-content a:hover,
main.site-content a:hover {
	text-decoration: underline;
}

/* ── General headings inside content ── */
.dobrovcan-content h1,
main.site-content h1 {
	font-family: Georgia, serif;
	font-size: 32px;
	color: #2c2c2c;
	margin-bottom: 20px;
	margin-top: 30px;
	font-weight: bold;
}

.dobrovcan-content h2,
main.site-content h2 {
	font-family: Georgia, serif;
	font-size: 24px;
	color: #2c2c2c;
	margin-bottom: 14px;
	margin-top: 28px;
}

.dobrovcan-content h3,
main.site-content h3 {
	font-family: Arial, sans-serif;
	font-size: 17px;
	color: #2c2c2c;
	margin-bottom: 10px;
	margin-top: 22px;
}

/* ── Lists ── */
.dobrovcan-content ul,
.dobrovcan-content ol,
main.site-content ul,
main.site-content ol {
	margin-left: 24px;
	margin-bottom: 14px;
}

.dobrovcan-content li,
main.site-content li {
	font-size: 15px;
	margin-bottom: 5px;
	color: #2c2c2c;
}

/* ── Images in content ── */
.dobrovcan-content img,
main.site-content img {
	max-width: 100%;
	height: auto;
	display: block;
	margin-bottom: 16px;
}

/* ── Horizontal rule ── */
.dobrovcan-content hr,
main.site-content hr {
	border: none;
	border-top: 1px solid #d0cbc2;
	margin: 32px 0;
}

/* ═══════════════════════════════════════════════════
   WORDPRESS ADMIN BAR OFFSET
   ═══════════════════════════════════════════════════ */
@media screen and (min-width: 601px) {
	html.admin-bar header.site-header,
	html.admin-bar .dobrovcan-header {
		margin-top: 32px;
	}
}

/* ═══════════════════════════════════════════════════
   HIDE DEFAULT WORDPRESS ELEMENTS
   ═══════════════════════════════════════════════════ */
/* Hide the default Twenty-* theme nav, sidebar, footer if present */
.entry-title,
.page-title {
	display: none;
}

/* Hide "My Blog" default title */
.site-title {
	display: none !important;
}

/* Hide default sidebars */
aside,
.sidebar,
#sidebar {
	display: none !important;
}

/* Hide default Twenty-* theme footer */
footer.site-footer {
	background: #1e1e1e;
	padding: 24px 40px;
	text-align: center;
}

footer.site-footer p,
footer.site-footer a {
	color: #777;
	font-size: 12px;
	font-family: Arial, sans-serif;
}

/* ═══════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════ */
@media (max-width: 768px) {
	header.site-header,
	.dobrovcan-header {
		flex-direction: column;
		height: auto;
		padding: 14px 20px 10px;
		gap: 10px;
	}

	nav.primary-nav ul,
	.dobrovcan-header nav ul {
		flex-wrap: wrap;
		justify-content: center;
		gap: 4px;
	}

	nav.primary-nav ul li a,
	.dobrovcan-header nav ul li a {
		padding: 5px 10px;
		font-size: 12px;
	}

	.hero-banner,
	.dobrovcan-hero {
		height: 220px;
	}

	main.site-content,
	.dobrovcan-content {
		padding: 30px 18px 60px;
	}
}