/*!
Theme Name: Hunter Green Terminal
Theme URI: https://example.com/hunter-green-terminal/
Description: An elegant hunter-green child theme for Terminal Blog, with warm brass accents and a refined editorial finish.
Author: Site Owner
Template: terminal-blog
Version: 1.0.2
Requires at least: 5.0
Requires PHP: 7.4
Text Domain: hunter-green-terminal
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: blog, news, custom-colors, custom-logo, custom-menu, featured-images, right-sidebar
*/

/*
 * Hunter Green palette
 * Base      #142117   Surface   #28412D   Elevated #44694B
 * Primary   #D4B96E   Secondary #88A17D   Accent   #B8893E
 * Heading   #F5F2E8   Muted     #9DA89B
 */

:root {
	--hunter-base: #142117;
	--hunter-surface: #28412D;
	--hunter-elevated: #44694B;
	--hunter-primary: #D4B96E;
	--hunter-secondary: #88A17D;
	--hunter-accent: #B8893E;
	--hunter-heading: #F5F2E8;
	--hunter-muted: #9DA89B;
	--body-background: var(--hunter-base);
	--primary-color: var(--hunter-primary);
	--header-text-color: var(--hunter-heading);
	--color-text: var(--hunter-heading);
	--color-background: var(--hunter-surface);
	--color-background-rgba: 40, 65, 45;
	--color-light-background: var(--hunter-elevated);
	--shadow: 0 18px 50px rgb(4 12 6 / 28%);
	--transition: all 0.2s ease;
}

html {
	color-scheme: dark;
	scroll-behavior: smooth;
}

