/*!
Theme Name: Kadence
Theme URI: https://www.kadencewp.com/kadence-theme/
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Version: 1.5.1
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence
Requires at least: 6.3
Tested up to: 6.9.1
Tags: translation-ready, accessibility-ready, two-columns, right-sidebar, left-sidebar, footer-widgets, blog, custom-logo, custom-background, custom-menu, rtl-language-support, editor-style, threaded-comments, custom-colors, featured-images, wide-blocks, full-width-template, theme-options, e-commerce
Requires PHP: 7.4

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share
what you've learned with others.
*/

/* =========================================================
   Honey Chronicles / Prudence Color System v0.1
   Natural History Museum + Field Archive
   ========================================================= */

:root {
	--hc-ink: #241C16;
	--hc-cream: #F7F0E3;
	--hc-paper: #FFFDF6;

	--hc-honey: #B98224;
	--hc-honey-dark: #6F4312;

	--hc-collection: #9A6A1F;
	--hc-collection-dark: #4F3312;

	--hc-producer: #5E714A;
	--hc-producer-dark: #2E3A28;

	--hc-story: #7A4E35;
	--hc-story-dark: #3F261C;

	--hc-atlas: #536B75;
	--hc-atlas-dark: #273940;

	--hc-line: rgba(74, 52, 30, .18);
	--hc-shadow: 0 18px 45px rgba(38, 25, 8, .10);
	--hc-radius: 22px;
}

/* Museum ground */
body,
.hc-shell,
.site,
#wrapper {
	background:
		radial-gradient(circle at top left, rgba(185,130,36,.10), transparent 34rem),
		radial-gradient(circle at bottom right, rgba(83,107,117,.08), transparent 30rem),
		linear-gradient(180deg, #F7F0E3 0%, #FFFDF6 48%, #F4E9D7 100%);
	color: var(--hc-ink);
}

/* Museum entrance */
.hc-museum-entrance {
	background: linear-gradient(135deg, #203429 0%, #2E3A28 52%, #18120D 100%);
	color: #FFF7E8;
}

.hc-brand,
.hc-brand:visited,
.hc-primary-nav a,
.hc-primary-nav a:visited {
	color: #FFF7E8;
}

.hc-brand-mark {
	background: var(--hc-honey);
	color: #241C16;
}

.hc-primary-nav a {
	border-color: rgba(255,247,232,.24);
	background: rgba(255,247,232,.08);
}

.hc-primary-nav a:hover,
.hc-primary-nav a:focus {
	background: rgba(255,247,232,.18);
}

/* Entrance cards */
.hc-entrance-card {
	background: rgba(255,253,246,.92);
	color: var(--hc-ink);
	border: 1px solid rgba(255,247,232,.24);
	box-shadow: var(--hc-shadow);
}

.hc-kicker {
	color: var(--hc-honey-dark);
}

.hc-card-action {
	color: var(--hc-collection-dark);
}

/* Typography calming pass */
.hc-entry-header h1,
.entry-title,
.page-title,
.archive-title {
	font-size: clamp(1.45rem, 3.5vw, 2rem);
	line-height: 1.08;
	letter-spacing: -0.025em;
	color: var(--hc-ink);
}

.hc-card-body h2,
.hc-card-body h2 a,
.entry-title a {
	color: var(--hc-ink);
}

/* General cards / entries */
.hc-entry,
.entry,
.hc-card,
.hc-discovery-card {
	background: var(--hc-paper);
	border: 1px solid var(--hc-line);
	border-radius: var(--hc-radius);
	box-shadow: var(--hc-shadow);
	color: var(--hc-ink);
}

/* Context identities */
.hc-context-collection .hc-entry,
.hc-card.is-collection,
.hc-discovery-card.is-collection {
	border-top: 8px solid var(--hc-collection);
}

.hc-context-producer .hc-entry,
.hc-card.is-producer,
.hc-discovery-card.is-producer {
	border-top: 8px solid var(--hc-producer);
}

.hc-context-story .hc-entry,
.hc-card.is-story,
.hc-discovery-card.is-story {
	border-top: 8px solid var(--hc-story);
}

.hc-context-atlas .hc-entry,
.hc-card.is-atlas,
.hc-discovery-card.is-atlas {
	border-top: 8px solid var(--hc-atlas);
}

/* Future-friendly semantic card accents */
.hc-discovery-card {
	--card-accent: var(--hc-collection);
	--card-dark: var(--hc-collection-dark);
}

.hc-discovery-card.is-producer {
	--card-accent: var(--hc-producer);
	--card-dark: var(--hc-producer-dark);
}

.hc-discovery-card.is-story {
	--card-accent: var(--hc-story);
	--card-dark: var(--hc-story-dark);
}

.hc-discovery-card.is-atlas {
	--card-accent: var(--hc-atlas);
	--card-dark: var(--hc-atlas-dark);
}

.hc-discovery-card__type,
.hc-card__type,
.hc-read-more {
	color: var(--card-dark, var(--hc-collection-dark));
}

/* Links */
a {
	color: var(--hc-collection-dark);
}

a:hover,
a:focus {
	color: var(--hc-honey-dark);
}

/* Mobile compression */
@media (max-width: 760px) {
	.hc-museum-entrance {
		padding-block: 12px;
	}

	.hc-entrance-inner {
		gap: 10px;
	}

	.hc-brand-text strong {
		font-size: 1rem;
	}

	.hc-brand-text em {
		font-size: .72rem;
	}

	.hc-live-strip {
		gap: 8px;
	}

	.hc-entrance-card {
		padding: 10px 12px;
		border-radius: 16px;
	}

	.hc-card-text {
		display: none;
	}

	.hc-entry-header h1,
	.entry-title,
	.page-title,
	.archive-title {
		font-size: 1.45rem;
	}
}

/* =========================================================
   Honey Chronicles / Prudence Orientation Bar v0.2
   Rooms stay in the top orientation bar. Atlas + Search become
   paired museum instruments, using theme-hosted icon assets.

   Upload icons to:
   /wp-content/themes/kadence/assets/hc/

   Required files:
   atlas.png
   atlas-hover.png
   search.png
   search-hover.png
   ========================================================= */

:root {
	--hc-tool-grey: #D8D5CE;
	--hc-tool-grey-dark: #F5F2EA;
	--hc-tool-ring: rgba(255, 247, 232, .28);
	--hc-tool-ring-hover: rgba(255, 247, 232, .52);
	--hc-orientation-height: 58px;
	--hc-mobile-instrument-size: 54px;
}

/* Make the entrance behave like an orientation bar, not a page hero. */
.hc-museum-entrance {
	padding: 10px 12px 12px;
	border-bottom: 1px solid rgba(255,247,232,.14);
}

.hc-entrance-inner {
	max-width: 1180px;
	margin-inline: auto;
	display: grid;
	gap: 10px;
}

.hc-entrance-main {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
}

.hc-brand {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	text-decoration: none;
	min-width: max-content;
}

.hc-brand-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 999px;
	font-size: .74rem;
	font-weight: 900;
	letter-spacing: .02em;
}

