/**
 * Orisa blog card (.card-blog) — sidebar / widget layouts.
 * Used by Most Viewed Posts widget, Popular Articles, Posts Slider.
 */

.orisa-most-viewed-posts,
.orisa-popular-articles {
	display: flex;
	flex-direction: column;
	gap: 0;
	width: 100%;
}

/* ------------------------------------------------------------------ */
/* Base                                                               */
/* ------------------------------------------------------------------ */

.card-blog {
	display: flex;
	width: 100%;
}

.card-blog .card-body {
	flex: 1;
	min-width: 0;
}

.card-blog .card-body h5,
.card-blog .card-body h6 {
	margin: 0;
	font-weight: 600;
	line-height: 1.35;
	color: var(--at-neutral-900, #1a1a1a);
}

.card-blog .card-body h5 a,
.card-blog .card-body h6 a {
	color: inherit;
	text-decoration: none;
	transition: color 0.3s ease;
}

.card-blog .card-body h5 a:hover,
.card-blog .card-body h6 a:hover,
.card-blog .hover-underline a:hover .card-title {
	color: var(--at-theme-primary, #c94b2a);
}

.card-blog .card-title {
	color: inherit;
}

/* Meta row */
.card-blog .information {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	color: var(--at-neutral-500, #585959);
}

.card-blog .information .date,
.card-blog .information .read-time {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.card-blog .information .dot {
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: var(--at-neutral-400, #a0a0a0);
	flex-shrink: 0;
}

.card-blog .information .text {
	color: inherit;
}

/* Category tag */
.card-blog .tag.has-dot {
	display: inline-flex;
	align-items: center;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: var(--at-neutral-900, #1a1a1a);
	background: var(--at-common-white, #fff);
	padding: 8px 14px;
	border-radius: 100px;
	text-decoration: none;
	z-index: 2;
	transition: color 0.3s ease, background-color 0.3s ease;
}

.card-blog .tag.has-dot:hover {
	color: var(--at-theme-primary, #c94b2a);
}

/* Image zoom on hover */
.card-blog.hover-zoom-image .card-img img,
.card-blog.hover-zoom-image .card-img .image {
	transition: transform 0.4s ease;
}

.card-blog.hover-zoom-image:hover .card-img img,
.card-blog.hover-zoom-image:hover .card-img .image {
	transform: scale(1.05);
}

/* ------------------------------------------------------------------ */
/* Featured card — card-5                                               */
/* ------------------------------------------------------------------ */

.orisa-most-viewed-posts .card-blog-wrapper {
	padding-bottom: 4px;
}

.card-blog.card-5 {
	flex-direction: column;
	gap: 0;
}

.card-blog.card-5 .card-img-wrap {
	position: relative;
	width: 100%;
}

.card-blog.card-5 .card-img {
	display: block;
	width: 100%;
	overflow: hidden;
	border-radius: 12px;
	aspect-ratio: 16 / 10;
}

.card-blog.card-5 .card-img img,
.card-blog.card-5 .card-img .image,
.card-blog.card-5 .card-img .cover-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.card-blog.card-5 .card-img-wrap > .tag.has-dot {
	top: 12px;
	right: 12px;
	z-index: 2;
}

.card-blog.card-5 .card-body {
	padding-top: 14px;
}

.card-blog.card-5 .card-body h5 {
	margin-top: 8px;
	font-size: 1.05rem;
}

/* ------------------------------------------------------------------ */
/* Compact horizontal card — card-3                                     */
/* ------------------------------------------------------------------ */

.card-blog.card-3 {
	flex-direction: row-reverse;
	align-items: center;
	gap: 16px;
	padding: 18px 0;
}

.orisa-most-viewed-posts > div + div {
	border-top: 1px solid rgba(30, 30, 30, 0.08);
}

.orisa-popular-articles > div + div .card-blog.card-3 {
	border-top: 1px solid rgba(30, 30, 30, 0.08);
}

.card-blog.card-3 .card-body h6 {
	font-size: 0.95rem;
	letter-spacing: -0.02em;
}

.card-blog.card-3 .card-img-container {
	flex: 0 0 75px;
	width: 75px;
	height: 75px;
}

.card-blog.card-3 .card-img {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 8px;
}

.card-blog.card-3 .card-img img,
.card-blog.card-3 .card-img .image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.card-blog .card-img.size-75,
.card-blog .card-img.size-75 img {
	width: 75px;
	height: 75px;
}

/* ------------------------------------------------------------------ */
/* List layout (Most Viewed — list mode)                              */
/* ------------------------------------------------------------------ */

.orisa-most-viewed-posts .orisa-post-item {
	gap: 12px;
}

.orisa-most-viewed-posts .orisa-post-item:last-child {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	border-bottom: none !important;
}

.orisa-most-viewed-posts .orisa-post-item .post-thumbnail {
	flex: 0 0 80px;
}

.orisa-most-viewed-posts .orisa-post-item .post-thumbnail img {
	display: block;
	width: 80px;
	height: 60px;
	object-fit: cover;
	border-radius: 6px;
}

.orisa-most-viewed-posts .orisa-post-item .post-content {
	min-width: 0;
}

.orisa-most-viewed-posts .orisa-post-item h6 {
	font-weight: 600;
	line-height: 1.35;
	margin-bottom: 6px;
}

.orisa-most-viewed-posts .orisa-post-item h6 a {
	color: var(--at-neutral-900, #1a1a1a);
	text-decoration: none;
	transition: color 0.3s ease;
}

.orisa-most-viewed-posts .orisa-post-item h6 a:hover {
	color: var(--at-theme-primary, #c94b2a);
}