/**
 * LRService Forum Theme Overlay
 * Matches main site lrservice-modern.css — premium dark Land Rover aesthetic.
 * Loaded after IP.Board skin CSS; overrides only.
 */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

:root {
	--lr-black: #0a0a0a;
	--lr-dark: #111111;
	--lr-dark-2: #1a1a1a;
	--lr-dark-3: #252525;
	--lr-gray: #8a8a8a;
	--lr-gray-light: #b8b8b8;
	--lr-white: #ffffff;
	--lr-accent: #2d4a2e;
	--lr-accent-hover: #3d6a3f;
	--lr-accent-bright: #4a8a4c;
	--lr-accent-tint: #e8f0e8;
	--lr-accent-tint-soft: rgba(45, 74, 46, 0.08);
	--lr-gold: #b8a068;
	--lr-border: rgba(255, 255, 255, 0.12);
	--lr-border-dark: rgba(0, 0, 0, 0.08);
	--lr-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
	--lr-radius: 2px;
	--lr-font: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--lr-transition: 0.25s ease;
}

/* ── Base ── */
html,
body#ipboard_body {
	font-family: var(--lr-font) !important;
	font-size: 15px !important;
	line-height: 1.65 !important;
	color: #444 !important;
	background: #f5f5f5 !important;
	-webkit-font-smoothing: antialiased;
}

body#ipboard_body a {
	transition: color var(--lr-transition), background var(--lr-transition), border-color var(--lr-transition);
}

body#ipboard_body a {
	color: var(--lr-accent) !important;
}

body#ipboard_body a:hover {
	color: var(--lr-accent-hover) !important;
}

h1, h2, h3, h4, h5, h6,
.ipsType_pagetitle,
.ipsType_subtitle {
	font-family: var(--lr-font) !important;
	font-weight: 500 !important;
	letter-spacing: 0.02em;
}

.ipsType_pagetitle,
.ipsType_subtitle {
	color: var(--lr-dark) !important;
}

#content,
.main_width {
	width: 92% !important;
	max-width: 1280px !important;
	min-width: 320px !important;
}

#content {
	background: var(--lr-white) !important;
	padding: 20px 24px !important;
	border: 1px solid var(--lr-border-dark) !important;
	border-radius: var(--lr-radius) !important;
	box-shadow: var(--lr-shadow) !important;
	margin-top: 0 !important;
}

/* ── Top admin bar ── */
#top {
	background: var(--lr-black) !important;
	border-bottom: 1px solid var(--lr-border) !important;
	padding: 6px 0 !important;
}

/* Beat body#ipboard_body a (#2d4a2e) — same gold as ФОРУМЫ */
body#ipboard_body #ipbwrapper #top a,
body#ipboard_body #ipbwrapper #admin_bar a,
body#ipboard_body #ipbwrapper #user_navigation a:not(#register_link),
body#ipboard_body #ipbwrapper #user_link {
	color: var(--lr-gold) !important;
}

body#ipboard_body #ipbwrapper #top a:hover,
body#ipboard_body #ipbwrapper #admin_bar a:hover,
body#ipboard_body #ipbwrapper #admin_bar li.active a,
body#ipboard_body #ipbwrapper #user_navigation a:not(#register_link):hover,
body#ipboard_body #ipbwrapper #user_link:hover {
	color: rgb(220, 195, 140) !important;
}

/* ── User navigation bar ── */
#header_bar {
	background: var(--lr-dark) !important;
	background-image: none !important;
	padding: 8px 0 !important;
	text-align: right !important;
	border-bottom: 1px solid var(--lr-border) !important;
}

#user_navigation {
	color: var(--lr-gold) !important;
}

#user_navigation .bgs {
	background: transparent !important;
	padding: 0 !important;
}

#user_navigation #register_link {
	background: var(--lr-accent) !important;
	border: 1px solid var(--lr-accent) !important;
	border-radius: var(--lr-radius) !important;
	box-shadow: none !important;
	text-shadow: none !important;
	padding: 8px 16px !important;
	font-weight: 500 !important;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-size: 11px !important;
	color: #fff !important;
}

#user_navigation #register_link:hover {
	background: var(--lr-accent-hover) !important;
	border-color: var(--lr-accent-hover) !important;
	color: var(--lr-white) !important;
}

#notify_link,
#inbox_link {
	background: var(--lr-dark-3) !important;
	background-image: none !important;
	border-radius: var(--lr-radius) !important;
}

#user_navigation #sign_in {
	color: rgb(184, 160, 104) !important;
	font-weight: 500 !important;
}

