/* --- Responsive Breadcrumb --- */
.pkp_navigation_breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px;
	font-size: 14px;
	padding: 8px 12px;
	background-color: #f8f8f8;
	border-radius: 4px;
	margin: 10px 0;
}

.pkp_navigation_breadcrumb ol {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
	gap: 5px;
}

.pkp_navigation_breadcrumb li {
	display: flex;
	align-items: center;
	color: #555;
	font-size: 14px;
	white-space: normal; /* allow text to wrap */
	word-break: break-word; /* break long words if needed */
}

.pkp_navigation_breadcrumb a {
	color: #0066cc;
	text-decoration: none;
}

.pkp_navigation_breadcrumb a:hover {
	text-decoration: underline;
}

/* Separator style */
.pkp_navigation_breadcrumb li::after {
	content: "›";
	margin: 0 5px;
	color: #888;
}

.pkp_navigation_breadcrumb li:last-child::after {
	content: "";
}

/* --- Mobile view --- */
@media (max-width: 768px) {
	.pkp_navigation_breadcrumb {
		font-size: 13px;
		padding: 10px;
	}

	.pkp_navigation_breadcrumb ol {
		flex-direction: column;
		align-items: flex-start;
	}

	.pkp_navigation_breadcrumb li {
		width: 100%;
	}

	.pkp_navigation_breadcrumb li::after {
		display: none;
	}
}
@media (min-width: 992px) {
    .pkp_site_name .is_img img {
        max-height: 50px;
    }
}


/* --- Ensure page uses full height layout --- */
html, body {
	height: 100%;
	margin: 0;
	display: flex;
	flex-direction: column;
}

/* --- Main content expands to fill available space --- */
#pkp_content,
.pkp_structure_content {
	flex: 1 0 auto;
}

/* --- Footer stays at the bottom --- */
.static-footer {
	flex-shrink: 0;
	background-color: #f5f5f5; /* adjust color as needed */
	text-align: center;
	padding: 20px 0;
	border-top: 1px solid #ddd;
	width: 100%;
	bottom: 0;
	left: 0;
}

/* Optional: footer text styling */
.static-footer .pkp_footer_content {
	font-size: 14px;
	color: #555;
}