/* Rocky Mountain Mysteries - Custom Styles */

/* Hero section enhancements */
.rmm-hero {
	background: linear-gradient(135deg, #1a5276 0%, #5dade2 60%, #196f3d 100%);
	color: #ffffff;
	position: relative;
	overflow: hidden;
}

.rmm-hero::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 200"><path d="M0,100 Q300,20 600,80 T1200,60 L1200,200 L0,200 Z" fill="rgba(255,255,255,0.05)"/></svg>') no-repeat bottom;
	background-size: cover;
	pointer-events: none;
}

/* Character cards */
.rmm-character-card {
	background: #fffcf5;
	border: 2px solid #d6eaf8;
	border-radius: 16px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	height: 100%;
}

.rmm-character-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 12px 24px rgba(26, 82, 118, 0.15);
	border-color: #5dade2;
}

/* Book cover placeholder */
.rmm-book-cover {
	background: linear-gradient(160deg, #1a5276, #196f3d);
	border-radius: 8px;
	box-shadow: 0 8px 20px rgba(0,0,0,0.2);
	aspect-ratio: 2/3;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	text-align: center;
	padding: 1.5rem;
	font-family: "Merriweather", serif;
}

/* Review quote styling */
.rmm-review {
	background: #fdf6e3;
	border-left: 5px solid #d4a017;
	border-radius: 0 12px 12px 0;
	padding: 1.5rem;
	margin-bottom: 1.5rem;
}

.rmm-review cite {
	display: block;
	margin-top: 0.75rem;
	font-style: normal;
	font-weight: 600;
	color: #1a5276;
}

/* Fun & Games section */
.rmm-game-card {
	background: #ffffff;
	border: 3px dashed #5dade2;
	border-radius: 16px;
	padding: 2rem;
	text-align: center;
	transition: all 0.3s ease;
}

.rmm-game-card:hover {
	border-style: solid;
	background: #d6eaf8;
}

/* Quiz styles */
.rmm-quiz-question {
	background: #fffcf5;
	border: 2px solid #d6eaf8;
	border-radius: 12px;
	padding: 1.25rem;
	margin-bottom: 1rem;
}

.rmm-quiz-option {
	display: block;
	padding: 0.75rem 1rem;
	margin: 0.5rem 0;
	background: #ffffff;
	border: 2px solid #d6eaf8;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.rmm-quiz-option:hover {
	background: #d6eaf8;
	border-color: #1a5276;
}

.rmm-quiz-option.correct {
	background: #d5f5e3;
	border-color: #196f3d;
}

.rmm-quiz-option.incorrect {
	background: #fadbd8;
	border-color: #c0392b;
}

/* Coming soon badge */
.rmm-coming-soon {
	display: inline-block;
	background: #e67e22;
	color: white;
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 0.25rem 0.75rem;
	border-radius: 999px;
}

/* Header adjustments */
.rmm-header {
	background: #1a5276;
	color: white;
}

.rmm-header a {
	color: white !important;
}

.rmm-header .wp-block-navigation-item__content:hover {
	color: #d4a017 !important;
}

/* Footer */
.rmm-footer {
	background: #145a32;
	color: #fdf6e3;
}

.rmm-footer a {
	color: #d4a017;
}

.rmm-footer a:hover {
	color: #ffffff;
}

/* Mountain divider */
.rmm-divider {
	height: 40px;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 40" preserveAspectRatio="none"><path d="M0,40 L0,20 Q150,0 300,15 T600,10 T900,20 T1200,5 L1200,40 Z" fill="%231a5276"/></svg>') no-repeat center;
	background-size: 100% 100%;
}

/* Responsive tweaks */
@media (max-width: 781px) {
	.rmm-hero h1 {
		font-size: 2.25rem !important;
	}
}

/* Accessibility focus */
a:focus-visible,
button:focus-visible,
.rmm-quiz-option:focus-visible {
	outline: 3px solid #d4a017;
	outline-offset: 2px;
}