/*
 * Mystic Luxury A — interior pages (body.lm-inner): Contact (WPForms), informative pages,
 * the LearnDash Course Grid page and generic content components.
 * Replaces the visual intent of the legacy header.php rules for these pages; the legacy
 * rules still load, so lines that must beat them carry !important (marked "legacy").
 */

/* ---------- Generic content: tables, links, fields ---------- */

body.lm-inner .entry-content table:not(.shop_table) {
	border-collapse: collapse;
	border: 1px solid var(--lm-gold-hair);
}

body.lm-inner .entry-content table:not(.shop_table) th,
body.lm-inner .entry-content table:not(.shop_table) td {
	padding: 0.75rem 1rem;
	border: 1px solid var(--lm-gold-hair);
	color: var(--lm-ivory-muted) !important; /* legacy: td, th {color:black} */
}

body.lm-inner .entry-content table:not(.shop_table) th {
	color: var(--lm-ivory) !important; /* legacy */
	font-weight: 600;
}

body.lm-inner .entry-content input[type="text"],
body.lm-inner .entry-content input[type="email"],
body.lm-inner .entry-content input[type="tel"],
body.lm-inner .entry-content input[type="url"],
body.lm-inner .entry-content input[type="search"],
body.lm-inner .entry-content input[type="password"],
body.lm-inner .entry-content input[type="number"],
body.lm-inner .entry-content textarea,
body.lm-inner .entry-content select {
	border: 1px solid var(--lm-gold-hair);
	border-radius: 4px;
	background-color: rgba(16, 12, 20, 0.72);
	color: var(--lm-ivory) !important; /* legacy: input, textarea {color:black !important} */
	font-family: var(--lm-font-body);
}

body.lm-inner .entry-content input:focus,
body.lm-inner .entry-content textarea:focus,
body.lm-inner .entry-content select:focus {
	border-color: var(--lm-gold);
	outline: none;
	box-shadow: 0 0 0 3px rgba(197, 164, 109, 0.18);
}

body.lm-inner .entry-content ::placeholder {
	color: var(--lm-ivory-faint);
	opacity: 1;
}

/* Light text placed by editors over photographic Kadence rows (e.g. Contact on mobile) */
body.lm-inner .entry-content .kt-row-has-bg .has-theme-palette-9-color {
	text-shadow: 0 1px 2px rgba(16, 12, 20, 0.85), 0 0 18px rgba(16, 12, 20, 0.7);
}

/* ---------- Contact: WPForms (modern markup, CSS variables) ---------- */

body.lm-inner div.wpforms-container-full,
body.lm-inner div.wpforms-container {
	--wpforms-field-background-color: rgba(16, 12, 20, 0.72);
	--wpforms-field-border-color: rgba(197, 164, 109, 0.28);
	--wpforms-field-border-color-spare: rgba(197, 164, 109, 0.28);
	--wpforms-field-text-color: #f3ebdd;
	--wpforms-field-menu-color: #1a1420;
	--wpforms-field-border-radius: 4px;
	--wpforms-label-color: #f3ebdd;
	--wpforms-label-sublabel-color: rgba(243, 235, 221, 0.6);
	--wpforms-label-error-color: #e0a3a3;
	--wpforms-button-background-color: #c5a46d;
	--wpforms-button-border-color: #c5a46d;
	--wpforms-button-text-color: #100c14;
	--wpforms-button-border-radius: 4px;
	max-width: 40rem;
	margin-inline: auto;
	padding: clamp(1.25rem, 3vw, 2rem);
	border: 1px solid var(--lm-gold-hair);
	border-radius: 4px;
	background: rgba(16, 12, 20, 0.82);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}

body.lm-inner div.wpforms-container-full .wpforms-form input,
body.lm-inner div.wpforms-container-full .wpforms-form textarea,
body.lm-inner div.wpforms-container-full .wpforms-form select {
	border-color: var(--lm-gold-hair);
	background-color: rgba(16, 12, 20, 0.72);
	color: var(--lm-ivory) !important; /* legacy */
}

body.lm-inner div.wpforms-container-full .wpforms-form input:focus,
body.lm-inner div.wpforms-container-full .wpforms-form textarea:focus {
	border-color: var(--lm-gold);
	box-shadow: 0 0 0 3px rgba(197, 164, 109, 0.18);
}

body.lm-inner div.wpforms-container-full .wpforms-form .wpforms-field-label,
body.lm-inner div.wpforms-container-full .wpforms-form legend.wpforms-field-label {
	color: var(--lm-ivory);
	font-family: var(--lm-font-body);
	font-weight: 500;
}

body.lm-inner div.wpforms-container-full .wpforms-form .wpforms-required-label {
	color: var(--lm-gold);
}

