/* Penteliko News EN — modern overlay for Daily Newspaper / Newspaperly */

:root {
	--pn-forest: #10251c;
	--pn-forest-2: #163528;
	--pn-green: #1f6b45;
	--pn-gold: #c4a35a;
	--pn-paper: #f6f3ec;
	--pn-card: #ffffff;
	--pn-ink: #1c1c1c;
	--pn-muted: #5f5f5f;
	--pn-line: #e6e1d6;
	--pn-radius: 14px;
	--pn-shadow: 0 10px 30px rgba(16, 37, 28, 0.08);
}

html {
	scroll-behavior: smooth;
}

body.pn-modern,
body.pn-modern .site {
	background: var(--pn-paper) !important;
	color: var(--pn-ink);
	font-family: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body.pn-modern a {
	color: var(--pn-green);
	text-decoration: none;
}

body.pn-modern a:hover,
body.pn-modern a:focus {
	color: #164f33;
	text-decoration: underline;
}

.content-wrap {
	width: 1180px;
	max-width: 94%;
}

/* Header */
.pn-modern .sheader {
	margin-bottom: 0;
	background: var(--pn-forest);
}

.pn-modern .header-bg {
	background: var(--pn-forest) !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	float: none;
	width: 100%;
	padding: 18px 0 14px;
}

.pn-modern .site-branding {
	float: none;
	max-width: none;
	width: auto;
	padding: 0;
	text-align: left;
}

.pn-modern .site-branding .site-title,
.pn-modern .site-title a {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 700;
	font-size: 28px;
	letter-spacing: -0.02em;
	color: #fff !important;
	line-height: 1.2;
	margin: 0;
}

.pn-modern .site-description {
	color: rgba(255, 255, 255, 0.78) !important;
	font-size: 13px;
	margin-top: 4px;
	letter-spacing: 0.02em;
}

.pn-lang-switch {
	margin-left: auto;
	color: rgba(255, 255, 255, 0.7);
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
	padding-right: 4px;
}

.pn-lang-switch a {
	color: #fff !important;
	text-decoration: none;
	padding: 6px 8px;
	border-radius: 999px;
}

.pn-lang-switch a[aria-current="true"] {
	background: rgba(196, 163, 90, 0.2);
	color: var(--pn-gold) !important;
}

.pn-lang-switch a:hover {
	text-decoration: none;
	color: var(--pn-gold) !important;
}

/* Navigation */
.pn-modern .primary-menu,
.pn-modern .primary-menu .pmenu,
.pn-modern .super-menu,
.pn-modern #smobile-menu {
	background: var(--pn-forest-2) !important;
	border: 0 !important;
}

.pn-modern .primary-menu {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.pn-modern .main-navigation ul {
	text-align: left;
}

.pn-modern .main-navigation ul li a {
	color: #f3f3f3 !important;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.02em;
	padding: 14px 16px;
	text-transform: none;
}

.pn-modern .main-navigation ul li.current-menu-item > a,
.pn-modern .main-navigation ul li:hover > a {
	color: var(--pn-gold) !important;
}

.pn-modern .super-menu .toggle-mobile-menu,
.pn-modern .toggle-mobile-menu {
	color: #fff !important;
}

/* Partner strip (keep network links, just tidy) */
.pn-partner-links {
	font-size: 12px;
	line-height: 1.6;
	color: var(--pn-muted);
	background: #fff;
	border: 1px solid var(--pn-line);
	border-radius: 10px;
	padding: 8px 14px;
	margin: 18px 0 8px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.pn-partner-links a {
	color: var(--pn-muted);
	text-decoration: none;
}

.pn-partner-links a:hover {
	color: var(--pn-green);
}

/* Cards / listing */
.pn-modern article.fbox,
.pn-modern .blogposts-list {
	background: var(--pn-card);
	border: 1px solid var(--pn-line);
	border-radius: var(--pn-radius);
	box-shadow: var(--pn-shadow);
	padding: 0;
	overflow: hidden;
	margin-bottom: 22px;
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.pn-modern .blogposts-list:hover {
	transform: translateY(-2px);
	box-shadow: 0 16px 36px rgba(16, 37, 28, 0.12);
}

.pn-modern .post-list-has-thumbnail {
	display: flex;
	align-items: stretch;
	float: none;
	min-height: 180px;
}

.pn-modern .post-list-has-thumbnail .featured-thumbnail {
	max-width: 38%;
	margin: 0;
	min-height: 180px;
}

.pn-modern .post-list-has-thumbnail .featured-thumbnail .thumbnail-img {
	border-radius: 0;
}

.pn-modern .post-list-has-thumbnail .blogposts-list-content {
	max-width: 62%;
	padding: 22px 24px 20px;
}

.pn-modern .blogposts-list-content h2,
.pn-modern .blogposts-list-content h2 a,
.pn-modern h1.entry-title,
.pn-modern h2.entry-title,
.pn-modern h2.entry-title a {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 700;
	color: var(--pn-ink) !important;
	text-align: left;
	line-height: 1.25;
	letter-spacing: -0.015em;
}

.pn-modern .blogposts-list-content h2,
.pn-modern .blogposts-list-content h2 a {
	font-size: 22px;
	margin: 0 0 8px;
}

.pn-modern .blogposts-list-content p {
	color: var(--pn-muted);
	font-size: 15px;
	line-height: 1.55;
}

.pn-cat-chip {
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--pn-green);
	margin-bottom: 8px;
}

.pn-cat-chip a {
	color: inherit;
	text-decoration: none;
}

.pn-modern .blogposts-list .post-data-text,
.pn-modern .blogposts-list .entry-meta {
	color: #8a8a8a;
	font-size: 13px;
	text-align: left;
	padding: 0;
}

.pn-modern .post-data-divider {
	display: none;
}

/* Single article */
.pn-modern .single article.fbox,
.pn-modern .page article.fbox {
	padding: 36px 40px 44px;
}

.pn-modern .single h1.entry-title,
.pn-modern .page h1.entry-title {
	font-size: 36px;
	text-align: left;
	margin: 8px 0 12px;
	color: var(--pn-ink) !important;
}

.pn-modern .single .entry-meta,
.pn-modern .page .entry-meta,
.pn-modern .single .post-data-text {
	text-align: left;
	padding: 0;
	font-size: 14px;
	color: var(--pn-muted) !important;
}

.pn-modern .single .entry-content,
.pn-modern .page .entry-content {
	font-size: 18px;
	line-height: 1.7;
	color: #2a2a2a;
}

.pn-modern .single .entry-content p,
.pn-modern .page .entry-content p {
	margin-bottom: 1.15em;
}

.pn-modern .single .entry-content h2 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 26px;
	margin: 1.6em 0 0.6em;
	color: var(--pn-ink);
}

.pn-modern .single .entry-content img.alignright {
	border-radius: 10px;
	margin: 0 0 1em 1.2em;
}

.pn-modern .single .entry-content blockquote {
	border-left: 3px solid var(--pn-gold);
	margin: 1.4em 0;
	padding: 0.2em 0 0.2em 1.1em;
	color: #333;
	font-style: italic;
}

.pn-modern .single .entry-content a {
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Sidebar */
.pn-modern .featured-sidebar {
	border-left: 0;
	margin-top: 18px;
}

.pn-modern #secondary .swidgets-wrap,
.pn-modern #secondary .widget {
	background: #fff;
	border: 1px solid var(--pn-line);
	border-radius: var(--pn-radius);
	padding: 18px 18px 8px;
	margin-bottom: 16px;
	box-shadow: none;
}

.pn-modern #secondary h2,
.pn-modern #secondary h3,
.pn-modern #secondary .wp-block-heading {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 18px !important;
	border-bottom: 0 !important;
	color: var(--pn-ink) !important;
	margin-bottom: 12px !important;
}

