/**
 * Blog — premium journal index, archives, and editorial interactions
 *
 * @package Dentaura
 */

/* ==========================================================================
   Progress indicator
   ========================================================================== */

.dentaura-blog-progress {
	position: fixed;
	inset: 0 0 auto 0;
	z-index: 99990;
	height: 3px;
	background: rgba(20, 20, 20, 0.06);
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.25s ease;
}

.dentaura-blog-progress.is-visible {
	opacity: 1;
}

.dentaura-blog-progress span {
	display: block;
	height: 100%;
	width: 0;
	background: linear-gradient(
		90deg,
		var(--dentaura-color-accent, #b8956a),
		#d4bc8e
	);
	transform-origin: left center;
	transition: width 0.12s linear;
}

/* ==========================================================================
   Blog shell
   ========================================================================== */

.dentaura-main--index,
.dentaura-main--archive,
.dentaura-blog-page {
	--dentaura-blog-stagger: 80ms;
	--dentaura-blog-gutter: clamp(1.25rem, 4vw, 1.5rem);
}

.dentaura-blog-page {
	overflow-x: clip;
}

/* ==========================================================================
   Spotlight hero
   ========================================================================== */

.dentaura-blog-spotlight {
	position: relative;
	overflow: hidden;
	padding-top: calc(var(--dentaura-header-height, 67px) + clamp(2.5rem, 5vw, 4rem)) !important;
}

.dentaura-blog-spotlight::before {
	content: "";
	position: absolute;
	inset: auto -10% -35% auto;
	width: min(28rem, 55vw);
	height: min(28rem, 55vw);
	border-radius: 50%;
	background: radial-gradient(circle, rgba(196, 163, 90, 0.14) 0%, transparent 68%);
	pointer-events: none;
}

.dentaura-blog-spotlight__title {
	max-width: 14ch;
	margin-block: 0.85rem 1rem;
	color: var(--dentaura-color-contrast, #141414);
}

.dentaura-blog-spotlight__lead {
	max-width: 36rem;
	margin-block-end: 1.35rem;
}

.dentaura-blog-search {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 0.65rem;
	max-width: 26rem;
	margin-block: 0 1.35rem;
	padding: 0.35rem 0.35rem 0.35rem 0.85rem;
	border: 1px solid rgba(20, 20, 20, 0.1);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.82);
	box-shadow: 0 12px 40px rgba(20, 20, 20, 0.06);
	backdrop-filter: blur(8px);
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

.dentaura-blog-search:focus-within {
	border-color: rgba(184, 149, 106, 0.45);
	box-shadow:
		0 16px 44px rgba(20, 20, 20, 0.08),
		0 0 0 3px rgba(184, 149, 106, 0.12);
}

.dentaura-blog-search__icon {
	display: inline-flex;
	color: var(--dentaura-color-text-muted, #6b6b6b);
}

.dentaura-blog-search input[type="search"] {
	width: 100%;
	border: 0;
	background: transparent;
	padding: 0.55rem 0;
	font: inherit;
	font-size: 0.9375rem;
	color: var(--dentaura-color-text, #1a1a1a);
	outline: none;
}

.dentaura-blog-search input[type="search"]::placeholder {
	color: var(--dentaura-color-text-muted, #6b6b6b);
}

.dentaura-blog-search button[type="submit"] {
	border: 0;
	border-radius: 999px;
	padding: 0.55rem 1rem;
	background: var(--dentaura-color-contrast, #141414);
	color: #fff;
	font: inherit;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.2s ease, transform 0.2s ease;
}

.dentaura-blog-search button[type="submit"]:hover {
	background: #000;
	transform: translateY(-1px);
}

.dentaura-blog-search button[type="submit"]:focus-visible {
	outline: 2px solid var(--dentaura-color-accent-text, #7a6648);
	outline-offset: 2px;
}

.dentaura-blog-spotlight__stats {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 1.75rem;
	margin-block-start: 0.25rem;
}

.dentaura-blog-stat {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	margin: 0;
	font-size: 0.75rem;
	color: var(--dentaura-color-text-muted, #6b6b6b);
}

.dentaura-blog-stat strong {
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--dentaura-color-contrast, #141414);
}

/* Admin / stacked media — both photos fill the column, even after a new pick. */
.dentaura-blog-spotlight__visual-col {
	min-width: 0;
	width: 100%;
}

.dentaura-blog-spotlight__media {
	display: grid;
	gap: 0.75rem;
	width: 100%;
}

.dentaura-blog-spotlight__frame {
	margin: 0;
	width: 100%;
	overflow: hidden;
	border-radius: calc(var(--dentaura-radius-md, 0.75rem) + 0.15rem);
	aspect-ratio: 16 / 10;
	background: #efe8dc;
}

.dentaura-blog-spotlight__media img,
.dentaura-blog-spotlight__image,
.dentaura-blog-spotlight__accent {
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* Hero visual stack */
.dentaura-blog-hero-visual {
	position: relative;
	min-height: clamp(18rem, 34vw, 24rem);
}

.dentaura-blog-hero-visual__frame {
	overflow: hidden;
	border-radius: calc(var(--dentaura-radius-md, 0.75rem) + 0.15rem);
	box-shadow: 0 24px 64px rgba(20, 20, 20, 0.14);
}

.dentaura-blog-hero-visual__frame img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dentaura-blog-hero-visual__frame--primary {
	position: relative;
	z-index: 1;
	aspect-ratio: 4 / 3;
	transform: rotate(-1.5deg);
}

.dentaura-blog-hero-visual__frame--accent {
	position: absolute;
	right: -0.5rem;
	bottom: -0.75rem;
	z-index: 2;
	width: 42%;
	aspect-ratio: 4 / 3;
	border: 4px solid #fbf9f6;
	transform: rotate(4deg);
}

.dentaura-blog-hero-visual__badge {
	position: absolute;
	left: 1rem;
	top: 1rem;
	z-index: 3;
	padding: 0.35rem 0.7rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(6px);
	font-size: 0.625rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--dentaura-color-contrast, #141414);
	box-shadow: 0 8px 24px rgba(20, 20, 20, 0.1);
}

/* ==========================================================================
   Toolbar + topic rail
   ========================================================================== */

.dentaura-blog-toolbar {
	margin-block: clamp(1.75rem, 4vw, 2.75rem) clamp(1.25rem, 3vw, 2rem);
	padding-inline: var(--dentaura-blog-gutter);
	overflow: visible;
}

.dentaura-blog-toolbar__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1rem;
	margin-block-end: 0.85rem;
}

.dentaura-blog-toolbar__label {
	margin: 0;
	color: var(--dentaura-color-contrast, #141414);
}

.dentaura-blog-toolbar__count {
	margin: 0;
	font-size: 0.8125rem;
	color: var(--dentaura-color-text-muted, #6b6b6b);
}

.dentaura-blog-topics-wrap {
	position: relative;
	margin: 0;
	padding-block: 0.25rem 0.35rem;
	border-block-end: none;
	overflow: visible;
}

.dentaura-blog-topics-wrap.is-scrollable {
	overflow-x: auto;
	overflow-y: visible;
	scrollbar-width: none;
	-ms-overflow-style: none;
	-webkit-overflow-scrolling: touch;
	scroll-padding-inline: var(--dentaura-blog-gutter);
}

.dentaura-blog-topics-wrap.is-scrollable::-webkit-scrollbar {
	display: none;
}

.dentaura-blog-topics-wrap.is-scrollable .dentaura-blog-topics,
.dentaura-blog-topics-wrap.is-scrollable .wp-block-categories.dentaura-blog-topics {
	width: max-content;
	min-width: 100%;
}

.dentaura-blog-topics-wrap.is-scrollable::before,
.dentaura-blog-topics-wrap.is-scrollable::after {
	content: "";
	position: absolute;
	inset-block: 0.35rem;
	width: 2.5rem;
	z-index: 2;
	pointer-events: none;
	display: block;
}

.dentaura-blog-topics-wrap.is-scrollable::before {
	inset-inline-start: 0;
	background: linear-gradient(90deg, var(--dentaura-color-surface, #fff) 15%, transparent);
	opacity: 1;
}

.dentaura-blog-topics-wrap.is-scrollable::after {
	inset-inline-end: 0;
	background: linear-gradient(270deg, var(--dentaura-color-surface, #fff) 15%, transparent);
	opacity: 1;
}

.dentaura-blog-topics-wrap.is-scrollable.is-scrolled-start::before {
	opacity: 0;
}

.dentaura-blog-topics-wrap.is-scrollable.is-scrolled-end::after {
	opacity: 0;
}

.dentaura-blog-topics,
.wp-block-categories.dentaura-blog-topics {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0.55rem;
	margin: 0;
	padding: 0.45rem 0 1.1rem;
	list-style: none;
	overflow: visible;
}

.dentaura-blog-topics li,
.wp-block-categories.dentaura-blog-topics li {
	margin: 0;
	flex-shrink: 0;
}

.dentaura-blog-topics a,
.wp-block-categories.dentaura-blog-topics a {
	display: inline-flex;
	align-items: center;
	padding: 0.45rem 0.9rem;
	border: 1px solid rgba(20, 20, 20, 0.1);
	border-radius: 999px;
	background: var(--dentaura-color-surface, #fff);
	color: var(--dentaura-color-text-muted, #6b6b6b);
	font-size: 0.8125rem;
	font-weight: 500;
	letter-spacing: 0.01em;
	text-decoration: none;
	white-space: nowrap;
	box-shadow: 0 4px 14px rgba(20, 20, 20, 0.04);
	transition:
		color 0.2s ease,
		border-color 0.2s ease,
		background 0.2s ease,
		transform 0.2s ease,
		box-shadow 0.2s ease;
}

.dentaura-blog-topics a:hover,
.wp-block-categories.dentaura-blog-topics a:hover {
	color: var(--dentaura-color-contrast, #141414);
	border-color: rgba(184, 149, 106, 0.35);
	transform: translateY(-1px);
	box-shadow: 0 8px 20px rgba(20, 20, 20, 0.08);
}

.dentaura-blog-topics a.is-active,
.wp-block-categories.dentaura-blog-topics a.is-active,
.dentaura-blog-topics .current-cat a,
.wp-block-categories.dentaura-blog-topics .current-cat a {
	background: var(--dentaura-color-contrast, #141414);
	border-color: var(--dentaura-color-contrast, #141414);
	color: #fff;
	box-shadow: 0 6px 18px rgba(20, 20, 20, 0.14);
}

.dentaura-blog-topics a:focus-visible,
.wp-block-categories.dentaura-blog-topics a:focus-visible {
	outline: 2px solid var(--dentaura-color-accent-text, #7a6648);
	outline-offset: 3px;
	z-index: 1;
	position: relative;
}

.dentaura-blog-topics a.is-active:focus-visible,
.wp-block-categories.dentaura-blog-topics a.is-active:focus-visible,
.dentaura-blog-topics .current-cat a:focus-visible,
.wp-block-categories.dentaura-blog-topics .current-cat a:focus-visible {
	outline-color: var(--dentaura-color-accent, #c4a35a);
}

.dentaura-blog-topics .cat-item-all a {
	font-weight: 600;
}

/* ==========================================================================
   Post grid & cards
   ========================================================================== */

.dentaura-blog-feed,
.dentaura-main--archive .dentaura-blog-query {
	padding-inline: var(--dentaura-blog-gutter);
}

.dentaura-blog-feed .dentaura-blog-query,
.dentaura-blog-feed .dentaura-pagination {
	padding-inline: 0;
}

.dentaura-main--archive .dentaura-archive-hero {
	padding-inline: var(--dentaura-blog-gutter);
}

.dentaura-main--archive .dentaura-pagination {
	padding-inline: var(--dentaura-blog-gutter);
}

.dentaura-blog-query {
	padding-bottom: clamp(2.5rem, 6vw, 4rem);
}

.dentaura-post-grid {
	gap: clamp(1.35rem, 3vw, 2rem) !important;
	align-items: stretch;
}

.dentaura-post-grid > li {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-width: 0;
}

.dentaura-post-grid > li > .dentaura-post-card--journal {
	flex: 1;
	width: 100%;
}

.dentaura-post-grid > li:first-child .dentaura-post-card--journal {
	position: relative;
}

.dentaura-post-card--journal {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	background: var(--dentaura-color-surface, #fff);
	border: 1px solid rgba(20, 20, 20, 0.08);
	border-radius: calc(var(--dentaura-radius-md, 0.75rem) + 0.1rem);
	padding: 0.85rem 0.85rem 1.15rem !important;
	box-shadow: 0 14px 40px rgba(20, 20, 20, 0.05);
	overflow: hidden;
	transition:
		transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		border-color 0.25s ease;
}

.dentaura-post-card--journal:not(:has(.wp-block-post-featured-image))::before {
	content: "";
	display: block;
	aspect-ratio: 4 / 3;
	width: 100%;
	border-radius: var(--dentaura-radius-md, 0.75rem);
	background:
		linear-gradient(145deg, #f7f3ec 0%, #ebe4d9 52%, #ddd4c6 100%);
	border: 1px solid rgba(20, 20, 20, 0.06);
	flex-shrink: 0;
}

.dentaura-post-card--journal.is-style-dentaura-card {
	background: var(--dentaura-color-surface, #fff);
	border: 1px solid rgba(20, 20, 20, 0.08);
	box-shadow: 0 14px 40px rgba(20, 20, 20, 0.05);
}

.dentaura-post-card--journal.is-style-dentaura-card:hover,
.dentaura-post-card--journal:hover,
.dentaura-post-card--journal:focus-within {
	transform: translateY(-4px);
	border-color: rgba(184, 149, 106, 0.28);
	box-shadow: 0 22px 56px rgba(20, 20, 20, 0.1);
}

.dentaura-post-card--journal.dentaura-blog-tilt {
	transform: perspective(900px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));
}

.dentaura-post-card--journal.dentaura-blog-tilt:hover {
	transform: perspective(900px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(-4px);
}

.dentaura-post-card__media,
.dentaura-post-card--journal .wp-block-post-featured-image {
	position: relative;
	overflow: hidden;
	margin: 0;
	border-radius: var(--dentaura-radius-md, 0.75rem);
}

.dentaura-post-card__media::after,
.dentaura-post-card--journal .wp-block-post-featured-image::after {
	content: "";
	position: absolute;
	inset: auto 0 0 0;
	height: 45%;
	background: linear-gradient(to top, rgba(20, 20, 20, 0.28), transparent);
	opacity: 0;
	transition: opacity 0.35s ease;
	pointer-events: none;
}

.dentaura-post-card--journal:hover .wp-block-post-featured-image::after,
.dentaura-post-card--journal:focus-within .wp-block-post-featured-image::after {
	opacity: 1;
}

.dentaura-post-card--journal .wp-block-post-featured-image img {
	transform: scale(1);
	transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.dentaura-post-card--journal:hover .wp-block-post-featured-image img,
.dentaura-post-card--journal:focus-within .wp-block-post-featured-image img {
	transform: scale(1.05);
}

.dentaura-post-card__featured-badge {
	position: absolute;
	left: 0.85rem;
	top: 0.85rem;
	z-index: 2;
	padding: 0.32rem 0.65rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.94);
	font-size: 0.625rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--dentaura-color-contrast, #141414);
	box-shadow: 0 8px 20px rgba(20, 20, 20, 0.12);
}

.dentaura-post-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 1rem 0.15rem 0.25rem !important;
}

.dentaura-post-card__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 0.75rem;
	margin-block-end: 0.65rem;
}

.dentaura-post-card__category {
	margin: 0 !important;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.dentaura-post-card__category a {
	color: var(--dentaura-color-accent, #b59a6d) !important;
	text-decoration: none;
	transition: opacity var(--dentaura-transition-fast);
}

.dentaura-post-card__category a:hover {
	opacity: 0.75;
}

.dentaura-post-card__meta .wp-block-post-date {
	margin: 0;
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--dentaura-color-text-muted, #6b6b6b);
}

.dentaura-post-card__meta-divider {
	flex-shrink: 0;
	inline-size: 1px;
	block-size: 0.75rem;
	background: var(--dentaura-color-border, rgba(26, 26, 26, 0.12));
	margin: 0;
}

.dentaura-post-card__read-time {
	margin: 0;
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--dentaura-color-text-muted, #6b6b6b);
}

.dentaura-post-card--journal .wp-block-post-title {
	margin-block: 0 0.75rem;
	font-weight: 400;
	line-height: 1.35;
	transition: color var(--dentaura-transition-fast);
}

.dentaura-post-card--journal .wp-block-post-title a {
	text-decoration: none;
}

.dentaura-post-card--journal:hover .wp-block-post-title a,
.dentaura-post-card--journal:focus-within .wp-block-post-title a {
	color: var(--dentaura-color-accent, #b59a6d);
}

.dentaura-post-card--journal .wp-block-post-excerpt {
	display: flex;
	flex: 1;
	flex-direction: column;
	margin: 0;
}

.dentaura-post-card--journal .wp-block-post-excerpt__excerpt {
	margin-block-end: 1rem;
	color: var(--dentaura-color-text-muted, #6b6b6b);
}

.dentaura-post-card--journal .wp-block-post-excerpt__more-text {
	margin-block-start: 0;
	margin-block-end: 0;
}

.dentaura-post-card--journal .dentaura-post-card__footer {
	margin-block-start: auto;
}

.dentaura-post-card--journal .wp-block-post-excerpt__link {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-decoration: none;
	text-transform: uppercase;
	color: var(--dentaura-color-text, #1a1a1a);
	transition:
		color var(--dentaura-transition-fast),
		gap var(--dentaura-transition-fast);
}

.dentaura-post-card--journal .wp-block-post-excerpt__link::after {
	content: "→";
	display: inline-block;
	transition: transform var(--dentaura-transition-fast);
}

.dentaura-post-card--journal:hover .wp-block-post-excerpt__link,
.dentaura-post-card--journal:focus-within .wp-block-post-excerpt__link {
	color: var(--dentaura-color-accent, #b59a6d);
	gap: 0.5rem;
}

.dentaura-post-card--journal:hover .wp-block-post-excerpt__link::after,
.dentaura-post-card--journal:focus-within .wp-block-post-excerpt__link::after {
	transform: translateX(3px);
}

/* Featured lead card */
.dentaura-post-card--featured {
	display: grid !important;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
	gap: clamp(1rem, 2.5vw, 1.75rem);
	padding: clamp(0.85rem, 2vw, 1.15rem) !important;
	background: linear-gradient(135deg, #fff 0%, #faf7f2 100%);
	border-color: rgba(184, 149, 106, 0.22);
}

.dentaura-post-card--featured .wp-block-post-featured-image {
	aspect-ratio: 16 / 10;
	min-height: 100%;
}

.dentaura-post-card--featured .wp-block-post-title {
	font-size: clamp(1.35rem, 2.5vw, 1.85rem) !important;
	line-height: 1.2;
}

.dentaura-post-card--featured .dentaura-post-card__body {
	padding-top: 0.35rem !important;
	justify-content: center;
}

.dentaura-post-grid > li:has(.dentaura-post-card--featured) {
	grid-column: 1 / -1;
}

/* Staggered card reveal */
.dentaura-post-card--journal.dentaura-blog-reveal {
	opacity: 0;
	transform: translateY(1rem);
	transition:
		opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1),
		transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
	transition-delay: var(--dentaura-blog-reveal-delay, 0ms);
}

.dentaura-post-card--journal.dentaura-blog-reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
}

/*
 * Print / forced-colors / no-JS-adjacent: never leave marketplace or
 * accessibility captures with blank white cards.
 */
@media print {
	.dentaura-post-card--journal.dentaura-blog-reveal {
		opacity: 1 !important;
		transform: none !important;
	}
}

.dentaura-post-card--journal.dentaura-blog-reveal.dentaura-blog-tilt.is-visible {
	transform: perspective(900px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));
}

.dentaura-blog-empty {
	padding: clamp(2rem, 5vw, 3rem);
	text-align: center;
	border: 1px dashed rgba(20, 20, 20, 0.12);
	border-radius: var(--dentaura-radius-md, 0.75rem);
	background: rgba(251, 249, 246, 0.65);
}

/* ==========================================================================
   Pagination
   ========================================================================== */

.dentaura-main--index .dentaura-pagination,
.dentaura-main--archive .dentaura-pagination {
	margin-block-start: clamp(1.5rem, 4vw, 2.5rem);
	padding-block-start: clamp(1.5rem, 3vw, 2rem);
	border-block-start: 1px solid var(--dentaura-color-border, #e5e0d8);
}

.dentaura-main--index .dentaura-pagination .page-numbers:not(.current):hover,
.dentaura-main--archive .dentaura-pagination .page-numbers:not(.current):hover {
	transform: translateY(-1px);
}

/* ==========================================================================
   Archive hero
   ========================================================================== */

.dentaura-archive-hero {
	text-align: center;
	padding-block: calc(var(--dentaura-header-height, 67px) + clamp(2rem, 4vw, 3rem)) var(--wp--preset--spacing--xl, 2rem);
}

.dentaura-archive-hero__layout {
	display: grid;
	gap: clamp(1.25rem, 3vw, 2rem);
	align-items: center;
	justify-items: center;
}

.dentaura-archive-hero--has-image .dentaura-archive-hero__layout {
	grid-template-columns: minmax(0, 1fr);
}

.dentaura-archive-hero__media {
	width: min(100%, 22rem);
	aspect-ratio: 4 / 3;
	border-radius: calc(var(--dentaura-radius-md, 0.75rem) + 0.15rem);
	overflow: hidden;
	box-shadow: 0 18px 48px rgba(20, 20, 20, 0.1);
}

.dentaura-archive-hero__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dentaura-archive-hero__content {
	max-width: 38rem;
}

.dentaura-archive-hero .wp-block-query-title,
.dentaura-archive-hero__title {
	margin: 0 0 0.75rem;
	font-weight: 300;
	letter-spacing: -0.02em;
	font-size: clamp(2rem, 4vw, 2.75rem);
}

.dentaura-archive-hero .wp-block-term-description,
.dentaura-archive-hero__description {
	max-width: 38rem;
	margin: 0 auto;
	color: var(--dentaura-color-text-muted, #6b6b6b);
	font-size: 1.0625rem;
	line-height: 1.7;
}

.dentaura-archive-hero .dentaura-blog-back {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	margin-block-end: 1rem;
	padding: 0.35rem 0.75rem;
	border: 1px solid rgba(20, 20, 20, 0.1);
	border-radius: 999px;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-decoration: none;
	text-transform: uppercase;
	color: var(--dentaura-color-text-muted, #6b6b6b);
	background: #fff;
	transition:
		color var(--dentaura-transition-fast),
		border-color var(--dentaura-transition-fast),
		gap var(--dentaura-transition-fast);
}

.dentaura-archive-hero .dentaura-blog-back:hover {
	color: var(--dentaura-color-accent, #c4a35a);
	border-color: rgba(184, 149, 106, 0.35);
	gap: 0.5rem;
}

.dentaura-archive-hero .dentaura-blog-back::before {
	content: "←";
}

/* ==========================================================================
   Newsletter band
   ========================================================================== */

.dentaura-newsletter-band {
	text-align: left;
}

.dentaura-newsletter-band--premium {
	padding-block: clamp(3rem, 7vw, 4.5rem) !important;
	background:
		radial-gradient(circle at 100% 0%, rgba(196, 163, 90, 0.12), transparent 42%),
		var(--dentaura-color-surface-muted, #efebe4);
	border-block-start: 1px solid var(--dentaura-color-border, rgba(26, 26, 26, 0.1));
}

.dentaura-newsletter-band__eyebrow {
	justify-content: flex-start;
	margin-block-end: 1rem;
}

.dentaura-newsletter-band .wp-block-heading {
	margin-block: 0 0.75rem;
	color: var(--dentaura-color-text, #1a1a1a);
}

.dentaura-newsletter-band__lede {
	max-width: 34rem;
	margin-inline: 0;
}

.dentaura-main--index .dentaura-newsletter-band {
	margin-block-start: 0;
}

.dentaura-newsletter-panel {
	padding: clamp(1.15rem, 2.5vw, 1.5rem);
	border-radius: calc(var(--dentaura-radius-md, 0.75rem) + 0.15rem);
	background: rgba(255, 255, 255, 0.88);
	border: 1px solid rgba(20, 20, 20, 0.08);
	box-shadow: 0 18px 48px rgba(20, 20, 20, 0.08);
	backdrop-filter: blur(8px);
}

.dentaura-newsletter-panel .dentaura-newsletter {
	max-width: none;
	margin: 0;
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 0.55rem;
}

.dentaura-newsletter-panel .dentaura-newsletter input[type="email"] {
	border: 1px solid var(--dentaura-color-border, rgba(26, 26, 26, 0.14));
	border-radius: var(--dentaura-radius-button, 2px);
	background: var(--dentaura-color-surface, #fff);
	color: var(--dentaura-color-text, #1a1a1a);
	min-width: 0;
}

.dentaura-newsletter-panel .dentaura-newsletter input[type="email"]:focus {
	border-color: var(--dentaura-color-accent, #b59a6d);
	box-shadow: var(--dentaura-focus-ring);
}

.dentaura-newsletter-panel .dentaura-newsletter button[type="submit"] {
	border-radius: var(--dentaura-radius-button, 2px);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	white-space: nowrap;
}

.dentaura-newsletter-panel__note {
	margin: 0.75rem 0 0;
	font-size: 0.75rem;
	color: var(--dentaura-color-text-muted, #6b6b6b);
}

.dentaura-newsletter-band.is-submitted .dentaura-newsletter-panel .dentaura-newsletter {
	display: none;
}

.dentaura-newsletter-band__success {
	display: none;
	margin: 0;
	font-size: 0.9375rem;
	color: var(--dentaura-color-text-muted, #6b6b6b);
}

.dentaura-newsletter-band.is-submitted .dentaura-newsletter-band__success {
	display: block;
	animation: dentaura-blog-fade-in 0.45s ease;
}

@keyframes dentaura-blog-fade-in {
	from {
		opacity: 0;
		transform: translateY(0.5rem);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 1023px) {
	.dentaura-blog-page .dentaura-blog-spotlight {
		padding-top: calc(var(--dentaura-header-height, 67px) + 2rem) !important;
	}

	.dentaura-blog-spotlight__visual-col {
		order: -1;
		margin-block-end: 1.5rem;
	}

	.dentaura-blog-hero-visual {
		max-width: 28rem;
		margin-inline: auto;
	}

	.dentaura-post-card--featured {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 639px) {
	.dentaura-main--index,
	.dentaura-main--archive,
	.dentaura-blog-page {
		--dentaura-blog-gutter: max(1.25rem, 5vw);
	}

	.dentaura-blog-page .dentaura-blog-spotlight.alignfull,
	.dentaura-blog-page .dentaura-newsletter-band.alignfull {
		padding-inline: var(--dentaura-blog-gutter) !important;
	}

	.dentaura-blog-spotlight {
		overflow: hidden;
	}

	.dentaura-blog-hero-visual {
		max-width: 100%;
		margin-inline: auto;
	}

	.dentaura-blog-hero-visual__frame--primary {
		transform: none;
	}

	.dentaura-blog-hero-visual__frame--accent {
		right: 0.35rem;
		bottom: -0.35rem;
		width: 38%;
	}

	.dentaura-blog-topics-wrap.is-scrollable::before {
		background: linear-gradient(
			90deg,
			var(--dentaura-color-surface, #fff) 20%,
			transparent
		);
	}

	.dentaura-blog-topics-wrap.is-scrollable::after {
		background: linear-gradient(
			270deg,
			var(--dentaura-color-surface, #fff) 20%,
			transparent
		);
	}

	.dentaura-blog-spotlight__title {
		font-size: 2.25rem !important;
		max-width: none;
	}

	.dentaura-blog-search {
		grid-template-columns: auto 1fr;
		border-radius: calc(var(--dentaura-radius-md, 0.75rem));
	}

	.dentaura-blog-search button[type="submit"] {
		grid-column: 1 / -1;
		width: 100%;
	}

	.dentaura-newsletter-panel .dentaura-newsletter {
		grid-template-columns: 1fr;
	}

	.dentaura-post-card--journal {
		padding: 0.75rem 0.75rem 1rem;
	}
}

/* ==========================================================================
   Reduced motion
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
	.dentaura-post-card--journal.dentaura-blog-reveal,
	.dentaura-post-card--journal,
	.dentaura-post-card--journal .wp-block-post-featured-image img,
	.dentaura-blog-topics a,
	.dentaura-blog-progress span,
	.dentaura-archive-hero .dentaura-blog-back {
		transition: none;
		transform: none;
		animation: none;
	}

	.dentaura-post-card--journal.dentaura-blog-reveal {
		opacity: 1;
	}
}
