/*
Theme Name:  GeneratePress Child — djecjidoplatak
Theme URI:   https://djecjidoplatak.com.hr
Description: Child tema za djecjidoplatak.com.hr — kompaktni razmaci, brendiranje headera.
Author:      djecjidoplatak.com.hr
Template:    generatepress
Version:     1.0.0
Text Domain: generatepress-child
*/

/* ==========================================================================
   1. HEADER — GP default ima 40px paddinga sa svih strana, ovo ga stišće.
   ========================================================================== */

.inside-header {
	padding: 14px 40px; /* okomito 14px umjesto 40px */
}

@media (max-width: 768px) {
	.inside-header {
		padding: 12px 20px;
	}
}

/* Naslov sajta — brendiranje */
.main-title a {
	font-weight: 800;
	color: #14375f;
	font-size: 20px;
}
.main-title a:hover {
	color: #1d4c82;
}

/* Izbornik */
.main-navigation .main-nav ul li a {
	font-weight: 500;
	color: #475569;
	line-height: 56px; /* niži header → niži linkovi (GP default 60px) */
}
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li[class*="current-menu-"] a {
	color: #14375f;
}

.site-header {
	border-bottom: 1px solid #e2e8f0;
}

/* ==========================================================================
   2. RAZMAK HEADER ↔ SADRŽAJ — GP "separate containers" default je 20-30px
      margine + 40px paddinga u kutiji. Stišćemo oboje.
   ========================================================================== */

.separate-containers .site-main {
	margin-top: 16px;    /* razmak ispod headera */
	margin-bottom: 16px;
}

.separate-containers .inside-article,
.separate-containers .paging-navigation,
.separate-containers .page-header {
	padding: 24px;       /* unutarnji padding bijele kutije (default 40px) */
}

@media (max-width: 768px) {
	.separate-containers .site-main {
		margin-top: 8px;
		margin-bottom: 8px;
	}
	.separate-containers .inside-article {
		padding: 16px;
	}
}

/* Ako je naslov stranice isključen, GP ponekad ostavi prazan entry-header */
.entry-header:empty {
	display: none;
}

/* Prvi element u sadržaju bez dodatne gornje margine
   (da hero sjedne odmah uz rub kutije) */
.entry-content > *:first-child {
	margin-top: 0;
}

/* ==========================================================================
   3. SIDEBAR — poravnaj razmake s glavnim stupcem
   ========================================================================== */

.separate-containers .widget {
	margin-top: 16px;
	margin-bottom: 16px;
	padding: 24px;
}
.separate-containers .widget:first-child {
	margin-top: 16px;
}

@media (max-width: 768px) {
	.separate-containers .widget {
		padding: 16px;
	}
}

/* ==========================================================================
   4. FOOTER — stisni i njega da prati ritam
   ========================================================================== */

.site-info {
	padding: 16px 0;
	font-size: 14px;
}

/* ==========================================================================
   5. Fino podešavanje — mijenjaj slobodno:
      - želiš još manje razmaka? smanji 16px → 8px i 24px → 16px
      - želiš zračniji izgled? vrati 24px → 32px
   ========================================================================== */