/* Listing Manager — global styles (loaded site-wide, not just our own templates) */

/* Defensive baseline: without this, an element's declared width doesn't
   include its own padding/border, which is a common source of elements
   silently running wider than their container. */
*,
*::before,
*::after {
	box-sizing: border-box;
}

/* Moon/sun toggle icon states */
.switch-theme .sun {
	display: none;
}
.dark-theme .switch-theme .sun {
	display: inline-block;
}
.dark-theme .switch-theme .moon {
	display: none;
}

/*
 * Dark theme overrides. GeneratePress themes almost its entire chrome
 * (header background, nav text, footer) through a small set of CSS
 * custom properties defined once at :root -- so overriding those same
 * variables here flips the theme's own header/nav/footer automatically,
 * not just the elements this plugin renders. If you ever switch away
 * from GeneratePress, this specific block (only this block) would need
 * revisiting, since it depends on GP's specific variable names.
 */
html.dark-theme {
	--base: #14161a;
	--base-2: #1a1d23;
	--base-3: #1f2229;
	--contrast: #e8e8ec;
	--contrast-2: #a0a4ad;
	--contrast-3: #6b6f78;
	--accent: #4d9fff;
}

.dark-theme {
	--lm-bg: #14161a;
	--lm-surface: #1f2229;
	--lm-text: #e8e8ec;
	--lm-text-muted: #a0a4ad;
	--lm-border: #2c2f37;
}

.dark-theme .box-shadow-commn,
.dark-theme .app-container.recommended-app-blocks,
.dark-theme .single-slider-app-wrapper {
	background: var( --lm-surface );
	box-shadow: none;
	border: 1px solid var( --lm-border );
}

.dark-theme .entry-title,
.dark-theme .app-name-homepage,
.dark-theme .font-sixteen,
.dark-theme .editor-heading h2,
.dark-theme .app-detailes-main-block,
.dark-theme .app-name-table-value {
	color: var( --lm-text );
}

.dark-theme .app-desc,
.dark-theme .appver,
.dark-theme .developer-name,
.dark-theme .app-name-table-key,
.dark-theme .dld-page-refresh-para {
	color: var( --lm-text-muted );
}

.dark-theme .app-info-grp th,
.dark-theme .app-info-grp td {
	border-bottom-color: var( --lm-border );
}

.dark-theme .social-share-wrapper a {
	background: var( --lm-surface );
	color: var( --lm-text );
}

.dark-theme .screenshots-wrapper {
	scrollbar-color: #444750 var( --lm-surface );
}
.dark-theme .screenshots-wrapper::-webkit-scrollbar-track {
	background: var( --lm-surface );
}
.dark-theme .screenshots-wrapper::-webkit-scrollbar-thumb {
	background: #444750;
}

/* Footer links (Contact / Privacy / DMCA), above the copyright line */
.lm-footer-links {
	width: 100%;
	margin-bottom: 10px;
}

.lm-footer-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px 22px;
}

.lm-footer-menu a {
	color: inherit;
	text-decoration: none;
}

.lm-footer-menu a:hover {
	text-decoration: underline;
}

.site-info .inside-site-info {
	flex-direction: column;
}

.dark-theme .lm-page-title {
	color: var( --lm-text );
}

.dark-theme .lm-category-count {
	color: var( --lm-text-muted );
}