body.lm-inner div.wpforms-container-full .wpforms-form button[type="submit"],
body.lm-inner div.wpforms-container-full .wpforms-form .wpforms-submit {
	min-height: 48px;
	padding: 0.8rem 1.8rem;
	border: 1px solid var(--lm-gold);
	border-radius: 4px;
	background: var(--lm-gold);
	color: var(--lm-obsidian);
	font-family: var(--lm-font-body);
	font-size: var(--lm-text-xs);
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

body.lm-inner div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
body.lm-inner div.wpforms-container-full .wpforms-form .wpforms-submit:hover {
	background: transparent;
	color: var(--lm-gold);
}

body.lm-inner div.wpforms-container-full .wpforms-confirmation-container-full,
body.lm-inner div.wpforms-confirmation-container-full {
	border: 1px solid var(--lm-gold-hair);
	border-left: 2px solid var(--lm-gold);
	background: rgba(40, 20, 47, 0.6);
	color: var(--lm-ivory);
}

body.lm-inner div.wpforms-container-full .wpforms-form .wpforms-error-container,
body.lm-inner div.wpforms-container-full .wpforms-form label.wpforms-error,
body.lm-inner div.wpforms-container-full .wpforms-form em.wpforms-error {
	color: #e0a3a3;
}

/* ---------- LearnDash Course Grid v1 ("Cursos" page) ---------- */

body.lm-inner .ld-course-list-items .ld_course_grid article.thumbnail.course {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	padding: 0;
	border: 1px solid var(--lm-gold-hair);
	border-radius: 4px;
	background: rgba(40, 20, 47, 0.38);
	box-shadow: none;
	transition: border-color 0.4s var(--lm-ease), transform 0.4s var(--lm-ease);
}

body.lm-inner .ld-course-list-items .ld_course_grid article.thumbnail.course:hover {
	border-color: var(--lm-gold-soft);
	transform: translateY(-3px);
}

body.lm-inner .ld-course-list-items .ld_course_grid article.thumbnail.course > a {
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background:
		radial-gradient(circle at 50% 40%, rgba(197, 164, 109, 0.14), transparent 60%),
		var(--lm-plum);
}

body.lm-inner .ld-course-list-items .ld_course_grid article.thumbnail.course > a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* The plugin's generic grey placeholder (courses without featured image) */
body.lm-inner .ld-course-list-items .ld_course_grid article.thumbnail.course img[src*="learndash-course-grid/assets/img/thumbnail"] {
	visibility: hidden;
}

body.lm-inner .ld-course-list-items .ld_course_grid article.thumbnail.course .caption {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 0.9rem;
	padding: 1.1rem 1.25rem 1.3rem;
}

body.lm-inner .ld-course-list-items .ld_course_grid article.thumbnail.course .caption .entry-title {
	margin: 0;
	color: var(--lm-ivory);
	font-family: var(--lm-font-display);
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.15;
	text-transform: none;
}

body.lm-inner .ld-course-list-items .ld_course_grid .ld_course_grid_button {
	margin-top: auto;
}

body.lm-inner .ld-course-list-items .ld_course_grid .ld_course_grid_button .btn.btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-height: 42px;
	padding: 0.6rem 1.3rem;
	border: 1px solid var(--lm-gold);
	border-radius: 4px;
	background: transparent;
	color: var(--lm-gold);
	font-family: var(--lm-font-body);
	font-size: var(--lm-text-xs);
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

body.lm-inner .ld-course-list-items .ld_course_grid .ld_course_grid_button .btn.btn-primary:hover {
	background: var(--lm-gold);
	color: var(--lm-obsidian);
}

body.lm-inner .ld-course-list-items .ld_course_grid .thumbnail.course .ribbon,
body.lm-inner .ld-course-list-items .ld_course_grid .thumbnail.course .ribbon.enrolled {
	border-radius: 2px;
	background: var(--lm-gold);
	box-shadow: none;
	color: var(--lm-obsidian);
	font-family: var(--lm-font-body);
	font-weight: 600;
	letter-spacing: 0.08em;
	text-shadow: none;
}

body.lm-inner .ld-course-list-items .ld_course_grid .thumbnail.course .ribbon::before,
body.lm-inner .ld-course-list-items .ld_course_grid .thumbnail.course .ribbon.enrolled::before {
	border-top-color: #8a7149;
	border-right-color: #8a7149;
}

@media (prefers-reduced-motion: reduce) {
	body.lm-inner .ld-course-list-items .ld_course_grid article.thumbnail.course {
		transition: none;
	}

	body.lm-inner .ld-course-list-items .ld_course_grid article.thumbnail.course:hover {
		transform: none;
	}
}