/**
 * The Mom Views — premium homepage & brand styling
 */

:root {
	--tmv-teal: #1f9a8a;
	--tmv-teal-dark: #157a6e;
	--tmv-teal-light: #e8f5f2;
	--tmv-coral: #e07a5f;
	--tmv-cream: #faf8f5;
	--tmv-white: #ffffff;
	--tmv-charcoal: #1a1a2e;
	--tmv-text: #3d3d4e;
	--tmv-muted: #6b7280;
	--tmv-border: #e8e4df;
	--tmv-shadow: 0 4px 24px rgba(26, 26, 46, 0.08);
	--tmv-shadow-hover: 0 12px 40px rgba(26, 26, 46, 0.14);
	--tmv-radius: 12px;
	--tmv-font-body: "DM Sans", system-ui, -apple-system, sans-serif;
	--tmv-font-display: "Fraunces", Georgia, serif;
	--tmv-max-width: 1280px;
	--tmv-section-gap: 3rem;
}

/* ── Base & typography ───────────────────────────── */
.themomviews-theme {
	font-family: var(--tmv-font-body);
	color: var(--tmv-text);
	background-color: var(--tmv-cream);
	-webkit-font-smoothing: antialiased;
}

.themomviews-theme .td-main-content-wrap,
.themomviews-theme .td-container,
.themomviews-theme .tdc-content-wrap {
	background-color: var(--tmv-cream);
}

.themomviews-theme h1,
.themomviews-theme h2,
.themomviews-theme h3,
.themomviews-theme .entry-title,
.themomviews-theme .td-module-title a {
	font-family: var(--tmv-font-display);
	color: var(--tmv-charcoal);
}

.themomviews-theme .td-module-title a {
	font-weight: 600;
	line-height: 1.35;
	transition: color 0.2s ease;
}

.themomviews-theme .td-module-title a:hover {
	color: var(--tmv-teal-dark);
}

/* ── Header & logo ───────────────────────────────── */
.themomviews-theme .td-header-wrap {
	background: var(--tmv-white);
	border-bottom: 1px solid var(--tmv-border);
}

.themomviews-theme .td-header-style-1 .td-header-row,
.themomviews-theme .td-header-style-10 .td-header-row {
	max-width: var(--tmv-max-width);
	margin-left: auto;
	margin-right: auto;
}

.themomviews-theme .td-logo-text-container .td-logo-text {
	font-family: var(--tmv-font-display) !important;
	font-weight: 600 !important;
	letter-spacing: -0.02em;
	color: var(--tmv-charcoal) !important;
}

.themomviews-theme .td-logo-text-container .td-tagline-text {
	color: var(--tmv-muted) !important;
	font-size: 0.85rem !important;
	letter-spacing: 0.02em;
}

/* ── Navigation ──────────────────────────────────── */
.themomviews-theme .td-header-menu-wrap-full {
	background: var(--tmv-white) !important;
	border-bottom: 1px solid var(--tmv-border);
}

.themomviews-theme .sf-menu > li > a,
.themomviews-theme .tagdiv-small-theme-menu > li > a {
	font-family: var(--tmv-font-body) !important;
	font-weight: 600 !important;
	font-size: 0.8rem !important;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--tmv-charcoal) !important;
	padding: 14px 18px !important;
	transition: color 0.2s ease;
}

.themomviews-theme .sf-menu > li > a:hover,
.themomviews-theme .sf-menu > li.current-menu-item > a,
.themomviews-theme .sf-menu > li.current-menu-ancestor > a,
.themomviews-theme .sf-menu > li.sfHover > a {
	color: var(--tmv-teal) !important;
}

.themomviews-theme .sf-menu ul {
	border-radius: var(--tmv-radius);
	box-shadow: var(--tmv-shadow);
	border: 1px solid var(--tmv-border) !important;
	overflow: hidden;
}

.themomviews-theme .sf-menu ul li a {
	font-size: 0.875rem !important;
	padding: 10px 16px !important;
}

/* ── Sticky nav ──────────────────────────────────── */
.themomviews-theme.tmv-sticky-nav .td-header-menu-wrap-full {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	background: rgba(255, 255, 255, 0.97) !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	box-shadow: 0 2px 20px rgba(26, 26, 46, 0.1);
	transition: box-shadow 0.3s ease;
}

.themomviews-theme.tmv-sticky-nav #td-outer-wrap {
	padding-top: var(--tmv-sticky-offset, 56px);
}