#user_navigation #sign_in:hover {
	color: rgb(200, 178, 120) !important;
}

/* ── Branding / logo strip ── */
#branding {
	background: var(--lr-black) !important;
	background-image: none !important;
	border-bottom: 1px solid var(--lr-border) !important;
	min-height: 72px !important;
	height: auto !important;
	padding: 12px 0 !important;
}

#logo {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 16px 24px !important;
}

#logo img {
	max-height: 48px !important;
	width: auto !important;
	filter: brightness(1.05);
}

.lr-forum-site-logo {
	display: inline-flex !important;
	align-items: baseline !important;
	text-decoration: none !important;
	color: var(--lr-white) !important;
	font-family: var(--lr-font) !important;
	font-weight: 500 !important;
	font-size: 22px !important;
	letter-spacing: 0.18em !important;
	text-transform: uppercase !important;
	line-height: 1 !important;
}

.lr-forum-site-logo:hover,
.lr-forum-site-logo:focus {
	color: var(--lr-white) !important;
	text-decoration: none !important;
	opacity: 0.92;
}

.lr-forum-site-logo .lr-logo-dot {
	color: var(--lr-gold) !important;
	letter-spacing: 0.12em !important;
}

.lr-forum-logo-sub {
	display: inline-block !important;
	color: var(--lr-gray) !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	padding: 4px 0 !important;
	border-bottom: 1px solid transparent !important;
}

.lr-forum-logo-sub:hover {
	color: var(--lr-gold) !important;
	border-bottom-color: var(--lr-gold) !important;
}

#spon {
	display: none !important;
}

/* ── Primary navigation ── */
#primary_nav {
	background: var(--lr-dark-2) !important;
	background-image: none !important;
	border-bottom: 2px solid var(--lr-accent) !important;
	padding: 0 !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;
}

#community_app_menu > li > a {
	color: var(--lr-gray-light) !important;
	padding: 14px 4px 16px !important;
	background: none !important;
	background-image: none !important;
	text-shadow: none !important;
}

#community_app_menu > li > a:hover,
#community_app_menu > li > a.menu_active {
	color: var(--lr-white) !important;
}

#community_app_menu > li.active > a {
	background: none !important;
	background-image: none !important;
	color: var(--lr-gold) !important;
	border-bottom: 2px solid var(--lr-gold) !important;
	margin-top: 0 !important;
	padding-bottom: 14px !important;
}

#nav_home a {
	color: var(--lr-gray-light) !important;
}

#nav_home a:hover {
	color: var(--lr-white) !important;
}

#more_apps_menucontent,
.submenu_container {
	background: var(--lr-dark) !important;
	border: 1px solid var(--lr-border) !important;
	box-shadow: var(--lr-shadow) !important;
}

#more_apps_menucontent a,
.submenu_container a {
	color: var(--lr-gray-light) !important;
	text-shadow: none !important;
}

#more_apps_menucontent li:hover,
.submenu_container li:hover {
	background: var(--lr-dark-3) !important;
}

#more_apps_menucontent li:hover a,
.submenu_container li:hover a {
	color: var(--lr-white) !important;
}

/* Social icons in nav — hide legacy twitter/facebook blocks */
#community_app_menu > li.f,
#community_app_menu > li.t {
	display: none !important;
}

/* ── Search ── */
#search_wrap {
	border: 1px solid var(--lr-border) !important;
	border-radius: var(--lr-radius) !important;
	background: var(--lr-dark-3) !important;
}

#main_search {
	color: var(--lr-white) !important;
}

#main_search.inactive {
	color: var(--lr-gray) !important;
}

#search .submit_input {
	background: var(--lr-accent) !important;
	background-image: none !important;
	border: none !important;
	border-radius: 0 var(--lr-radius) var(--lr-radius) 0 !important;
}

#search .submit_input:hover {
	background: var(--lr-accent-hover) !important;
}

#search_options {
	border-left-color: var(--lr-border) !important;
	color: var(--lr-gray-light) !important;
	background-image: none !important;
}

/* ── Breadcrumbs ── */
.breadcrumb,
.breadcrumb a {
	color: var(--lr-gray) !important;
	font-size: 12px !important;
}

.breadcrumb a:hover {
	color: var(--lr-accent) !important;
}

