/*
 * Native WP blog styling — Storefront's own archive/single-post markup,
 * restyled to match Davimo's design tokens (see :root in cart-drawer.css,
 * loaded sitewide). No custom templates; CSS only.
 *
 * Storefront/WooCommerce inject an inline <style> block with a bare
 * "a { color: #7f54b3 }" (WooCommerce's own default brand purple) — a
 * (0,0,1)-specificity selector, so any single class here overrides it
 * without needing !important. Blog comments (#comments .comment-list ...)
 * are, like WooCommerce's reviews, ID-scoped in Storefront's own CSS, so
 * selectors targeting comment internals repeat that #comments ID rather
 * than relying on classes alone — the same lesson learned styling reviews.
 */

.content-area .entry-title,
.content-area .entry-title a {
	color: var(--davimo-text-primary);
}

.content-area .entry-title a:hover {
	color: var(--davimo-green);
}

.content-area .entry-header {
	border-bottom-color: rgba(27, 38, 36, 0.1);
}

.content-area .posted-on,
.content-area .post-author,
.content-area .post-comments,
.content-area .byline {
	color: var(--davimo-text-secondary);
}

/* !important: Storefront prints an inline customizer <style> block (not
   its external stylesheet) with this exact selector chain at equal
   specificity — a tie normally broken by source order, and that inline
   block loads later. */
.content-area .entry-header .posted-on a,
.content-area .entry-header .post-author a,
.content-area .entry-header .post-comments a,
.content-area .entry-header .byline a {
	color: var(--davimo-green) !important;
}

.content-area .post-edit-link {
	color: var(--davimo-green);
}

.content-area .entry-content {
	color: var(--davimo-text-primary);
	line-height: 1.6;
}

.content-area .entry-content a {
	color: var(--davimo-green);
}

.content-area .entry-content a.button,
.content-area .entry-content .more-link {
	display: inline-flex;
	align-items: center;
	background-color: var(--davimo-green);
	color: var(--davimo-offwhite);
	text-decoration: none;
	padding: 0.6rem 1.25rem;
	border-radius: var(--davimo-radius-button);
	font-weight: 600;
}

.content-area .entry-content a.button:hover,
.content-area .entry-content .more-link:hover {
	opacity: 0.9;
}

.content-area .entry-taxonomy {
	border-top-color: rgba(27, 38, 36, 0.1);
	color: var(--davimo-text-secondary);
}

.content-area .cat-links,
.content-area .tags-links {
	color: var(--davimo-text-secondary);
}

.content-area .cat-links a,
.content-area .tags-links a {
	display: inline-block;
	color: var(--davimo-text-primary);
	background: var(--davimo-offwhite);
	text-decoration: none;
	padding: 0.15rem 0.65rem;
	border-radius: 999px;
	font-size: 0.85rem;
}

.content-area .cat-links a:hover,
.content-area .tags-links a:hover {
	background: var(--davimo-green);
	color: var(--davimo-offwhite);
}

/* Multiple posts on the archive/index view */
.content-area article.hentry + article.hentry {
	margin-top: 2.5rem;
	padding-top: 2.5rem;
	border-top: 1px solid rgba(27, 38, 36, 0.1);
}

/* Blog comments (single post) */

#comments .comments-title {
	color: var(--davimo-text-primary);
}

#comments .comment-list .comment-meta .avatar {
	border-radius: 50%;
}

#comments .comment-list .comment-meta cite,
#comments .comment-list .comment-meta cite a {
	color: var(--davimo-text-primary);
	font-style: normal;
	font-weight: 700;
}

#comments .comment-list .comment-meta a.comment-date {
	color: var(--davimo-text-secondary);
}

#comments .comment-list .comment-content {
	color: var(--davimo-text-primary);
}

#comments .comment-list .comment-content a {
	color: var(--davimo-green);
}

#comments .comment-list .reply a {
	color: var(--davimo-green);
}

#comments .comment-respond #submit {
	background-color: var(--davimo-green) !important;
	color: var(--davimo-offwhite) !important;
	border: none !important;
	border-radius: var(--davimo-radius-button) !important;
}

#comments .comment-respond #submit:hover {
	opacity: 0.9;
}