.hc-brand-text {
	display: grid;
	gap: 0;
	line-height: 1;
}

.hc-brand-text strong {
	font-size: 1.02rem;
	font-weight: 900;
	letter-spacing: -.02em;
}

.hc-brand-text em {
	font-size: .68rem;
	font-style: normal;
	opacity: .82;
	margin-top: 2px;
}

/* Top orientation rooms */
.hc-primary-nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	flex-wrap: wrap;
}

.hc-primary-nav a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 7px 12px;
	border: 1px solid rgba(255,247,232,.22);
	border-radius: 999px;
	text-decoration: none;
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .055em;
	text-transform: uppercase;
	line-height: 1;
	white-space: nowrap;
	transition: background .16s ease, border-color .16s ease, transform .16s ease, opacity .16s ease;
}

.hc-primary-nav a:hover,
.hc-primary-nav a:focus-visible {
	transform: translateY(-1px);
	outline: none;
}

/* Museum instruments: Atlas + Search. These are not rooms. */
.hc-primary-nav a[href$="/atlas/"],
.hc-primary-nav a.hc-search-link,
.hc-primary-nav a[href*="?s="] {
	width: 42px;
	height: 42px;
	min-height: 42px;
	padding: 0;
	font-size: 0;
	background: rgba(255,247,232,.05);
	border-color: var(--hc-tool-ring);
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);
}

.hc-primary-nav a[href$="/atlas/"] {
	margin-left: clamp(12px, 3vw, 34px);
}

.hc-primary-nav a[href$="/atlas/"]::before,
.hc-primary-nav a.hc-search-link::before,
.hc-primary-nav a[href*="?s="]::before {
	content: "";
	display: block;
	width: 27px;
	height: 27px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	filter: grayscale(1);
	opacity: .92;
}

.hc-primary-nav a[href$="/atlas/"]::before {
	background-image: url("assets/hc/atlas.png");
}

.hc-primary-nav a.hc-search-link::before,
.hc-primary-nav a[href*="?s="]::before {
	background-image: url("assets/hc/search.png");
}

.hc-primary-nav a[href$="/atlas/"]:hover,
.hc-primary-nav a[href$="/atlas/"]:focus-visible,
.hc-primary-nav a.hc-search-link:hover,
.hc-primary-nav a.hc-search-link:focus-visible,
.hc-primary-nav a[href*="?s="]:hover,
.hc-primary-nav a[href*="?s="]:focus-visible {
	background: rgba(255,247,232,.13);
	border-color: var(--hc-tool-ring-hover);
}