.pn-modern #secondary a {
	color: var(--pn-ink);
}

.pn-modern #secondary a:hover {
	color: var(--pn-green);
}

.pn-modern .search-form input[type="search"],
.pn-modern .wp-block-search__input {
	border: 1px solid var(--pn-line);
	border-radius: 8px;
	padding: 8px 10px;
}

.pn-modern .search-form input[type="submit"],
.pn-modern .wp-block-search__button,
.pn-modern .page-numbers li a,
.pn-modern .page-numbers.current {
	background: var(--pn-forest) !important;
	border-color: var(--pn-forest) !important;
	color: #fff !important;
	border-radius: 8px;
}

/* Footer */
.pn-modern .site-footer {
	background: var(--pn-forest) !important;
	color: rgba(255, 255, 255, 0.82);
	margin-top: 28px;
	padding: 36px 0 18px;
	border-radius: 18px 18px 0 0;
}

.pn-footer-grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr;
	gap: 28px;
	padding: 0 8px 18px;
}

.pn-footer-col h3 {
	color: #fff;
	font-size: 15px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin: 0 0 12px;
}

.pn-footer-col p,
.pn-footer-col li,
.pn-footer-col a {
	color: rgba(255, 255, 255, 0.82) !important;
	font-size: 14px;
	line-height: 1.7;
	text-decoration: none;
}

.pn-footer-col ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pn-footer-col a:hover {
	color: var(--pn-gold) !important;
}

.pn-modern .site-info {
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	color: rgba(255, 255, 255, 0.65) !important;
	padding: 14px 8px 0;
	text-align: left;
	font-size: 13px;
}

.pn-modern .content-wrap-bg {
	background: transparent;
}

.pn-modern .archive .page-header,
.pn-modern .search-results .page-header {
	background: transparent;
	border: 0;
	padding: 10px 0 6px;
}

.pn-modern .archive .page-header h1,
.pn-modern .search-results h1.page-title {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 32px;
	text-align: left;
}

.pn-404 {
	background: #fff;
	border-radius: var(--pn-radius);
	padding: 48px 32px;
	text-align: center;
	border: 1px solid var(--pn-line);
}

.pn-404 h1 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 42px;
	margin-bottom: 10px;
}

@media screen and (max-width: 900px) {
	.pn-modern .post-list-has-thumbnail {
		display: block;
		min-height: 0;
	}

	.pn-modern .post-list-has-thumbnail .featured-thumbnail,
	.pn-modern .post-list-has-thumbnail .blogposts-list-content {
		max-width: 100%;
		float: none;
		width: 100%;
		padding-left: 0;
	}

	.pn-modern .post-list-has-thumbnail .featured-thumbnail {
		height: 200px;
		min-height: 200px;
	}

	.pn-modern .post-list-has-thumbnail .featured-thumbnail .thumbnail-img {
		position: relative;
		height: 200px;
	}

	.pn-modern .post-list-has-thumbnail .blogposts-list-content {
		padding: 16px 18px 18px;
	}

	.pn-modern .single article.fbox,
	.pn-modern .page article.fbox {
		padding: 22px 18px 28px;
	}

	.pn-modern .single h1.entry-title {
		font-size: 28px;
	}

	.pn-footer-grid {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.pn-modern .header-bg {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.pn-partner-links {
		white-space: normal;
	}

	.pn-modern .site-branding .site-title,
	.pn-modern .site-title a {
		font-size: 24px;
	}
}

@media screen and (max-width: 700px) {
	.pn-modern .featured-content,
	.pn-modern .featured-sidebar {
		width: 100%;
		float: none;
		margin: 0;
	}
}