/* ── Buttons (flat, no skew/gradient) ── */
body#ipboard_body .input_submit,
body#ipboard_body .ipsButton,
body#ipboard_body .topic_buttons li a,
body#ipboard_body .topic_buttons li span,
body#ipboard_body .ipsButton_secondary {
	background: var(--lr-black) !important;
	background-image: none !important;
	border: 1px solid var(--lr-black) !important;
	border-radius: var(--lr-radius) !important;
	box-shadow: none !important;
	text-shadow: none !important;
	color: #fff !important;
	font-family: var(--lr-font) !important;
	font-weight: 500 !important;
	font-size: 12px !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	padding: 8px 18px !important;
	transform: none !important;
}

/* Accent / green buttons — always white text */
body#ipboard_body #user_navigation #register_link,
body#ipboard_body #search .submit_input,
body#ipboard_body .tab_bar li.active,
body#ipboard_body .pagination .page.active,
body#ipboard_body .pagination li.active a,
body#ipboard_body .ipsBadge_green {
	color: #fff !important;
	text-shadow: none !important;
}

.input_submit:hover,
.ipsButton:hover,
.topic_buttons li a:hover {
	background: var(--lr-accent) !important;
	border-color: var(--lr-accent) !important;
	color: #fff !important;
}

.input_submit.alt,
.ipsButton_secondary {
	background: transparent !important;
	border: 1px solid #ccc !important;
	color: #555 !important;
	box-shadow: none !important;
}

.input_submit.alt:hover,
.ipsButton_secondary:hover {
	background: var(--lr-accent) !important;
	border-color: var(--lr-accent) !important;
	color: #fff !important;
}

.input_submit.delete,
.ipsButton.important,
.topic_buttons li.important a {
	background: #8b2a2a !important;
	border-color: #8b2a2a !important;
	background-image: none !important;
	box-shadow: none !important;
}

.input_submit.delete:hover,
.ipsButton.important:hover {
	background: #a03333 !important;
	border-color: #a03333 !important;
}

/* ── Tables & forum lists ── */
body#ipboard_body .header,
body#ipboard_body .bar,
body#ipboard_body .bar.altbar,
body#ipboard_body .ipb_table .header,
body#ipboard_body table.ipb_table tr.header th,
body#ipboard_body table.ipb_table thead th,
body#ipboard_body .general_box h3,
body#ipboard_body .maintitle,
body#ipboard_body h2.maintitle,
body#ipboard_body .category_block .maintitle,
body#ipboard_body .category_block h2,
body#ipboard_body .category_block .header {
	background: var(--lr-black) !important;
	background-image: none !important;
	color: var(--lr-white) !important;
	border-color: var(--lr-border) !important;
	border-bottom: 1px solid var(--lr-border) !important;
	box-shadow: none !important;
	text-shadow: none !important;
	font-family: var(--lr-font) !important;
	font-weight: 500 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	font-size: 12px !important;
}

body#ipboard_body .maintitle a,
body#ipboard_body h2.maintitle a,
body#ipboard_body .category_block .maintitle a {
	color: var(--lr-white) !important;
}

body#ipboard_body .ipb_table .header a,
body#ipboard_body .topic_options a,
body#ipboard_body .bar.altbar,
body#ipboard_body .bar.altbar a {
	color: var(--lr-gray-light) !important;
}

body#ipboard_body .ipb_table .header a:hover,
body#ipboard_body .maintitle a:hover {
	color: var(--lr-white) !important;
}

.row2,
.post_block.row2,
.unread .altrow,
.unread.altrow {
	background-color: #fafafa !important;
}

.highlighted,
.highlighted .altrow {
	background-color: #f0f4f0 !important;
}

.unread {
	background-color: #f5faf5 !important;
}

.ipsBox {
	background: #f8f8f8 !important;
	border: 1px solid var(--lr-border-dark) !important;
}

.general_box {
	border: 1px solid var(--lr-border-dark) !important;
	border-radius: var(--lr-radius) !important;
	overflow: hidden;
}

.general_box h3 {
	background: var(--lr-dark-2) !important;
	color: var(--lr-white) !important;
	border-bottom: none !important;
}

.post_block {
	border-bottom-color: #eee !important;
}

/* ── Tabs ── */
.tab_bar {
	background: var(--lr-dark-3) !important;
	color: var(--lr-gray-light) !important;
}

.tab_bar li.active {
	background: var(--lr-accent) !important;
	color: var(--lr-white) !important;
}

.tab_bar.no_title.mini {
	border-bottom-color: var(--lr-accent) !important;
}

/* ── Badges & pagination ── */
.ipsBadge_green {
	background: var(--lr-accent) !important;
}

.pagination .page.active,
.pagination li.active a {
	background: var(--lr-accent) !important;
	border-color: var(--lr-accent) !important;
}