.hc-primary-nav a[href$="/atlas/"]:hover::before,
.hc-primary-nav a[href$="/atlas/"]:focus-visible::before {
	background-image: url("assets/hc/atlas-hover.png");
	opacity: 1;
}

.hc-primary-nav a.hc-search-link:hover::before,
.hc-primary-nav a.hc-search-link:focus-visible::before,
.hc-primary-nav a[href*="?s="]:hover::before,
.hc-primary-nav a[href*="?s="]:focus-visible::before {
	background-image: url("assets/hc/search-hover.png");
	opacity: 1;
}

/* Compact museum notices. They should invite, then get out of the way. */
.hc-live-strip {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(260px, .75fr);
	gap: 10px;
}

.hc-entrance-card {
	padding: 12px 14px;
	border-radius: 16px;
	min-height: 76px;
}

.hc-kicker {
	display: block;
	font-size: .67rem;
	font-weight: 900;
	letter-spacing: .09em;
	text-transform: uppercase;
	margin-bottom: 4px;
}

.hc-card-title,
.hc-featured-discovery strong {
	display: block;
	font-size: .95rem;
	line-height: 1.12;
	font-weight: 900;
	margin-bottom: 3px;
}

.hc-card-text {
	font-size: .78rem;
	line-height: 1.35;
}

.hc-card-action {
	display: inline-block;
	margin-top: 5px;
	font-size: .63rem;
	font-weight: 900;
	letter-spacing: .075em;
	text-transform: uppercase;
}

/* Tighten gallery titles without changing semantic heading structure. */
.hc-entry-header,
.entry-header,
.page-header,
.archive-header {
	margin-bottom: 18px;
}

.hc-entry-header h1,
.entry-title,
.page-title,
.archive-title {
	max-width: 12ch;
}

    /* HC CONTROL TEST */
.hc-museum-entrance {
	outline: 8px solid red !important;
}

/* Mobile: top tells visitors where they are; bottom puts instruments near the thumb. */
@media (max-width: 760px) {
	body {
		padding-bottom: 78px;
	}

	.hc-museum-entrance {
		padding: 8px 8px 10px;
	}

	.hc-entrance-main {
		align-items: flex-start;
		gap: 8px;
	}

	.hc-brand-mark {
		width: 25px;
		height: 25px;
		font-size: .66rem;
	}

	.hc-brand-text strong {
		font-size: .9rem;
	}

	.hc-brand-text em {
		font-size: .62rem;
		max-width: 92px;
	}

	.hc-primary-nav {
		justify-content: flex-end;
		gap: 6px;
		max-width: 190px;
	}

	.hc-primary-nav a:not([href$="/atlas/"]):not(.hc-search-link):not([href*="?s="]) {
		min-height: 32px;
		padding: 6px 9px;
		font-size: .62rem;
	}

	/* Bottom instrument tray */
	.hc-primary-nav a[href$="/atlas/"],
	.hc-primary-nav a.hc-search-link,
	.hc-primary-nav a[href*="?s="] {
		position: fixed;
		z-index: 9999;
		bottom: 14px;
		width: var(--hc-mobile-instrument-size);
		height: var(--hc-mobile-instrument-size);
		min-height: var(--hc-mobile-instrument-size);
		border-radius: 999px;
		background: rgba(255,253,246,.94);
		border: 1px solid rgba(36,28,22,.16);
		box-shadow: 0 10px 26px rgba(20,12,5,.18);
		backdrop-filter: blur(8px);
		margin-left: 0;
	}

	.hc-primary-nav a[href$="/atlas/"] {
		left: calc(50% - 62px);
	}

	.hc-primary-nav a.hc-search-link,
	.hc-primary-nav a[href*="?s="] {
		right: calc(50% - 62px);
	}

	.hc-primary-nav a[href$="/atlas/"]::before,
	.hc-primary-nav a.hc-search-link::before,
	.hc-primary-nav a[href*="?s="]::before {
		width: 34px;
		height: 34px;
	}

	.hc-live-strip {
		grid-template-columns: 1fr;
		gap: 7px;
	}

	.hc-entrance-card {
		min-height: auto;
		padding: 8px 10px;
		border-radius: 13px;
	}

	.hc-card-title,
	.hc-featured-discovery strong {
		font-size: .86rem;
	}

	.hc-card-action {
		margin-top: 3px;
	}
}

@media (min-width: 761px) {
	.hc-primary-nav a[href$="/atlas/"]::after {
		content: "Atlas";
	}

	.hc-primary-nav a.hc-search-link::after,
	.hc-primary-nav a[href*="?s="]::after {
		content: "Search";
	}

	.hc-primary-nav a[href$="/atlas/"]::after,
	.hc-primary-nav a.hc-search-link::after,
	.hc-primary-nav a[href*="?s="]::after {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}

}