/* Ourrasuwa Article Plugin — frontend styles */

.oa-article-topline {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 8px;
}
.oa-title-type { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.oa-article-title { margin: 0; }
.oa-article-type a {
	display: inline-block;
	font-size: 0.8em;
	background: #f0f0f1;
	padding: 2px 10px;
	border-radius: 12px;
	text-decoration: none;
	margin-right: 4px;
}
.oa-article-date { color: #646970; }
.oa-divider { border: 0; border-top: 1px solid #dcdcde; margin: 12px 0; }

/* Social share row */
.oa-social-share { display: flex; gap: 10px; margin: 12px 0 20px; flex-wrap: wrap; }
.oa-social-share a {
	padding: 6px 14px;
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	font-size: 0.85em;
}
.oa-share-fb { background: #1877f2; }
.oa-share-wa { background: #25d366; }
.oa-share-li { background: #0a66c2; }
.oa-share-tw { background: #14171a; }

/* Three-column layout: author 20% / highlight 50% / sidebar 30% */
.oa-three-col {
	display: grid;
	grid-template-columns: 20% 50% 30%;
	gap: 24px;
	align-items: start;
}
@media (max-width: 782px) {
	.oa-three-col { grid-template-columns: 1fr; }
}
.oa-col-author { text-align: center; }
.oa-author-photo img { border-radius: 50%; max-width: 96px; height: auto; }

.oa-highlight-box {
	background: #f7f5ee;
	border-left: 4px solid #c9a24b;
	padding: 14px 18px;
	margin-bottom: 18px;
	border-radius: 4px;
}
.oa-highlight-box h3 { margin-top: 0; }
.oa-highlight-box ul { margin: 0; padding-left: 20px; }

/* Topics */
.oa-topics-display { margin: 30px 0; }
.oa-topic-box {
	background: #fff;
	border: 1px solid #e2e2e2;
	border-radius: 6px;
	padding: 18px 22px;
	margin-bottom: 16px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.oa-topic-box h3 { margin-top: 0; }

.oa-related-block { margin: 30px 0; }
.oa-title-line-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 20px; }
.oa-title-line-list li::after { content: ''; }
.oa-titles-only li:not(:last-child)::after { content: ','; margin-left: -14px; }

.oa-rating-review { margin-top: 40px; border-top: 1px solid #dcdcde; padding-top: 20px; }

/* Widgets: Class 1 — Recent Publish Articles */
.oa-recent-articles { list-style: none; margin: 0; padding: 0; }
.oa-layout-line .oa-recent-article-item { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.oa-layout-box .oa-recent-article-item { display: block; border: 1px solid #eee; padding: 10px; margin-bottom: 10px; border-radius: 4px; }
.oa-recent-article-item .oa-article-date { font-size: 0.8em; color: #777; margin-left: 6px; }

/* Widgets: Class 2 — flexible display */
.oa-display-grid { display: grid; grid-template-columns: repeat(var(--oa-columns, 1), 1fr); gap: 16px; }
.oa-orient-horizontal.oa-display-grid { grid-auto-flow: column; }
.oa-display-item img { width: 100%; height: auto; border-radius: 4px; }
.oa-display-title { display: block; font-weight: 600; margin-top: 6px; text-decoration: none; }
.oa-display-date { font-size: 0.8em; color: #777; }
.oa-display-excerpt { font-size: 0.9em; color: #444; }

/* Widgets: Class 3 & 4 — term lists */
.oa-term-list { list-style: none; margin: 0; padding: 0; }
.oa-term-list.oa-orient-horizontal { display: flex; flex-wrap: wrap; gap: 6px 16px; }
.oa-term-list.oa-orient-vertical li { margin-bottom: 6px; }

/* Archive page */
.oa-archive-wrap { display: grid; grid-template-columns: 70% 30%; gap: 30px; }
@media (max-width: 782px) { .oa-archive-wrap { grid-template-columns: 1fr; } }
.oa-type-heading { display: flex; justify-content: space-between; align-items: center; }
.oa-view-all { font-size: 0.85em; }
.oa-term-inline-list a { text-decoration: none; }
.oa-archive-recent, .oa-archive-by-type, .oa-archive-type-list, .oa-archive-tag-list { margin-bottom: 30px; }