/* Glazbena Pandemija — Generic page/archive content primitives. */

.gp-content-main,
.gp-woo-main {
	padding: 64px 0 90px;
}

.gp-page-header {
	margin-bottom: 30px;
}

.gp-page-header h1 {
	font-size: clamp(36px, 5vw, 64px);
}

.gp-featured-image {
	margin: 0 0 32px;
}

.gp-featured-image img {
	width: 100%;
	border-radius: var(--gp-radius);
}

.gp-entry-content {
	font-size: 16px;
}

.gp-entry-content a {
	color: var(--gp-orange) !important;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.gp-entry-content > * {
	margin-bottom: 1.25em;
}

.gp-post-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.gp-post-card {
	overflow: hidden;
	border: 1px solid var(--gp-line);
	border-radius: var(--gp-radius);
	background: #fff;
}

.gp-post-card__image img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.gp-post-card__content {
	padding: 20px;
}

.gp-post-card h2 {
	font-size: 24px;
}

.gp-post-card h2 a:hover {
	color: var(--gp-red);
}

.gp-post-meta {
	margin-bottom: 8px;
	color: var(--gp-muted);
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
}

.gp-empty-state {
	padding: 54px;
	border-radius: var(--gp-radius);
	background: #fff;
	text-align: center;
}

.gp-empty-state .gp-eyebrow::before {
	display: none;
}

.gp-shop-hero {
	padding: 38px;
	border-radius: var(--gp-radius);
	color: #fff;
}

.gp-shop-hero h1 {
	margin-bottom: 10px;
	font-size: clamp(38px, 5vw, 64px);
}

.gp-shop-hero p:not(.gp-eyebrow) {
	max-width: 620px;
	color: rgba(255, 255, 255, .72);
}



/* ==========================================================
   SIMPLE PAGE TYPOGRAPHY SYSTEM
   Applies to standard WordPress pages using page.php.
========================================================== */

body.page:not(.woocommerce-page) .gp-content-main {
	padding: 68px 0 92px;
}

body.page:not(.woocommerce-page) .gp-page-content {
	max-width: 1040px;
	margin: 0 auto;
}

body.page:not(.woocommerce-page) .gp-page-header {
	max-width: 860px;
	margin-bottom: 34px;
}

body.page:not(.woocommerce-page) .gp-page-header h1 {
	margin: 0;
	font-size: var(--gp-type-h1);
	font-weight: 900;
	line-height: 1;
}

body.page:not(.woocommerce-page) .gp-entry-content {
	color: rgba(255,255,255,.90);
	font-size: var(--gp-type-body);
	line-height: 1.72;
}

body.page:not(.woocommerce-page) .gp-entry-content p,
body.page:not(.woocommerce-page) .gp-entry-content li {
	font-size: inherit;
	line-height: inherit;
}

body.page:not(.woocommerce-page) .gp-entry-content h2 {
	margin: 46px 0 16px !important;
	color: var(--gp-orange);
	font-size: var(--gp-type-h2);
	font-weight: 900;
	line-height: 1.08;
}

body.page:not(.woocommerce-page) .gp-entry-content h3 {
	margin: 34px 0 12px;
	color: #fff;
	font-size: var(--gp-type-h3);
	font-weight: 900;
	line-height: 1.15;
}

body.page:not(.woocommerce-page) .gp-entry-content h4 {
	margin: 28px 0 10px;
	color: var(--gp-orange);
	font-size: 20px;
	font-weight: 900;
}

body.page:not(.woocommerce-page) .gp-entry-content ul,
body.page:not(.woocommerce-page) .gp-entry-content ol {
	margin: 18px 0 28px;
	padding-left: 25px;
}

body.page:not(.woocommerce-page) .gp-entry-content li {
	margin-bottom: 7px;
}

body.page:not(.woocommerce-page) .gp-entry-content li::marker {
	color: var(--gp-orange);
}

body.page:not(.woocommerce-page) .gp-entry-content strong {
	color: #fff;
	font-weight: 900;
}

@media (max-width: 720px) {
	:root {
		--gp-type-h1: 40px;
		--gp-type-h2: 29px;
		--gp-type-h3: 23px;
		--gp-type-body: 16px;
	}

	body.page:not(.woocommerce-page) .gp-content-main {
		padding: 48px 0 66px;
	}

	body.page:not(.woocommerce-page) .gp-entry-content h2 {
		margin-top: 38px !important;
	}
}


/* Defensive content rules for editor/Elementor content. */
.gp-entry-content,
.gp-page-content {
	min-width: 0;
	overflow-wrap: break-word;
}

.gp-entry-content iframe,
.gp-page-content iframe {
	display: block;
	width: 100%;
	max-width: 100%;
}

.gp-entry-content table,
.gp-page-content table {
	max-width: 100%;
}

.gp-entry-content pre,
.gp-page-content pre {
	max-width: 100%;
	overflow-x: auto;
}