body {
	background:
		radial-gradient(circle at 12% -10%, rgb(68 105 75 / 24%), transparent 34rem),
		linear-gradient(180deg, #17271B 0, var(--hunter-base) 34rem);
	color: var(--hunter-heading);
}

body,
button,
input,
select,
textarea {
	letter-spacing: 0.01em;
}

::selection {
	background: var(--hunter-primary);
	color: var(--hunter-base);
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-title,
.page-title {
	color: var(--hunter-heading);
	text-wrap: balance;
}

p,
.post-content,
.entry-content,
.comment-content,
.site-description {
	color: var(--hunter-muted);
}

a,
a:visited {
	color: var(--hunter-primary);
	text-decoration-color: rgb(212 185 110 / 45%);
	text-underline-offset: 0.2em;
}

a:hover,
a:focus,
a:active {
	color: var(--hunter-heading);
	text-decoration-color: var(--hunter-accent);
}

:focus-visible {
	outline: 2px solid var(--hunter-primary);
	outline-offset: 3px;
}

/* Header */
.site-header {
	margin-block: 24px 12px;
}

.site-header-wrapper,
.terminal-wrapper,
.news-ticker-section .news-ticker-section-wrapper {
	border-color: var(--hunter-primary);
	background: linear-gradient(135deg, rgb(40 65 45 / 94%), rgb(20 33 23 / 92%));
	box-shadow: var(--shadow);
}

.site-header-wrapper.adore-header-image {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 150px;
	min-height: 150px;
}

.adore-middle-header {
	display: none;
}

.site-header-wrapper::before,
.site-header-wrapper::after,
.terminal-wrapper::before,
.terminal-wrapper::after,
.news-ticker-section .news-ticker-section-wrapper::before,
.news-ticker-section .news-ticker-section-wrapper::after {
	background: linear-gradient(to bottom, var(--hunter-primary), var(--hunter-elevated) 42%, var(--hunter-elevated) 58%, var(--hunter-primary));
}

.adore-top-header .date,
.terminal-wrapper .section-head .section-title,
.terminal-wrapper .section-head .adore-view-all,
.news-ticker-section-wrapper .acme-news-ticker-label {
	background: var(--hunter-base);
	border-color: var(--hunter-primary);
	color: var(--hunter-primary);
	box-shadow: 0 5px 16px rgb(4 12 6 / 24%);
}

.site-branding .site-identity .site-title a,
.site-title a {
	color: var(--hunter-heading) !important;
	letter-spacing: -0.04em;
	text-shadow: 0 2px 18px rgb(212 185 110 / 13%);
}

.site-description {
	color: var(--hunter-secondary) !important;
}

.main-navigation ul a,
.navigation-search .navigation-search-wrap .navigation-search-icon,
.author-social-contacts a,
ul.social-links a {
	background-color: var(--hunter-base);
	border-color: var(--hunter-elevated);
	color: var(--hunter-primary);
}

.main-navigation ul .current_page_item > a,
.main-navigation ul .current-menu-item > a,
.main-navigation ul a:hover,
.main-navigation ul a:focus,
.navigation-search .navigation-search-wrap .navigation-search-icon:hover,
.navigation-search .navigation-search-wrap .navigation-search-icon:focus {
	border-color: var(--hunter-primary);
	color: var(--hunter-heading);
}

.main-navigation ul .current_page_item > a::before,
.main-navigation ul .current-menu-item > a::before {
	background-color: var(--hunter-primary);
	opacity: 0.14;
}

.main-navigation ul ul,
.main-navigation ul.nav-menu,
.navigation-search .navigation-search-wrap .navigation-search-form {
	background: var(--hunter-surface);
	border-color: var(--hunter-elevated);
}

/* Editorial cards and content */
.post-item {
	border-radius: 2px;
}

.theme-archive-layout.list-layout article .post-item,
.related-posts .post-item,
.banner-section .post-item,
.post-grid-wrapper .post-item {
	background: rgb(40 65 45 / 48%);
	border: 1px solid rgb(136 161 125 / 20%);
	overflow: hidden;
}

.theme-archive-layout.list-layout {
	margin-top: 50px;
}

.theme-archive-layout.list-layout article .post-item:hover,
.related-posts .post-item:hover,
.banner-section .post-item:hover,
.post-grid-wrapper .post-item:hover {
	border-color: rgb(212 185 110 / 58%);
	box-shadow: 0 18px 42px rgb(4 12 6 / 25%);
	transform: translateY(-2px);
}

.post-item .post-item-image::after {
	background: linear-gradient(180deg, transparent 58%, rgb(20 33 23 / 44%));
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.post-item .post-item-image .read-time-comment {
	z-index: 2;
}

.post-item .post-item-image .read-time-comment span {
	background: var(--hunter-accent);
	color: var(--hunter-heading);
}

.post-item .post-item-content .entry-title a,
.post-item .post-item-content .entry-title a:visited,
.news-ticker-section-wrapper ul.newsticker li .newsticker-outer .newsticker-title a {
	color: var(--hunter-heading);
}

.post-item .post-item-content .entry-title a:hover,
.post-item .post-item-content .entry-title a:focus {
	color: var(--hunter-primary);
}

.entry-cat .post-categories li a,
.entry-meta,
.entry-meta li,
.entry-meta li a {
	color: var(--hunter-secondary);
}

.post-content .more-link {
	display: inline-flex;
	margin-top: 0.65rem;
	font-weight: 700;
	color: var(--hunter-primary);
}

.page-header,
.site-main > article,
.comments-area,
.site-main .post-navigation,
.site-main .posts-navigation {
	background: rgb(40 65 45 / 36%);
	border: 1px solid rgb(136 161 125 / 20%);
	padding: clamp(18px, 3vw, 34px);
}

.theme-archive-layout article .post-item {
	padding: 0;
}

.theme-archive-layout.list-layout article .post-item .post-item-content {
	padding: clamp(18px, 3vw, 30px);
}

.entry-content blockquote,
blockquote.wp-block-quote {
	background: var(--hunter-surface);
	border-left: 4px solid var(--hunter-accent);
	color: var(--hunter-heading);
	margin-inline: 0;
	padding: 1rem 1.25rem;
}

code,
kbd,
pre,
.wp-block-code {
	background: #0E1811;
	color: var(--hunter-secondary);
}

pre,
.wp-block-code {
	border: 1px solid var(--hunter-elevated);
	padding: 1rem;
	overflow: auto;
}

th,
td {
	border-bottom: 1px solid var(--hunter-elevated);
	padding: 0.7rem;
	text-align: left;
}

th {
	color: var(--hunter-primary);
}

/* Sidebar, widgets and footer */
.widget,
.adore-widget {
	background: rgb(40 65 45 / 35%);
	border-color: var(--hunter-elevated);
	padding: 20px;
}

.widget-title {
	background-color: var(--hunter-base);
	border-color: var(--hunter-primary);
	color: var(--hunter-primary);
}

.widget ol li,
.widget ul:not(.entry-meta) li {
	border-color: rgb(136 161 125 / 20%);
}

.site-footer {
	background: linear-gradient(180deg, transparent, rgb(40 65 45 / 42%));
	border-top: 1px solid rgb(212 185 110 / 24%);
}

.site-footer .bottom-footer {
	background: rgb(20 33 23 / 72%);
}

.site-footer .site-info,
.site-footer .site-info a {
	color: var(--hunter-muted);
}

/* Controls */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-button__link {
	background: var(--hunter-primary);
	border: 1px solid var(--hunter-primary);
	border-radius: 0;
	color: var(--hunter-base);
	font-weight: 700;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus {
	background: var(--hunter-accent);
	border-color: var(--hunter-heading);
	color: var(--hunter-heading);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="date"],
select,
textarea {
	background: #101B13;
	border-color: var(--hunter-elevated);
	border-radius: 0;
	color: var(--hunter-heading);
}

input::placeholder,
textarea::placeholder {
	color: var(--hunter-muted);
}

nav.navigation.pagination .nav-links span,
nav.navigation.pagination .nav-links a {
	border-color: var(--hunter-elevated);
	color: var(--hunter-secondary);
}

nav.navigation.pagination .nav-links span.current {
	background-color: var(--hunter-primary);
	border-color: var(--hunter-primary);
	color: var(--hunter-base);
}

#scroll-to-top {
	background: var(--hunter-primary);
	color: var(--hunter-base);
}

@media (max-width: 991px) {
	.menu-toggle {
		background-color: var(--hunter-primary);
	}

	.menu-toggle span {
		background: var(--hunter-base);
	}

	.main-navigation ul.nav-menu {
		box-shadow: var(--shadow);
	}
}

@media (max-width: 600px) {
	.site-header-wrapper,
	.terminal-wrapper,
	.news-ticker-section .news-ticker-section-wrapper {
		padding-inline: 16px;
	}

	.adore-top-header {
		gap: 12px;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}