/**
 * Oreneta Materials – Frontend Styles v3
 *
 * Design system aligned 1:1 with byoreneta.com:
 * - NO box-shadows
 * - NO visible card borders / containers
 * - Pill buttons (border-radius: 50px) with lavender accent
 * - Airy whitespace, clean sans-serif typography
 * - Flat, open layout with generous spacing
 */

/* ═══════════════════════════════════════════════════════════════════════════
   DESIGN TOKENS
   ═══════════════════════════════════════════════════════════════════════════ */

.oreneta-materials-archive,
.oreneta-materials-single {
	--om-bg: var(--oreneta-color-bg, #ffffff);
	--om-bg-subtle: var(--oreneta-color-bg-subtle-alt, #f2f2f2);
	--om-text: var(--oreneta-color-text, #101010);
	--om-text-soft: var(--oreneta-color-text-soft, #6b7280);
	--om-accent: var(--oreneta-color-accent-soft, #b3bce6);
	--om-primary: var(--oreneta-color-primary, #3643ba);
	--om-highlight: var(--oreneta-color-highlight, #ffd666);
	--om-radius-pill: 50px;
	--om-font: var(--oreneta-font-family, system-ui, -apple-system, sans-serif);
	--om-max-width: 1140px;

	background: var(--om-bg);
	color: var(--om-text);
	font-family: var(--om-font);
}

/* ═══════════════════════════════════════════════════════════════════════════
   LAYOUT — SHARED
   ═══════════════════════════════════════════════════════════════════════════ */

.oreneta-materials-shell,
.oreneta-material-single {
	max-width: var(--om-max-width);
	margin: 0 auto;
	padding: clamp(32px, 5vw, 72px) 10px clamp(56px, 8vw, 120px);
}

.oreneta-materials-shell__header {
	display: grid;
	gap: 16px;
	margin-bottom: clamp(32px, 5vw, 64px);
}

.oreneta-materials-shell__header h1 {
	font-size: clamp(2.25rem, 2.3vw + 1.4rem, 4rem);
	font-weight: 800;
	letter-spacing: -0.04em;
	line-height: 0.96;
	margin: 0;
}

.oreneta-materials-shell__description {
	color: var(--om-text-soft);
	font-size: 1.05rem;
	line-height: 1.7;
	max-width: 70ch;
}

/* ═══════════════════════════════════════════════════════════════════════════
   ARCHIVE PAGE
   ═══════════════════════════════════════════════════════════════════════════ */

/* -- Hero -- */

.oreneta-materials-archive__hero {
	display: grid;
	gap: clamp(20px, 3vw, 40px);
	grid-template-columns: minmax(0, 1.6fr) minmax(260px, 0.8fr);
	align-items: end;
	margin-bottom: clamp(32px, 5vw, 64px);
}

.oreneta-materials-archive__eyebrow {
	color: var(--om-primary);
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	margin: 0 0 12px;
	text-transform: uppercase;
}

.oreneta-materials-archive__title {
	font-size: clamp(2.25rem, 2.3vw + 1.4rem, 4rem);
	font-weight: 800;
	letter-spacing: -0.04em;
	line-height: 0.96;
	margin: 0;
}

.oreneta-materials-archive__intro {
	color: var(--om-text-soft);
	font-size: 1.05rem;
	line-height: 1.7;
	margin: 0;
}

.oreneta-materials-archive__hero-meta {
	display: grid;
	gap: 10px;
	justify-items: start;
}

.oreneta-materials-archive__count {
	color: var(--om-text-soft);
	font-size: 0.95rem;
	font-weight: 600;
}

/* -- Toolbar / Filters -- */

.oreneta-materials-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin-bottom: clamp(28px, 4vw, 48px);
	padding-bottom: 20px;
	border-bottom: 1px solid var(--om-bg-subtle);
}

.oreneta-materials-toolbar__filters {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	flex: 1;
}

.oreneta-materials-toolbar__filter-group,
.oreneta-materials-toolbar__types {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.oreneta-materials-toolbar__filter-label {
	color: var(--om-text-soft);
	font-size: 0.84rem;
	font-weight: 700;
	text-transform: uppercase;
}

.oreneta-materials-toolbar__chip {
	appearance: none;
	background: transparent;
	border: 1.5px solid rgba(16, 16, 16, 0.12);
	border-radius: var(--om-radius-pill);
	color: var(--om-text);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	font-size: 0.92rem;
	font-weight: 600;
	min-height: 40px;
	padding: 0 18px;
	text-decoration: none;
	transition:
		background 0.18s ease,
		color 0.18s ease,
		border-color 0.18s ease;
}

.oreneta-materials-toolbar__chip:hover,
.oreneta-materials-toolbar__chip:focus-visible {
	border-color: var(--om-primary);
	color: var(--om-primary);
}

.oreneta-materials-toolbar__chip.is-active {
	background: var(--om-accent);
	border-color: var(--om-accent);
	color: var(--om-text);
}

.oreneta-materials-toolbar__form {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.oreneta-materials-toolbar__search input,
.oreneta-materials-toolbar__sort select {
	appearance: none;
	-webkit-appearance: none;
	background: var(--om-bg);
	border: 1.5px solid rgba(16, 16, 16, 0.12);
	border-radius: var(--om-radius-pill);
	color: var(--om-text);
	font: inherit;
	font-size: 0.92rem;
	min-height: 40px;
	padding: 0 18px;
}

.oreneta-materials-toolbar__search input {
	min-width: min(280px, 40vw);
}
.oreneta-materials-toolbar__sort select {
	min-width: 160px;
}

.oreneta-materials-toolbar__search input:focus,
.oreneta-materials-toolbar__sort select:focus {
	border-color: var(--om-primary);
	outline: none;
}

.oreneta-materials-toolbar__submit {
	appearance: none;
	background: var(--om-accent);
	border: none;
	border-radius: var(--om-radius-pill);
	color: var(--om-text);
	cursor: pointer;
	font: inherit;
	font-size: 0.92rem;
	font-weight: 700;
	min-height: 40px;
	padding: 0 20px;
	transition: background 0.18s ease;
}

.oreneta-materials-toolbar__submit:hover {
	background: var(--om-primary);
	color: #ffffff;
}

.oreneta-materials-toolbar__reset {
	color: var(--om-text-soft);
	font-size: 0.88rem;
	font-weight: 600;
	text-decoration: none;
}

.oreneta-materials-toolbar__reset:hover {
	color: var(--om-primary);
}

.oreneta-materials-archive__active-filter {
	color: var(--om-primary);
	font-size: 0.88rem;
	font-weight: 600;
}

/* -- Archive topbar / native filters -- */

.oreneta-materials-shell__header--compact {
	margin: 0 0 clamp(26px, 4vw, 44px);
}

.oreneta-materials-archive-heading__title {
	color: #101010 !important;
	font-size: clamp(2.75rem, 5.8vw, 5.5rem);
	font-weight: 800;
	letter-spacing: 0;
	line-height: 0.98;
	margin: 0;
	max-width: 13ch;
}

.oreneta-materials-archive-heading__description {
	color: #101010 !important;
	font-size: clamp(1rem, 0.55vw + 0.9rem, 1.35rem);
	font-weight: 400;
	line-height: 1.45;
	margin: clamp(18px, 2.2vw, 28px) 0 0;
	max-width: 1060px;
}

.oreneta-materials-archive-heading__description p {
	margin: 0;
}

.oreneta-materials-controls {
	background: var(--om-bg);
	margin-bottom: clamp(14px, 2vw, 24px);
	padding-block: 10px 7px;
	position: sticky;
	top: 0;
	z-index: 999997;
}

.admin-bar .oreneta-materials-controls {
	top: 32px;
}

.oreneta-materials-topbar {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	min-height: 44px;
}

.oreneta-materials-topbar__right {
	align-items: center;
	display: flex;
	gap: 16px;
	height: 44px;
	justify-content: flex-end;
	margin-left: auto;
}

.oreneta-materials-filter-button {
	align-items: center;
	appearance: none;
	-webkit-appearance: none;
	background: var(--om-bg) !important;
	border: 1px solid var(--oreneta-color-border-soft, #dedede) !important;
	border-radius: 999px !important;
	color: var(--om-text) !important;
	cursor: pointer;
	display: inline-flex !important;
	font: inherit;
	font-size: 1rem;
	font-weight: 400;
	gap: 8px;
	height: 44px;
	justify-content: center;
	line-height: 1;
	min-height: 44px;
	padding: 0 20px !important;
	vertical-align: middle;
	transition:
		background 0.16s ease,
		border-color 0.16s ease;
}

.oreneta-materials-filter-button:hover,
.oreneta-materials-filter-button:focus-visible {
	background: #f7f7f7 !important;
	border-color: var(--om-primary) !important;
	color: var(--om-primary) !important;
	outline: none;
}

.oreneta-materials-filter-button:focus-visible,
.oreneta-materials-filter-drawer__close:focus-visible,
.oreneta-materials-filter-drawer__reset:focus-visible,
.oreneta-materials-filter-drawer__apply:focus-visible {
	outline: 2px solid var(--om-text);
	outline-offset: 2px;
}

.oreneta-materials-filter-button svg,
.oreneta-materials-topbar__count svg {
	display: block;
	flex: 0 0 auto;
	height: 24px;
	width: 24px;
}

.oreneta-materials-filter-button span {
	line-height: 1;
}

.oreneta-materials-filter-button__count {
	align-items: center;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0;
	color: var(--om-text-soft) !important;
	display: inline-flex;
	font-size: 1em;
	font-weight: 400;
	height: auto;
	justify-content: center;
	line-height: 1 !important;
	min-width: 0;
	padding: 0 !important;
	position: relative;
	top: 0;
}

.oreneta-materials-topbar__count {
	align-items: center;
	color: var(--om-text) !important;
	display: inline-flex;
	font-size: 1rem;
	font-weight: 400;
	gap: 8px;
	height: 44px;
	line-height: 1;
	white-space: nowrap;
}

.oreneta-materials-sort {
	border-left: 1px solid var(--oreneta-color-border-soft, #dedede);
	display: inline-flex;
	align-items: center;
	padding-left: 16px;
	position: relative;
}

.oreneta-materials-sort select {
	appearance: none;
	-webkit-appearance: none;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	color: var(--om-text) !important;
	cursor: pointer;
	font: inherit;
	font-size: 1rem;
	font-weight: 400;
	min-height: 40px;
	padding: 0 28px 0 0;
	outline: none !important;
	box-shadow: none !important;
}

.oreneta-materials-sort__chevron {
	color: var(--om-text);
	height: 24px;
	pointer-events: none;
	position: absolute;
	right: 0;
	width: 24px;
}

.oreneta-materials-filter-overlay {
	background: rgba(0, 0, 0, 0.38) !important;
	inset: 0;
	opacity: 0;
	position: fixed;
	transition:
		opacity 0.28s ease,
		visibility 0.28s ease;
	visibility: hidden;
	z-index: 999998;
}

.oreneta-materials-filter-overlay.is-active {
	opacity: 1;
	visibility: visible;
}

.oreneta-materials-filter-drawer {
	background: var(--om-bg) !important;
	color: var(--om-text) !important;
	display: flex;
	flex-direction: column;
	height: 100vh;
	height: 100dvh;
	inset: 0 auto 0 0;
	max-width: 430px;
	overflow: hidden;
	position: fixed;
	transform: translateX(-100%);
	transition: transform 0.34s cubic-bezier(0.32, 0.72, 0, 1);
	will-change: transform;
	width: min(430px, 92vw);
	z-index: 999999;
}

.oreneta-materials-filter-drawer.is-layout-switching {
	transition: none !important;
}

.oreneta-materials-filter-drawer.is-open {
	transform: translateX(0);
}

.oreneta-materials-filter-drawer *,
.oreneta-materials-filter-drawer *::before,
.oreneta-materials-filter-drawer *::after {
	box-sizing: border-box;
}

.oreneta-materials-filter-drawer__handle {
	display: none;
}

.oreneta-materials-filter-drawer__header {
	align-items: center;
	background: var(--om-bg) !important;
	display: flex;
	flex: 0 0 auto;
	justify-content: space-between;
	padding: 26px 28px 18px;
}

.oreneta-materials-filter-drawer__header h2 {
	color: var(--om-text) !important;
	font-size: 1.6rem;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.1;
	margin: 0;
}

.oreneta-materials-filter-drawer__close {
	align-items: center;
	appearance: none;
	-webkit-appearance: none;
	background: var(--om-bg) !important;
	border: 1px solid var(--oreneta-color-border, #e2e2e2) !important;
	border-radius: 50% !important;
	color: var(--om-text) !important;
	cursor: pointer;
	display: inline-flex !important;
	flex: 0 0 44px;
	height: 44px !important;
	justify-content: center;
	line-height: 1 !important;
	max-height: 44px !important;
	max-width: 44px !important;
	min-height: 44px !important;
	min-width: 44px !important;
	padding: 0 !important;
	width: 44px !important;
}

.oreneta-materials-filter-drawer__close:hover {
	background: #f5f6f8 !important;
	border-color: #b7beca !important;
	color: var(--om-text) !important;
}

.oreneta-materials-filter-drawer__close svg {
	display: block;
	height: 18px !important;
	width: 18px !important;
}

.oreneta-materials-filter-drawer__body {
	display: block;
	flex: 1 1 auto;
	overflow-y: auto;
	padding: 18px 28px 180px;
}

.oreneta-materials-filter-accordion {
	border-bottom: 1px solid #e7e7e7;
	will-change: height;
}

.oreneta-materials-filter-accordion--sort {
	display: none;
}

.oreneta-materials-filter-accordion:first-child {
	border-top: 1px solid #e7e7e7;
}

.oreneta-materials-filter-accordion__summary {
	align-items: center;
	color: var(--om-text) !important;
	cursor: pointer;
	display: flex;
	font-size: 1.04rem;
	font-weight: 500;
	justify-content: space-between;
	letter-spacing: 0;
	list-style: none;
	height: 58px;
	min-height: 58px;
	padding: 0;
}

.oreneta-materials-filter-accordion:not([open]) .oreneta-materials-filter-group {
	display: none;
}

.oreneta-materials-filter-accordion__summary::-webkit-details-marker {
	display: none;
}

.oreneta-materials-filter-accordion__summary span {
	color: inherit !important;
}

.oreneta-materials-filter-accordion__icon {
	flex: 0 0 auto;
	height: 24px;
	width: 24px;
}

.oreneta-materials-filter-accordion__icon svg {
	display: block;
	height: 24px;
	width: 24px;
}

.oreneta-materials-filter-accordion__minus {
	display: none !important;
}

.oreneta-materials-filter-accordion[open] .oreneta-materials-filter-accordion__plus {
	display: none;
}

.oreneta-materials-filter-accordion[open] .oreneta-materials-filter-accordion__minus {
	display: block !important;
}

.oreneta-materials-filter-group {
	border: 0;
	margin: 0;
	min-width: 0;
	padding: 0;
}

.oreneta-materials-filter-group legend {
	color: var(--om-text) !important;
	font-size: 1.02rem;
	font-weight: 400;
	margin: 0 0 12px;
	padding: 0;
}

.oreneta-materials-filter-group__options {
	display: grid;
	gap: 14px;
	padding: 4px 0 26px;
}

.oreneta-materials-filter-option {
	align-items: center;
	color: var(--om-text) !important;
	cursor: pointer;
	display: flex;
	gap: 14px;
	min-height: 32px;
	position: relative;
}

.oreneta-materials-filter-option input {
	opacity: 0;
	pointer-events: none;
	position: absolute;
}

.oreneta-materials-filter-option__box {
	align-items: center;
	background: var(--om-bg);
	border: 1.5px solid #bcbcbc;
	border-radius: 0;
	color: var(--oreneta-color-text-inverse, #ffffff) !important;
	display: inline-flex;
	flex: 0 0 auto;
	height: 24px;
	justify-content: center;
	width: 24px;
	transition:
		background 0.16s ease,
		border-color 0.16s ease;
}

.oreneta-materials-filter-option__box svg {
	display: block;
	height: 18px;
	opacity: 0;
	width: 18px;
}

.oreneta-materials-filter-option__label {
	color: var(--om-text) !important;
	flex: 1 1 auto;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.35;
	min-width: 0;
}

.oreneta-materials-filter-option__count {
	color: var(--om-text-soft) !important;
	flex: 0 0 auto;
	font-size: 0.92rem;
	font-weight: 400;
	line-height: 1;
	margin-left: auto;
}

.oreneta-materials-filter-option:hover .oreneta-materials-filter-option__box,
.oreneta-materials-filter-option input:focus-visible + .oreneta-materials-filter-option__box {
	border-color: var(--om-primary) !important;
}

.oreneta-materials-filter-option input:checked + .oreneta-materials-filter-option__box {
	background: var(--om-primary) !important;
	border-color: var(--om-primary) !important;
	color: var(--oreneta-color-text-inverse, #ffffff) !important;
}

.oreneta-materials-filter-option input:checked + .oreneta-materials-filter-option__box svg {
	opacity: 1;
}

.oreneta-materials-filter-option.is-disabled {
	color: #9ca3af !important;
	cursor: not-allowed;
}

.oreneta-materials-filter-option.is-disabled .oreneta-materials-filter-option__box {
	background: #f5f5f5 !important;
	border-color: #dddddd !important;
}

.oreneta-materials-filter-option.is-disabled .oreneta-materials-filter-option__label,
.oreneta-materials-filter-option.is-disabled .oreneta-materials-filter-option__count {
	color: #9ca3af !important;
}

.oreneta-materials-filter-option--radio .oreneta-materials-filter-option__box {
	background: var(--om-bg) !important;
	border-color: #bcbcbc !important;
	border-radius: 50%;
	color: var(--om-primary) !important;
	position: relative;
}

.oreneta-materials-filter-option--radio .oreneta-materials-filter-option__box::before {
	background: var(--om-primary);
	border-radius: 50%;
	content: "";
	height: 10px;
	opacity: 0;
	width: 10px;
}

.oreneta-materials-filter-option--radio .oreneta-materials-filter-option__box svg {
	display: none;
}

.oreneta-materials-filter-option--radio input:checked + .oreneta-materials-filter-option__box {
	background: var(--om-bg) !important;
	border-color: var(--om-primary) !important;
}

.oreneta-materials-filter-option--radio input:checked + .oreneta-materials-filter-option__box::before {
	opacity: 1;
}

.oreneta-materials-filter-drawer__footer {
	align-items: center;
	background: var(--om-bg) !important;
	border-top: 1px solid #e5e5e5 !important;
	bottom: 0;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	left: 0;
	padding: 18px 28px;
	position: absolute;
	right: 0;
	z-index: 20;
}

.oreneta-materials-filter-drawer__reset,
.oreneta-materials-filter-drawer__apply {
	appearance: none;
	-webkit-appearance: none;
	border-radius: 999px !important;
	cursor: pointer;
	flex: 1 1 0;
	font: inherit;
	font-size: 0.96rem;
	font-weight: 400;
	min-height: 46px;
	min-width: 0;
	padding: 0 18px;
}

.oreneta-materials-filter-drawer__reset {
	background: var(--om-bg) !important;
	border: 1px solid #d9d9d9 !important;
	color: var(--om-text) !important;
	text-decoration: none;
}

.oreneta-materials-filter-drawer__apply {
	background: var(--om-primary) !important;
	border: 1px solid var(--om-primary) !important;
	color: var(--oreneta-color-text-inverse, #ffffff) !important;
	display: inline-flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
}

.oreneta-materials-filter-drawer__apply-count {
	background: transparent;
	color: var(--oreneta-color-text-inverse, #ffffff) !important;
	display: inline;
	font: inherit;
}

.oreneta-materials-filter-drawer__reset:hover {
	background: var(--om-bg) !important;
	border-color: var(--om-primary) !important;
	color: var(--om-primary) !important;
}

.oreneta-materials-filter-drawer__apply:hover {
	background: #27319b !important;
	border-color: #27319b !important;
	color: #ffffff !important;
}

html.has-oreneta-materials-filter-open,
html.has-oreneta-materials-filter-open body {
	overflow: hidden;
}

/* -- Grid -- */

.oreneta-materials-grid {
	display: grid;
	gap: clamp(20px, 3vw, 32px);
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.oreneta-materials-grid--archive {
	gap: clamp(14px, 1.1vw, 22px);
}

.oreneta-materials-grid.is-loading {
	opacity: 0.5;
	pointer-events: none;
	transition: opacity 0.2s ease;
}

/* -- Material Card — flat, no borders, no shadows -- */

.oreneta-material-card {
	display: flex;
	flex-direction: column;
}

.oreneta-material-card__link {
	color: inherit;
	text-decoration: none;
}

.oreneta-material-card__media {
	aspect-ratio: 1 / 1;
	background: var(--om-bg-subtle);
	overflow: hidden;
}

.oreneta-material-card__image {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
	transition: transform 0.3s ease;
}

.oreneta-material-card:hover .oreneta-material-card__image {
	transform: scale(1.03);
}

.oreneta-material-card__placeholder {
	background: var(--om-bg-subtle);
	height: 100%;
	width: 100%;
}

.oreneta-material-card__body {
	padding: 14px 0 0;
}

.oreneta-material-card__badge,
.oreneta-material-type {
	color: var(--om-text-soft);
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.oreneta-material-card__types {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-bottom: 2px;
}

.oreneta-material-card__properties {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 16px;
	margin-top: 8px;
}

.oreneta-material-card__property {
	display: flex;
	gap: 4px;
	font-size: 0.82rem;
}

.oreneta-material-card__property dt {
	color: var(--om-text-soft);
	font-weight: 500;
}

.oreneta-material-card__property dd {
	color: var(--om-text);
	font-weight: 600;
	margin: 0;
}

.oreneta-material-card__footer {
	margin-top: 10px;
}

.oreneta-material-card__cta {
	color: var(--om-primary);
	font-size: 0.88rem;
	font-weight: 600;
	text-decoration: none;
}

.oreneta-material-card__cta:hover {
	text-decoration: underline;
}

.oreneta-material-card__title {
	color: var(--om-text);
	font-size: clamp(1rem, 0.2vw + 0.96rem, 1.2rem);
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.2;
	margin: 6px 0 0;
}

.oreneta-material-card__title a,
.oreneta-material-card__title-link {
	color: inherit;
	text-decoration: none;
}

.oreneta-material-card__title a:hover,
.oreneta-material-card__title-link:hover {
	color: var(--om-primary);
}

.oreneta-material-card a {
	color: inherit;
	text-decoration: none;
}

.oreneta-material-card__excerpt {
	color: var(--om-text-soft);
	font-size: 0.9rem;
	line-height: 1.5;
	margin: 6px 0 0;
}

.oreneta-material-card--archive .oreneta-material-card__link {
	display: block;
}

.oreneta-material-card--archive .oreneta-material-card__media {
	align-items: center;
	aspect-ratio: 1 / 1;
	background: #f3f3f3;
	display: flex;
	justify-content: center;
}

.oreneta-material-card--archive .oreneta-material-card__image {
	height: 100%;
	object-fit: contain;
	padding: clamp(6px, 1.1vw, 18px);
	width: 100%;
}

.oreneta-material-card--archive:hover .oreneta-material-card__image {
	transform: none;
}

.oreneta-material-card--archive .oreneta-material-card__title {
	color: #101010 !important;
	font-size: clamp(1rem, 0.22vw + 0.96rem, 1.18rem);
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.32;
	margin: 14px 0 0;
}

.oreneta-material-card--archive .oreneta-material-card__link,
.oreneta-material-card--archive .oreneta-material-card__link:visited,
.oreneta-material-card--archive .oreneta-material-card__link:hover,
.oreneta-material-card--archive .oreneta-material-card__link:focus {
	color: #101010 !important;
	text-decoration: none !important;
}

/* -- Pagination -- */

.oreneta-materials-pagination {
	margin-top: 40px;
}

.oreneta-materials-pagination .nav-links {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: center;
}

.oreneta-materials-pagination .page-numbers {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.oreneta-materials-pagination .page-numbers a,
.oreneta-materials-pagination .page-numbers span,
.oreneta-materials-pagination .nav-links > a,
.oreneta-materials-pagination .nav-links > span {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: var(--om-radius-pill);
	color: var(--om-text);
	display: inline-flex;
	font-size: 0.96rem;
	font-weight: 500;
	justify-content: center;
	min-height: 38px;
	min-width: 38px;
	padding: 0 12px;
	text-decoration: none;
	transition:
		background 0.16s ease,
		color 0.16s ease;
}

.oreneta-materials-pagination .page-numbers a:hover,
.oreneta-materials-pagination .page-numbers a:focus-visible,
.oreneta-materials-pagination .nav-links > a:hover,
.oreneta-materials-pagination .nav-links > a:focus-visible {
	background: #f7f7f7;
	color: var(--om-primary);
	outline: none;
}

.oreneta-materials-pagination .page-numbers .current,
.oreneta-materials-pagination .nav-links > .current {
	aspect-ratio: 1 / 1;
	background: transparent;
	border: 1px solid var(--om-primary);
	border-radius: 50%;
	color: var(--om-primary);
	flex: 0 0 42px;
	font-weight: 600;
	height: 42px;
	min-height: 42px;
	min-width: 42px;
	padding: 0;
	width: 42px;
}

.oreneta-materials-pagination .page-numbers .dots,
.oreneta-materials-pagination .nav-links > .dots {
	color: var(--om-text-soft);
	min-width: 24px;
	padding-inline: 4px;
}

.oreneta-materials-pagination .page-numbers .prev,
.oreneta-materials-pagination .page-numbers .next,
.oreneta-materials-pagination .nav-links > .prev,
.oreneta-materials-pagination .nav-links > .next,
.oreneta-materials-pagination .oreneta-pagination-arrow {
	aspect-ratio: 1 / 1;
	border: 1px solid #dedede;
	border-radius: 50%;
	flex: 0 0 42px;
	height: 42px;
	min-height: 42px;
	min-width: 42px;
	padding: 0;
	width: 42px;
}

.oreneta-materials-pagination .page-numbers .prev:hover,
.oreneta-materials-pagination .page-numbers .prev:focus-visible,
.oreneta-materials-pagination .page-numbers .next:hover,
.oreneta-materials-pagination .page-numbers .next:focus-visible,
.oreneta-materials-pagination .nav-links > .prev:hover,
.oreneta-materials-pagination .nav-links > .prev:focus-visible,
.oreneta-materials-pagination .nav-links > .next:hover,
.oreneta-materials-pagination .nav-links > .next:focus-visible,
.oreneta-materials-pagination .oreneta-pagination-arrow:hover,
.oreneta-materials-pagination .oreneta-pagination-arrow:focus-visible {
	background: var(--om-accent);
	border-color: var(--om-accent);
	color: var(--om-text);
}

.oreneta-materials-pagination .page-numbers .is-disabled,
.oreneta-materials-pagination .nav-links > .is-disabled,
.oreneta-materials-pagination .oreneta-pagination-arrow.is-disabled {
	background: #ffffff;
	border-color: #ededed;
	color: #b7beca;
	cursor: not-allowed;
	pointer-events: none;
}

.oreneta-materials-pagination svg {
	display: block;
	height: 22px;
	width: 22px;
}

/* -- Empty State -- */

.oreneta-materials-empty {
	grid-column: 1 / -1;
	justify-self: center;
	padding: clamp(40px, 6vw, 80px) 20px;
	text-align: center;
	width: min(100%, 620px);
}

.oreneta-materials-empty__title {
	font-size: clamp(1.25rem, 0.5vw + 1rem, 1.75rem);
	font-weight: 700;
	margin: 0 0 8px;
}

.oreneta-materials-empty__title span {
	display: block;
}

.oreneta-materials-empty__text {
	color: var(--om-text-soft);
	line-height: 1.6;
	margin: 0;
	max-width: 50ch;
	margin-inline: auto;
}

/* ═══════════════════════════════════════════════════════════════════════════
   SINGLE MATERIAL PAGE
   ═══════════════════════════════════════════════════════════════════════════ */

/* -- Breadcrumbs -- */

.oreneta-material-single__breadcrumbs {
	color: var(--om-text-soft);
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 0.88rem;
	margin-bottom: clamp(24px, 3vw, 40px);
	overflow: hidden;
	white-space: nowrap;
}

.oreneta-material-single__breadcrumbs-separator {
	align-items: center;
	color: #8b8b8b;
	display: inline-flex;
	justify-content: center;
	margin: 0 4px;
}

.oreneta-material-single__breadcrumbs-separator svg {
	display: block;
	height: 18px;
	width: 18px;
}

.oreneta-material-single__breadcrumbs a {
	color: inherit;
	display: inline-block;
	max-width: 24ch;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
	white-space: nowrap;
}

.oreneta-material-single__breadcrumbs span:not(.oreneta-material-single__breadcrumbs-separator) {
	display: inline-block;
	max-width: 24ch;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.oreneta-material-single__breadcrumbs a:hover {
	color: var(--om-primary);
}

.oreneta-archive-breadcrumbs {
	container-type: inline-size;
	color: #757575;
	display: block;
	flex: 1 1 100%;
	font-size: 0.88rem;
	inline-size: 100%;
	margin-bottom: clamp(18px, 2vw, 24px);
	min-width: 0;
	overflow: visible;
	width: 100%;
}

.elementor-widget-oreneta_breadcrumbs {
	align-self: stretch;
	flex: 1 1 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	width: 100% !important;
}

.oreneta-archive-breadcrumbs__list {
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
	gap: 6px 0;
	list-style: none;
	margin: 0;
	overflow-x: auto;
	padding: 0;
	scrollbar-width: none;
	white-space: nowrap;
}

.oreneta-archive-breadcrumbs__list::-webkit-scrollbar {
	display: none;
}

.oreneta-archive-breadcrumbs.has-overflow .oreneta-archive-breadcrumbs__list--full,
.oreneta-archive-breadcrumbs__list--condensed {
	display: none;
}

.oreneta-archive-breadcrumbs.has-overflow .oreneta-archive-breadcrumbs__list--condensed {
	display: flex;
	overflow: hidden;
}

.oreneta-archive-breadcrumbs__item {
	align-items: center;
	display: inline-flex;
	flex: 0 0 auto;
}

.oreneta-archive-breadcrumbs__separator {
	align-items: center;
	color: #8b8b8b;
	display: inline-flex;
	justify-content: center;
	list-style: none;
	margin: 0 4px;
}

.oreneta-archive-breadcrumbs__separator svg,
.oreneta-archive-breadcrumbs__compact-separator svg {
	display: block;
	height: 18px;
	width: 18px;
}

.oreneta-archive-breadcrumbs__item a,
.oreneta-archive-breadcrumbs__item span {
	color: inherit;
	display: inline-block;
	font: inherit;
	line-height: 1.2;
	max-width: 24ch;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
	white-space: nowrap;
}

.oreneta-archive-breadcrumbs.is-transitioning.is-expanded .oreneta-archive-breadcrumbs__list,
.oreneta-archive-breadcrumbs.is-transitioning:not(.is-expanded) .oreneta-archive-breadcrumbs__compact,
.oreneta-archive-breadcrumbs.is-transitioning:not(.is-expanded) .oreneta-archive-breadcrumbs__list--condensed {
	animation: oreneta-breadcrumbs-fade-in 280ms ease both;
}

@keyframes oreneta-breadcrumbs-fade-in {
	from {
		opacity: 0;
		transform: translateY(4px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.oreneta-archive-breadcrumbs__item a:hover {
	color: var(--om-primary);
}

.oreneta-archive-breadcrumbs__item [aria-current="page"] {
	color: #616161;
	font-weight: 500;
}

.oreneta-archive-breadcrumbs__compact {
	align-items: center;
	display: none;
	flex-wrap: wrap;
	inline-size: 100%;
	gap: 8px;
	max-width: 100%;
	min-width: 0;
	overflow: visible;
	width: 100%;
}

.oreneta-archive-breadcrumbs__compact-separator {
	align-items: center;
	color: #8b8b8b;
	display: inline-flex;
	justify-content: center;
}

.oreneta-archive-breadcrumbs__overflow {
	align-items: center;
	display: inline-flex;
	flex: 0 0 auto;
}

.oreneta-archive-breadcrumbs__toggle {
	appearance: none;
	-webkit-appearance: none;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: inherit !important;
	cursor: pointer;
	font: inherit;
	line-height: 1;
	margin: 0;
	outline: none !important;
	padding: 0 !important;
	text-decoration: none !important;
}

.oreneta-archive-breadcrumbs__toggle:hover,
.oreneta-archive-breadcrumbs__toggle:focus,
.oreneta-archive-breadcrumbs__toggle:focus-visible,
.oreneta-archive-breadcrumbs__toggle:active {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: inherit !important;
	outline: none !important;
}

.oreneta-archive-breadcrumbs__compact-current {
	color: #616161;
	display: block;
	font-weight: 500;
	flex: 1 1 auto;
	inline-size: auto;
	max-width: 100%;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (max-width: 980px) {
	.oreneta-archive-breadcrumbs__list {
		display: none !important;
	}

	.oreneta-archive-breadcrumbs__compact {
		display: flex !important;
		align-items: flex-start;
		flex-wrap: nowrap;
		gap: 8px;
		inline-size: 100%;
		max-width: 100%;
		min-width: 0;
		width: 100%;
	}

	.oreneta-archive-breadcrumbs.is-expanded .oreneta-archive-breadcrumbs__list {
		align-items: center;
		display: flex !important;
		flex-wrap: wrap;
		gap: 4px 0;
		line-height: 1.3;
		overflow: visible;
		white-space: normal;
	}

	.oreneta-archive-breadcrumbs.is-expanded .oreneta-archive-breadcrumbs__list--condensed {
		display: none !important;
	}

	.oreneta-archive-breadcrumbs.is-expanded .oreneta-archive-breadcrumbs__separator {
		display: inline-flex;
	}

	.oreneta-archive-breadcrumbs.is-expanded .oreneta-archive-breadcrumbs__item {
		display: inline-flex;
	}

	.oreneta-archive-breadcrumbs.is-expanded .oreneta-archive-breadcrumbs__item a,
	.oreneta-archive-breadcrumbs.is-expanded .oreneta-archive-breadcrumbs__item span {
		display: inline;
		max-width: 100%;
		overflow: visible;
		text-overflow: clip;
		white-space: normal;
		word-break: break-word;
	}

	.oreneta-archive-breadcrumbs.is-expanded .oreneta-archive-breadcrumbs__compact {
		display: none !important;
	}
}

@media (min-width: 981px) {
	.oreneta-archive-breadcrumbs__compact {
		display: none;
	}

	.oreneta-archive-breadcrumbs.has-overflow.is-expanded .oreneta-archive-breadcrumbs__list--full {
		display: flex;
	}

	.oreneta-archive-breadcrumbs.has-overflow.is-expanded .oreneta-archive-breadcrumbs__list--condensed {
		display: none;
	}
}

@container (max-width: 520px) {
	.oreneta-archive-breadcrumbs__list {
		display: none !important;
	}

	.oreneta-archive-breadcrumbs__compact {
		display: flex !important;
		align-items: flex-start;
		flex-wrap: nowrap;
		gap: 8px;
		inline-size: 100%;
		max-width: 100%;
		min-width: 0;
		width: 100%;
	}

	.oreneta-archive-breadcrumbs.is-expanded .oreneta-archive-breadcrumbs__list {
		align-items: center;
		display: flex !important;
		flex-wrap: wrap;
		gap: 4px 0;
		line-height: 1.3;
		overflow: visible;
		white-space: normal;
	}

	.oreneta-archive-breadcrumbs.is-expanded .oreneta-archive-breadcrumbs__list--condensed {
		display: none !important;
	}

	.oreneta-archive-breadcrumbs.is-expanded .oreneta-archive-breadcrumbs__separator {
		display: inline-flex;
	}

	.oreneta-archive-breadcrumbs.is-expanded .oreneta-archive-breadcrumbs__item {
		display: inline-flex;
	}

	.oreneta-archive-breadcrumbs.is-expanded .oreneta-archive-breadcrumbs__item a,
	.oreneta-archive-breadcrumbs.is-expanded .oreneta-archive-breadcrumbs__item span {
		display: inline;
		max-width: 100%;
		overflow: visible;
		text-overflow: clip;
		white-space: normal;
		word-break: break-word;
	}

	.oreneta-archive-breadcrumbs.is-expanded .oreneta-archive-breadcrumbs__compact {
		display: none !important;
	}
}

/* -- Hero: Gallery + Summary (2 cols) -- */

.oreneta-material-single__hero {
	display: grid;
	gap: clamp(28px, 5vw, 64px);
	grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
	margin-bottom: clamp(40px, 6vw, 80px);
}

/* Gallery */

.oreneta-material-single__gallery {
	min-width: 0;
}

.oreneta-material-gallery__main {
	aspect-ratio: 1 / 1;
	background: var(--om-bg-subtle);
	overflow: hidden;
}

.oreneta-material-gallery__image {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.oreneta-material-gallery__thumbs {
	display: flex;
	gap: 8px;
	margin-top: 12px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.oreneta-material-gallery__thumbs::-webkit-scrollbar {
	display: none;
}

.oreneta-material-gallery__thumb {
	appearance: none;
	background: var(--om-bg-subtle);
	border: 2px solid transparent;
	cursor: pointer;
	flex-shrink: 0;
	height: 64px;
	overflow: hidden;
	padding: 0;
	transition: border-color 0.15s ease;
	width: 64px;
}

.oreneta-material-gallery__thumb.is-active {
	border-color: var(--om-text);
}

.oreneta-material-gallery__thumb img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

/* Summary */

.oreneta-material-single__summary {
	min-width: 0;
}

.oreneta-material-single__types {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 12px;
}

.oreneta-material-badge {
	color: var(--om-text-soft);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.oreneta-material-single__title {
	font-size: clamp(2rem, 2vw + 1rem, 3.5rem);
	font-weight: 800;
	letter-spacing: -0.04em;
	line-height: 1;
	margin: 0 0 16px;
}

.oreneta-material-single__excerpt {
	color: var(--om-text-soft);
	font-size: 1.05rem;
	line-height: 1.7;
	margin: 0 0 24px;
}

/* Color Swatches */

.oreneta-material-swatches {
	margin-bottom: 24px;
}

.oreneta-material-swatches__label {
	color: var(--om-text-soft);
	font-size: 0.85rem;
	font-weight: 600;
	margin: 0 0 10px;
}

.oreneta-material-swatches__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.oreneta-material-swatch {
	border: 2px solid rgba(16, 16, 16, 0.08);
	border-radius: 50%;
	cursor: default;
	display: block;
	height: 28px;
	width: 28px;
	transition: transform 0.15s ease;
}

.oreneta-material-swatch:hover {
	transform: scale(1.15);
}

/* Actions (buttons) — pill shape with lavender, matching byoreneta.com */

.oreneta-material-single__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.oreneta-material-btn {
	align-items: center;
	border-radius: var(--om-radius-pill);
	display: inline-flex;
	font-size: 0.95rem;
	font-weight: 700;
	gap: 8px;
	justify-content: center;
	min-height: 48px;
	padding: 0 24px;
	text-decoration: none;
	transition:
		background 0.18s ease,
		color 0.18s ease,
		border-color 0.18s ease;
}

.oreneta-material-btn svg {
	flex-shrink: 0;
}

.oreneta-material-btn--primary {
	background: var(--om-accent);
	border: none;
	color: var(--om-text);
}

.oreneta-material-btn--primary:hover {
	background: var(--om-primary);
	color: #ffffff;
}

.oreneta-material-btn--secondary {
	background: transparent;
	border: 1.5px solid rgba(16, 16, 16, 0.12);
	color: var(--om-text);
}

.oreneta-material-btn--secondary:hover {
	border-color: var(--om-primary);
	color: var(--om-primary);
}

.oreneta-material-btn--ghost {
	background: transparent;
	border: none;
	color: var(--om-text-soft);
	font-weight: 600;
	padding: 0;
	min-height: auto;
}

.oreneta-material-btn--ghost:hover {
	color: var(--om-primary);
}

/* ── Specs Scroll — Decathlon-style card tiles ───────────────────────── */

.oreneta-material-specs-scroll {
	margin-bottom: clamp(32px, 5vw, 64px);
	overflow: visible;
	container-type: inline-size;
}

.oreneta-material-specs-scroll__header {
	margin-bottom: 20px;
}

.oreneta-material-specs-scroll__title {
	font-size: clamp(1.25rem, 0.5vw + 1rem, 1.75rem);
	font-weight: 700;
	margin: 0;
}

.oreneta-material-specs-scroll__track {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.oreneta-material-spec-card {
	align-items: flex-start;
	background: var(--om-bg-subtle);
	border-radius: 12px;
	display: flex;
	flex-direction: row;
	gap: 14px;
	min-width: min(200px, 100%);
	flex: 1 1 calc(25% - 12px);
	padding: 20px;
	overflow: hidden;
}

.oreneta-material-spec-card__icon {
	color: var(--om-text);
	flex-shrink: 0;
	height: 28px;
	margin-top: 2px;
	width: 28px;
}

.oreneta-material-spec-card__icon svg {
	height: 100%;
	width: 100%;
}

.oreneta-material-spec-card__text {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
	max-width: 100%;
}

.oreneta-material-spec-card__label {
	color: var(--om-text);
	font-size: 0.92rem;
	font-weight: 700;
	line-height: 1.3;
	max-width: 100%;
	overflow-wrap: anywhere;
	white-space: normal;
}

.oreneta-material-spec-card__value {
	color: var(--om-text-soft);
	font-size: 0.85rem;
	font-weight: 400;
	line-height: 1.5;
	max-width: 100%;
	overflow-wrap: anywhere;
	white-space: normal;
	word-break: break-word;
}

@container (max-width: 620px) {
	.oreneta-material-specs-scroll__track {
		flex-wrap: nowrap;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.oreneta-material-specs-scroll__track::-webkit-scrollbar {
		display: none;
	}

	.oreneta-material-spec-card {
		flex: 0 0 min(78%, 520px);
		min-width: min(78%, 520px);
	}
}

@container (max-width: 420px) {
	.oreneta-material-spec-card {
		flex-basis: 86%;
		min-width: 86%;
		padding: 16px;
	}
}

@media (max-width: 768px) {
	.oreneta-material-spec-card {
		flex: 1 1 calc(50% - 12px);
	}
}

@media (max-width: 480px) {
	.oreneta-material-spec-card {
		flex: 0 0 86%;
		min-width: 86%;
	}
}

/* ── Drawers section — text + chevron, matching byoreneta.com ────────── */

.oreneta-material-single__drawers {
	margin-bottom: clamp(32px, 5vw, 64px);
}

.oreneta-material-single__drawers-header h2 {
	font-size: clamp(1.25rem, 0.5vw + 1rem, 1.75rem);
	font-weight: 700;
	margin: 0 0 16px;
}

/* ── Gutenberg Content Area (blocks render here) ───────────────────── */

.oreneta-material-single__content {
	margin-bottom: clamp(40px, 5vw, 72px);
}

.oreneta-material-single__content > * {
	max-width: var(--om-max-width);
}

.oreneta-material-single__content > .wp-block-separator {
	border-top: 1px solid var(--om-bg-subtle);
	border-bottom: none;
	margin: clamp(16px, 3vw, 32px) 0;
	opacity: 1;
}

.oreneta-material-single__section-head {
	margin-bottom: 16px;
}

.oreneta-material-single__kicker {
	color: var(--om-primary);
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	margin: 0 0 6px;
	text-transform: uppercase;
}

.oreneta-material-single__section-title,
.oreneta-material-single__panel-title {
	font-size: clamp(1.25rem, 0.5vw + 1rem, 1.75rem);
	font-weight: 700;
	margin: 0;
}

.oreneta-material-single__main {
	color: var(--om-text-soft);
	font-size: 1rem;
	line-height: 1.75;
}

.oreneta-material-single__main > *:first-child {
	margin-top: 0;
}
.oreneta-material-single__main > *:last-child {
	margin-bottom: 0;
}

/* Properties table — clean lines only */

.oreneta-material-single__panel {
	position: sticky;
	top: 28px;
}

.oreneta-material-properties {
	border-collapse: collapse;
	width: 100%;
	margin-top: 16px;
}

.oreneta-material-properties th,
.oreneta-material-properties td {
	border-bottom: 1px solid var(--om-bg-subtle);
	line-height: 1.5;
	padding: 12px 0;
	text-align: left;
	vertical-align: top;
}

.oreneta-material-properties th {
	color: var(--om-text-soft);
	font-size: 0.82rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	padding-right: 16px;
	text-transform: uppercase;
	width: 42%;
}

.oreneta-material-properties td {
	color: var(--om-text);
	font-weight: 600;
}

/* ── Techniques — flat inline pills ─────────────────────────────────── */

.oreneta-material-techniques {
	margin-bottom: clamp(32px, 5vw, 64px);
}

.oreneta-material-techniques__title {
	font-size: clamp(1.25rem, 0.5vw + 1rem, 1.75rem);
	font-weight: 700;
	margin: 0 0 16px;
}

.oreneta-material-techniques__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.oreneta-material-technique {
	align-items: center;
	background: var(--om-bg-subtle);
	border-radius: var(--om-radius-pill);
	display: flex;
	gap: 8px;
	padding: 10px 18px;
	transition: background 0.15s ease;
}

.oreneta-material-technique:hover {
	background: rgba(179, 188, 230, 0.2);
}

.oreneta-material-technique__icon {
	color: var(--om-primary);
	flex-shrink: 0;
	height: 20px;
	width: 20px;
}

.oreneta-material-technique__icon svg {
	height: 100%;
	width: 100%;
}

.oreneta-material-technique__label {
	color: var(--om-text);
	font-size: 0.9rem;
	font-weight: 600;
}

/* ── Related Materials ──────────────────────────────────────────────── */

.oreneta-material-single__related {
	margin-bottom: clamp(32px, 5vw, 64px);
}

/* ── Single Placeholder ─────────────────────────────────────────────── */

.oreneta-material-single__placeholder {
	aspect-ratio: 1 / 1;
	background: var(--om-bg-subtle);
}

/* ═══════════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 1100px) {
	.oreneta-materials-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.oreneta-materials-archive__hero,
	.oreneta-material-single__hero,
	.oreneta-material-single__content {
		grid-template-columns: 1fr;
	}

	.oreneta-material-single__panel {
		position: static;
		top: auto;
	}
}

@media (max-width: 767px) {
	.admin-bar .oreneta-materials-controls {
		top: 46px;
	}

	.oreneta-materials-controls {
		padding-block: 8px 6px;
	}

	.oreneta-materials-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.oreneta-materials-topbar {
		align-items: center;
		gap: 10px;
	}

	.oreneta-materials-filter-button {
		height: 40px;
		min-height: 40px;
		padding: 0 12px !important;
	}

	.oreneta-materials-filter-button > span:not(.oreneta-materials-filter-button__count) {
		display: none;
	}

	.oreneta-materials-topbar__right {
		align-items: center;
		flex-direction: row;
		gap: 4px;
		height: 40px;
	}

	.oreneta-materials-topbar__count {
		font-size: 0.92rem;
		height: 40px;
	}

	.oreneta-materials-sort {
		display: none;
	}

	.oreneta-materials-filter-drawer {
		border-radius: 0 !important;
		height: min(86dvh, 720px);
		inset: auto 0 0;
		max-width: none;
		transform: translateY(100%);
		width: 100%;
	}

	.oreneta-materials-filter-drawer.is-open {
		transform: translateY(0);
	}

	.oreneta-materials-filter-drawer__handle {
		display: none;
	}

	.oreneta-materials-filter-drawer__header {
		padding: 18px 18px 12px;
	}

	.oreneta-materials-filter-drawer__header h2 {
		font-size: 1.35rem;
	}

	.oreneta-materials-filter-drawer__body {
		padding: 16px 18px 168px;
	}

	.oreneta-materials-filter-accordion--sort {
		display: block;
	}

	.oreneta-materials-filter-drawer__footer {
		padding: 14px 18px calc(14px + env(safe-area-inset-bottom));
	}

	.oreneta-material-card--archive .oreneta-material-card__media {
		aspect-ratio: 1 / 1.08;
	}

	.oreneta-material-card--archive .oreneta-material-card__title {
		font-size: clamp(0.9rem, 0.16vw + 0.88rem, 1rem);
		line-height: 1.28;
		margin-top: 10px;
	}

	.oreneta-material-gallery__thumb {
		height: 52px;
		width: 52px;
	}

	.oreneta-material-single__actions {
		flex-direction: column;
	}

	.oreneta-material-btn {
		width: 100%;
	}
}

@media (max-width: 600px) {
	.admin-bar .oreneta-materials-controls {
		top: 0;
	}
}