/* ── Trending bar ────────────────────────────────── */
.themomviews-theme .td-trending-now-wrapper,
.themomviews-theme .td_block_trending_now {
	border-radius: var(--tmv-radius);
	overflow: hidden;
	margin-bottom: 1.5rem;
}

.themomviews-theme .td-trending-now-title {
	background: var(--tmv-charcoal) !important;
	font-family: var(--tmv-font-body) !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em;
}

.themomviews-theme .td-trending-now-display-area a {
	font-weight: 500;
}

/* ── Hero grid ───────────────────────────────────── */
.themomviews-theme .tmv-hero-row .td-big-grid-wrapper,
.themomviews-theme .tmv-hero-row .td-big-grid-scroll {
	border-radius: var(--tmv-radius);
	overflow: hidden;
	box-shadow: var(--tmv-shadow);
}

.themomviews-theme .td-big-grid-post .td-image-wrap {
	border-radius: var(--tmv-radius);
	overflow: hidden;
}

.themomviews-theme .td-big-grid-post .td-post-category {
	background: var(--tmv-teal) !important;
	border-radius: 4px;
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.themomviews-theme .td-big-grid-post .entry-title {
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
}

/* ── Section titles (fix tagDiv black bar bug) ───── */
.themomviews-theme .td-block-title-wrap,
.themomviews-theme .td_block_wrap .td-block-title-wrap {
	background: transparent !important;
}

.themomviews-theme .block-title,
.themomviews-theme .td-block-title-wrap .block-title,
.themomviews-theme [class*="td_block_template_"] .block-title {
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	border-left: 4px solid var(--tmv-teal) !important;
	padding: 0 0 0 14px !important;
	margin-bottom: 1.25rem !important;
	line-height: 1.3 !important;
}

/* tagDiv paints background on the inner span — reset it */
.themomviews-theme .block-title > *,
.themomviews-theme .block-title span,
.themomviews-theme .block-title a,
.themomviews-theme .block-title label,
.themomviews-theme .td-block-title-wrap .block-title > *,
.themomviews-theme [class*="td_block_template_"] .block-title > *,
.themomviews-theme [class*="td_block_template_"] .block-title span {
	background: transparent !important;
	background-color: transparent !important;
	color: var(--tmv-charcoal) !important;
	padding: 0 !important;
	line-height: 1.3 !important;
	font-family: var(--tmv-font-display) !important;
	font-size: 1.35rem !important;
	font-weight: 600 !important;
	letter-spacing: -0.01em;
}

/* Popular categories / widget titles use .widgettitle with dark bg */
.themomviews-theme .widgettitle,
.themomviews-theme .widgettitle:after,
.themomviews-theme .td_block_popular_categories .block-title,
.themomviews-theme .td_block_popular_categories .block-title > * {
	background: transparent !important;
	background-color: transparent !important;
	color: var(--tmv-charcoal) !important;
	border: none !important;
	border-left: 4px solid var(--tmv-teal) !important;
	padding-left: 14px !important;
}

/* ── Article cards ───────────────────────────────── */
.themomviews-theme .td_module_wrap {
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.themomviews-theme .td_module_wrap:hover {
	transform: translateY(-3px);
}

.themomviews-theme .td-module-thumb img,
.themomviews-theme .td-module-image img {
	border-radius: 8px;
	transition: transform 0.35s ease;
}

.themomviews-theme .td_module_wrap:hover .td-module-thumb img,
.themomviews-theme .td_module_wrap:hover .td-module-image img {
	transform: scale(1.03);
}

.themomviews-theme .td-module-meta-info .td-post-category {
	background: var(--tmv-teal) !important;
	border-radius: 4px;
	font-size: 10px !important;
	font-weight: 600 !important;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.themomviews-theme .td-module-meta-info,
.themomviews-theme .td-editor-date,
.themomviews-theme .td-post-author-name,
.themomviews-theme .td-post-author-name a,
.themomviews-theme .td-module-meta-info .td-post-author-name a {
	color: var(--tmv-muted) !important;
	font-size: 0.8rem !important;
}

.themomviews-theme .td-post-author-name a:hover,
.themomviews-theme .td-module-meta-info .td-post-author-name a:hover {
	color: var(--tmv-teal-dark) !important;
}

/* Accessibility: meta text on dark hero overlays needs higher contrast */
.themomviews-theme .td-big-grid-post .td-module-meta-info,
.themomviews-theme .td-big-grid-post .td-module-meta-info a,
.themomviews-theme .td-big-grid-post .td-post-author-name a {
	color: rgba(255, 255, 255, 0.92) !important;
}

.themomviews-theme .td-big-grid-post .td-module-meta-info a:hover {
	color: #fff !important;
}

/* ── Sidebar ─────────────────────────────────────── */
.themomviews-theme .td-main-sidebar .td_block_wrap {
	background: var(--tmv-white);
	border: 1px solid var(--tmv-border);
	border-radius: var(--tmv-radius);
	padding: 1.25rem !important;
	margin-bottom: 1.5rem !important;
	box-shadow: 0 2px 8px rgba(26, 26, 46, 0.04);
}

.themomviews-theme .td_block_popular_categories li a {
	border-radius: 6px;
	padding: 6px 10px;
	transition: background 0.2s ease, color 0.2s ease;
}

.themomviews-theme .td_block_popular_categories li a:hover {
	background: var(--tmv-teal-light);
	color: var(--tmv-teal-dark) !important;
}

/* ── Section spacing ─────────────────────────────── */
.themomviews-theme .tmv-main-row,
.themomviews-theme .tmv-decor-row,
.themomviews-theme .tmv-bottom-row {
	margin-top: var(--tmv-section-gap);
}

.themomviews-theme .tmv-decor-row .td_block_wrap {
	border-radius: var(--tmv-radius);
	overflow: hidden;
}

/* ── Latest articles loop ────────────────────────── */
.themomviews-theme .td-pb-article-list {
	margin-top: var(--tmv-section-gap);
	padding-top: 2rem;
	border-top: 1px solid var(--tmv-border);
}

.themomviews-theme .td-pb-article-list .block-title span {
	font-size: 1.5rem !important;
}

/* ── Hide demo ads & login ───────────────────────── */
.themomviews-theme .td-a-rec img[alt*="Best Selling"],
.themomviews-theme .td-a-rec img[alt*="BLOG and MAGAZINE"],
.themomviews-theme .td-header-rec img[alt*="Best Selling"],
.themomviews-theme .td-header-rec img[alt*="BLOG and MAGAZINE"] {
	display: none !important;
}

.themomviews-theme .td-a-rec:has(img[alt*="Best Selling"]),
.themomviews-theme .td-a-rec:has(img[alt*="BLOG and MAGAZINE"]),
.themomviews-theme .td-header-rec:has(img[alt*="Best Selling"]),
.themomviews-theme .td-header-rec:has(img[alt*="BLOG and MAGAZINE"]) {
	display: none !important;
	min-height: 0 !important;
}

.themomviews-theme .td-menu-login-subscribe,
.themomviews-theme .top-header-menu .td-menu-login,
.themomviews-theme .td-header-top-menu .td-login-modal-trigger {
	display: none !important;
}

/* ── Footer ──────────────────────────────────────── */
.themomviews-theme .td-footer-wrapper {
	background: var(--tmv-charcoal) !important;
}

.themomviews-theme .td-subfooter-menu li a:hover {
	color: var(--tmv-teal) !important;
}

.themomviews-theme .td-scroll-up-visible {
	background: var(--tmv-teal) !important;
	border-radius: 50%;
	box-shadow: var(--tmv-shadow);
	transition: transform 0.2s ease, background 0.2s ease;
}

.themomviews-theme .td-scroll-up-visible:hover {
	background: var(--tmv-teal-dark) !important;
	transform: translateY(-2px);
}

/* ── Scroll reveal animation ─────────────────────── */
.themomviews-theme .tmv-reveal {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.themomviews-theme .tmv-reveal.tmv-visible {
	opacity: 1;
	transform: translateY(0);
}

/* ── Mobile ──────────────────────────────────────── */
@media (max-width: 767px) {
	:root {
		--tmv-section-gap: 2rem;
	}

	.themomviews-theme .sf-menu > li > a {
		font-size: 0.75rem !important;
		padding: 12px 10px !important;
	}

	.themomviews-theme .block-title span,
	.themomviews-theme .td-block-title-wrap .block-title span {
		font-size: 1.15rem !important;
	}

	.themomviews-theme .td-main-sidebar .td_block_wrap {
		padding: 1rem !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.themomviews-theme .tmv-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.themomviews-theme .td_module_wrap,
	.themomviews-theme .td-module-thumb img {
		transition: none;
	}
}