/* ── Dropdowns ── */
.ipbmenu_content,
.ipb_autocomplete,
.ipsHeaderMenu {
	background: var(--lr-white) !important;
	border: 1px solid var(--lr-border-dark) !important;
	box-shadow: var(--lr-shadow) !important;
}

.ipbmenu_content a:hover,
.ipb_autocomplete li.active {
	background: #f0f4f0 !important;
}

/* ── Sidebar: «Последние темы» ── */
#index_stats .ipsSideBlock:has(ul.ipsList_withminiphoto) {
	background: var(--lr-accent-tint) !important;
	border: 1px solid rgba(45, 74, 46, 0.18) !important;
}

#index_stats .ipsSideBlock:has(ul.ipsList_withminiphoto) h3 {
	background: rgba(45, 74, 46, 0.12) !important;
	color: var(--lr-accent) !important;
	border-bottom: 1px solid rgba(45, 74, 46, 0.15) !important;
}

#index_stats .ipsSideBlock:has(ul.ipsList_withminiphoto) .desc,
#index_stats .ipsSideBlock:has(ul.ipsList_withminiphoto) .ipsType_smaller {
	color: #555 !important;
}

#index_stats .ipsSideBlock:has(ul.ipsList_withminiphoto) a.ipsType_small {
	color: var(--lr-dark) !important;
}

#index_stats .ipsSideBlock:has(ul.ipsList_withminiphoto) a.ipsType_small:hover {
	color: var(--lr-accent-hover) !important;
}

/* ── Footer ── */
#footer {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

#footer_utilities,
.footer {
	background: var(--lr-accent) !important;
	color: rgb(184, 160, 104) !important;
	text-shadow: none !important;
	border: 1px solid var(--lr-border-dark) !important;
	border-radius: var(--lr-radius) !important;
	box-shadow: var(--lr-shadow) !important;
	width: 92% !important;
	max-width: 1280px !important;
	min-width: 320px !important;
	margin: 24px auto 0 !important;
	padding: 16px 24px !important;
	font-size: 12px !important;
}

/* Footer text — beat body#ipboard_body a (same green as background) */
body#ipboard_body #footer_utilities,
body#ipboard_body #footer,
body#ipboard_body .footer {
	text-shadow: none !important;
}

body#ipboard_body #footer_utilities li,
body#ipboard_body #footer li,
body#ipboard_body .footer li,
body#ipboard_body #copyright {
	color: var(--lr-gold) !important;
	text-shadow: none !important;
}

body#ipboard_body #footer_utilities .ipsList_inline > li > a,
body#ipboard_body #footer_utilities > div a,
body#ipboard_body #footer a,
body#ipboard_body .footer a,
body#ipboard_body #copyright a {
	color: var(--lr-gold) !important;
	text-decoration: underline !important;
	text-underline-offset: 2px;
	text-shadow: none !important;
}

body#ipboard_body #footer_utilities .ipsList_inline > li > a:hover,
body#ipboard_body #footer_utilities > div a:hover,
body#ipboard_body #footer a:hover,
body#ipboard_body .footer a:hover,
body#ipboard_body #copyright a:hover {
	color: rgb(220, 195, 140) !important;
	text-decoration: underline !important;
}

body#ipboard_body #footer_utilities strong,
body#ipboard_body #footer strong,
body#ipboard_body .footer strong {
	color: var(--lr-gold) !important;
	font-weight: 500 !important;
}

#backtotop {
	background: rgba(0, 0, 0, 0.28) !important;
	opacity: 0.9 !important;
	border-radius: var(--lr-radius) !important;
}

#backtotop:hover {
	background: rgba(0, 0, 0, 0.42) !important;
	opacity: 1 !important;
}

/* ── BBC / post content links ── */
.bbc_url,
.bbc_email {
	color: var(--lr-accent) !important;
}

/* ── Forms ── */
.input_text,
.input_textarea,
.input_select {
	border: 1px solid #ccc !important;
	border-radius: var(--lr-radius) !important;
	font-family: var(--lr-font) !important;
}

.input_text:focus,
.input_textarea:focus {
	border-color: var(--lr-accent) !important;
	outline: none !important;
}

body#ipboard_body fieldset.submit,
body#ipboard_body p.submit {
	background: #f5f5f5 !important;
	border-top: 1px solid var(--lr-border-dark) !important;
}

/* ── Responsive tweaks ── */
@media (max-width: 1024px) {
	#content,
	.main_width,
	#footer_utilities,
	.footer {
		width: 96% !important;
	}

	.lr-forum-site-logo {
		font-size: 18px !important;
	}
}