/*
 * The Rare Drop skin.
 * Loads after rare-drop.css and re-maps the shared design tokens to the Rare Drop brand
 * (see themedesign-assests/rare-drop-theme-tokens.css). Layout and component structure
 * stay as the base theme.
 */
:root {
	--rd-forest: #0b1a11;
	--rd-gold: #ccac6f;
	--rd-gold-hover: #dcc088;
	--rd-line-soft: rgba(199, 189, 168, 0.13);

	--pg-black: #080b09;
	--pg-graphite: #101210;
	--pg-charcoal: #161917;
	--pg-bg: #080b09;
	--pg-lime: #ccac6f;
	--pg-lime-2: #b8995c;
	--pg-lime-hover: #dcc088;
	--pg-on-lime: #120f07;
	--pg-accent: #ccac6f;
	--pg-on-accent: #120f07;
	--pg-accent-text: #ccac6f;
	--pg-text: #ebe7df;
	--pg-text-soft: #c9c4b8;
	--pg-muted: #8d8c86;
	--pg-line: #2c2f2b;
	--pg-border: rgba(199, 189, 168, 0.16);
	--pg-panel: linear-gradient(145deg, #131613, #101210);
	--pg-shadow: 0 20px 90px rgba(0, 0, 0, 0.45);
	--pg-hot: #dd7764;
	--pg-radius: 4px;
	--pg-radius-sm: 3px;
	--pg-font-display: "Cormorant Garamond", Georgia, serif;
	--pg-font-body: "Manrope", Arial, sans-serif;
	--rd-deep: #020302;
	--rd-hover: #1f2520;
	--rd-live: #75b37e;
}

body.pg-theme {
	background: var(--pg-black);
	line-height: 1.75;
}

h1,
h2,
h3,
h4,
.woocommerce-loop-product__title {
	font-family: var(--pg-font-display);
	font-weight: 400;
	line-height: 1.08;
	letter-spacing: 0;
	text-transform: none;
}

h1 em,
h2 em,
h3 em {
	color: var(--pg-accent);
	font-style: italic;
	font-weight: 400;
}

/* Wordmark logo */
.pg-logo--wordmark {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	color: var(--pg-accent);
	text-decoration: none;
}

.pg-logo__text {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.pg-logo__name {
	color: var(--pg-text);
	font-family: var(--pg-font-display);
	font-size: clamp(22px, 2.4vw, 28px);
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 1;
	text-transform: uppercase;
}

.pg-logo__tag {
	color: var(--pg-accent);
	font-family: var(--pg-font-body);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: 0.22em;
	line-height: 1;
	text-transform: uppercase;
}

@media (max-width: 600px) {
	.pg-logo__tag {
		display: none;
	}
}

/* Buttons */
.pg-button,
.button,
button.button,
.wp-element-button,
.single_add_to_cart_button {
	border-radius: var(--pg-radius-sm);
	font-family: var(--pg-font-body);
	font-weight: 800;
	letter-spacing: 0;
}

/* Cards and panels */
.pg-card,
.pg-panel {
	border-radius: var(--pg-radius);
}

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

/* Section treatments from the branding guide */
.pg-announcement {
	background: var(--rd-forest);
	color: var(--pg-accent);
	border-bottom: 1px solid var(--rd-line-soft);
	font-family: var(--pg-font-body);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.pg-announcement::before,
.pg-announcement::after {
	background: var(--rd-line-soft);
	opacity: 1;
}

.pg-site-header {
	background: var(--pg-black);
	box-shadow: none;
	border-bottom: 1px solid var(--rd-line-soft);
}

.pg-how,
.pg-instant-wins {
	background: var(--rd-forest);
	border-top: 1px solid var(--rd-line-soft);
	border-bottom: 1px solid var(--rd-line-soft);
}

.pg-site-footer {
	background: var(--rd-deep);
	border-top: 1px solid var(--rd-line-soft);
}

.pg-hero,
.pg-home-hero {
	background-color: var(--rd-deep);
}

/* Answer options: never break words mid-way on narrow screens */
.pg-answer-option,
.pg-answer-option span,
.pg-answer-option label {
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

@media (max-width: 640px) {
	.pg-answer-options {
		grid-template-columns: 1fr;
	}
}

/* Page titles: regular ivory serif; gold italic only for emphasised words */
.pg-page-title,
.pg-page-head h1,
.pg-section__header h2,
main > header h1,
.woocommerce-products-header__title {
	font-style: normal;
	font-weight: 400;
	background: none;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-text-fill-color: currentColor;
	color: var(--pg-text);
}