/* L2Cruma: the forum in the colours of the personal account (assets/lk/lk-theme.css): warm paper background,
   navy ink, gold accent, soft lines, rounded cards, Manrope text and Cinzel headings. */
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap");
#phpbb, body#phpbb { --c-bg: #F8F7F3; --c-card: #FFFFFF; --c-ink: #17233D; --c-ink2: #657086; --c-ink3: #8A92A3; --c-gold: #B9822D;
	--c-gold2: #E9C77A; --c-gold-ink: #8C5F1C; --c-gold-soft: #FBF4E4; --c-blue: #4D86E8; --c-line: #E8E3D8; --c-line2: #F1EDE4; --c-navy: #141E33;
	color: var(--c-ink); background-color: var(--c-bg); font-family: 'Manrope', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; }
#phpbb .button, #phpbb .inputbox, #phpbb input.button1, #phpbb input.button2, #phpbb .dropdown-contents, #phpbb .panel, #phpbb .post,
#phpbb .pagination li a, #phpbb .pagination li span, #phpbb .search-header, #phpbb blockquote, #phpbb .codebox { border-radius: 10px; }
#phpbb .forabg, #phpbb .forumbg, #phpbb .navbar, #phpbb .wrap, #phpbb .headerbar { border-radius: 16px; }

/* Links and headings */
#phpbb a { color: var(--c-ink); }
#phpbb a:hover { color: var(--c-gold); }
#phpbb a.forumtitle, #phpbb a.topictitle, #phpbb a.lastsubject { color: var(--c-ink); font-weight: 700; }
#phpbb a.forumtitle:hover, #phpbb a.topictitle:hover, #phpbb a.lastsubject:hover { color: var(--c-gold); }
#phpbb h2, #phpbb h2 a, #phpbb h2.forum-title, #phpbb h2.topic-title { color: var(--c-ink); font-family: 'Cinzel', Georgia, serif; font-weight: 700; }
#phpbb h3 { color: var(--c-ink); border-bottom-color: var(--c-line); font-family: 'Manrope', system-ui, sans-serif; }
#phpbb .postlink { color: var(--c-gold-ink); border-bottom-color: var(--c-gold2); }
#phpbb .postlink:hover { background-color: var(--c-gold-soft); color: var(--c-gold); }
#phpbb .forumdesc, #phpbb dd.lastpost, #phpbb dd.lastpost span, #phpbb .responsive-show, #phpbb p.right, #phpbb .author { color: var(--c-ink2); }
#phpbb a.username-coloured, #phpbb .username-coloured { font-weight: 700; }

/* Page frame */
#phpbb .wrap { border: 1px solid var(--c-line); background-color: var(--c-bg); }
#phpbb .headerbar { background: var(--c-navy); color: #fff; }
#phpbb .headerbar .site-description h1 { color: #fff; font-family: 'Cinzel', Georgia, serif; }
#phpbb .headerbar .site-description p { color: rgba(255, 255, 255, .7); }
#phpbb .navbar { background: var(--c-card); border: 1px solid var(--c-line); box-shadow: 0 1px 2px rgba(23, 35, 61, .04), 0 8px 24px rgba(23, 35, 61, .06); }
#phpbb .navbar a, #phpbb .navbar .icon { color: var(--c-ink); }
#phpbb .navbar a:hover, #phpbb .navbar a:hover .icon { color: var(--c-gold); }
#phpbb .crumb a { color: var(--c-ink); font-weight: 700; }

/* Category and topic lists: white cards with a light header row, like the cabinet tables */
#phpbb .forabg, #phpbb .forumbg, #phpbb .forumbg-table { background: var(--c-card); border: 1px solid var(--c-line); padding: 0; overflow: hidden;
	box-shadow: 0 1px 2px rgba(23, 35, 61, .04), 0 8px 24px rgba(23, 35, 61, .06); margin-bottom: 14px; }
#phpbb ul.topiclist li.header { background: #FBFAF7; border-bottom: 1px solid var(--c-line); }
/* Category header rows: text centred vertically, with an inner margin (wide screens; prosilver hides columns on narrow ones). */
#phpbb ul.topiclist li.header dt { padding-left: 14px; }
@media (min-width: 701px) {
	#phpbb ul.topiclist li.header dl { display: flex; align-items: center; min-height: 44px; padding: 0; margin: 0; }
	#phpbb ul.topiclist li.header dt, #phpbb ul.topiclist li.header dd { float: none; display: flex; align-items: center; padding-top: 0; padding-bottom: 0; line-height: 1.3; }
	#phpbb ul.topiclist li.header dt { flex: 1 1 auto; width: auto; margin-right: 0; padding-left: 18px; }
	#phpbb ul.topiclist li.header dt .list-inner { margin-right: 0; padding-right: 0; }
	#phpbb ul.topiclist li.header dd { flex: 0 0 auto; justify-content: center; }
	#phpbb ul.topiclist li.header dd.lastpost { justify-content: flex-start; padding-left: 8px; }
}
#phpbb .forabg .header a, #phpbb .forumbg .header a, #phpbb th a, #phpbb ul.topiclist li.header dt, #phpbb ul.topiclist li.header dd {
	color: var(--c-ink3); font-family: 'Cinzel', Georgia, serif; letter-spacing: .08em; }
#phpbb .forabg .header a:hover, #phpbb .forumbg .header a:hover, #phpbb th a:hover { color: var(--c-gold); }
#phpbb .forabg .header dt a, #phpbb .forumbg .header dt a { color: var(--c-ink); }
#phpbb ul.topiclist li.row { border-top-color: var(--c-line2); border-bottom-color: var(--c-line2); }
#phpbb ul.topiclist dd { border-left-color: var(--c-line2); }
#phpbb ul.forums, #phpbb ul.topics { background: var(--c-card); border-radius: 0; }
#phpbb .forumbg-announcement { background: var(--c-card); border-color: var(--c-gold2); }

/* Rows, posts, panels */
#phpbb .bg1, #phpbb .bg2, #phpbb table.zebra-list tr td, #phpbb ul.zebra-list li { background-color: var(--c-card); }
#phpbb .bg3 { background-color: var(--c-line2); }
#phpbb .row:hover, #phpbb li.row:hover { background-color: var(--c-gold-soft); }
#phpbb .post { border: 1px solid var(--c-line); background-color: var(--c-card); box-shadow: 0 1px 2px rgba(23, 35, 61, .04); }
#phpbb .panel { background-color: var(--c-card); color: var(--c-ink); border: 1px solid var(--c-line); }
#phpbb .postprofile { border-left-color: var(--c-line2); color: var(--c-ink2); }
#phpbb .postbody .content, #phpbb .content { color: var(--c-ink); font-family: 'Manrope', system-ui, sans-serif; }
#phpbb blockquote { background-color: #FBFAF7; border-color: var(--c-line); }
#phpbb .codebox { background-color: #FBFAF7; border-color: var(--c-line); }
#phpbb .stat-block, #phpbb .stat-block h3 { color: var(--c-ink); }
#phpbb hr, #phpbb .divider { border-color: var(--c-line); }

/* Buttons and inputs: light buttons, gold primary */
#phpbb .button { background: var(--c-card); border: 1px solid var(--c-line); color: var(--c-ink); box-shadow: none; text-shadow: none; filter: none; }
#phpbb .button:hover, #phpbb .button:focus { background: var(--c-gold-soft); border-color: var(--c-gold2); color: var(--c-gold-ink); text-shadow: none; }
#phpbb .button .icon { color: var(--c-ink2); }
#phpbb .button:hover .icon { color: var(--c-gold); }
#phpbb input.button1, #phpbb a.button1 { background: linear-gradient(180deg, #CC9A45 0%, #B9822D 100%); border: 1px solid var(--c-gold); color: #fff; box-shadow: none; text-shadow: none; }
#phpbb input.button1:hover, #phpbb a.button1:hover { background: var(--c-gold-ink); border-color: var(--c-gold-ink); color: #fff; }
#phpbb input.button2, #phpbb a.button2 { background: var(--c-card); border: 1px solid var(--c-line); color: var(--c-ink); box-shadow: none; }
#phpbb .inputbox { border-color: var(--c-line); background-color: var(--c-card); color: var(--c-ink); }
#phpbb .inputbox:focus { border-color: var(--c-gold2); box-shadow: 0 0 0 .2rem rgba(185, 130, 45, .18); }
#phpbb .pagination li a { background: var(--c-card); border: 1px solid var(--c-line); color: var(--c-ink); }
#phpbb .pagination li a:hover { background: var(--c-gold-soft); border-color: var(--c-gold2); color: var(--c-gold-ink); }
#phpbb .pagination li.active span { background: var(--c-gold); border-color: var(--c-gold); color: #fff; }
#phpbb .badge { background-color: #D9535D; }
#phpbb .dropdown .dropdown-contents { background: var(--c-card); border-color: var(--c-line); box-shadow: 0 2px 4px rgba(23, 35, 61, .05), 0 14px 34px rgba(23, 35, 61, .10); }
#phpbb .dropdown .pointer, #phpbb .dropdown .pointer-inner { border-color: var(--c-line) transparent; }
#phpbb .icon.icon-red, #phpbb a:hover .icon.icon-red { color: var(--c-gold); }

/* Control panels (UCP/MCP) tabs */
#phpbb .tabs .tab > a { background: var(--c-line2); border-color: var(--c-line); color: var(--c-ink2); border-radius: 10px 10px 0 0; }
#phpbb .tabs .activetab > a, #phpbb .tabs .activetab > a:hover { background: var(--c-card); color: var(--c-ink); }
#phpbb .cp-menu .navigation a, #phpbb .cp-menu .navigation li a { background: var(--c-card); color: var(--c-ink); border-radius: 10px; }
#phpbb .cp-menu .navigation #active-subsection a, #phpbb .cp-menu .navigation a:hover { background: var(--c-gold-soft); color: var(--c-gold-ink); }

/* The forum inside the personal account (html.l2c-framed): no big logo header, no outer margins. */
html.l2c-framed #phpbb { padding: 0; background: transparent; }
html.l2c-framed #phpbb .wrap { max-width: none; border: 0; padding: 8px 4px 12px; }
html.l2c-framed #phpbb .headerbar { display: none; }
html.l2c-framed #phpbb .page-footer .copyright { display: none; }
/* The frame takes the page height (lk-forum.js): no scroll bar inside, prosilver's html { height: 101% } off. */
html.l2c-framed, html.l2c-framed body#phpbb { height: auto !important; min-height: 0 !important; overflow: hidden !important; }
/* The site link of the breadcrumbs would open the whole site inside the frame. */
html.l2c-framed #phpbb .crumb:has(> a[data-navbar-reference="home"]) { display: none; }
html.l2c-framed #phpbb .crumb:has(> a[data-navbar-reference="home"]) + .crumb::before { content: none; display: none; }

/* Choose-a-name page */
#l2c-nick dd label { display: inline-block; margin: 2px 0; }
#l2c-nick .l2c-muted { color: #6c757d; }
#l2c-nick .error { font-weight: bold; }

/* The login is the personal account's: no username/password form of the forum itself (the "Вход" link opens the personal account). */
fieldset.quick-login { display: none; }

/* Badges of the website news topics (site colours: sapphire = «Новость», gold = «Обновление»). */
#phpbb .l2c-badge, #phpbb dd.lastpost span.l2c-badge { display: inline-flex; align-items: center; gap: 5px; margin: 0 8px 0 0; padding: 3px 9px 3px 8px;
	border: 1px solid; border-radius: 999px; font: 700 10px/1.2 'Manrope', system-ui, sans-serif; letter-spacing: .06em; text-transform: uppercase;
	vertical-align: middle; white-space: nowrap; }
#phpbb .l2c-badge::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
#phpbb .l2c-badge-news, #phpbb dd.lastpost span.l2c-badge-news { background: #EAF1FD; border-color: #C9DBF8; color: #2F63C4; }
#phpbb .l2c-badge-update, #phpbb dd.lastpost span.l2c-badge-update { background: #FBF4E4; border-color: #E9C77A; color: #8C5F1C; }
#phpbb .l2c-badge-sm, #phpbb dd.lastpost span.l2c-badge-sm { margin: 0 0 4px; padding: 2px 8px 2px 7px; font-size: 9px; }
#phpbb dd.lastpost .l2c-badge-sm { display: flex; width: max-content; }
#phpbb h2.topic-title .l2c-badge { font-size: 12px; padding: 5px 12px 5px 10px; position: relative; top: -3px; }
#phpbb h2.topic-title .l2c-badge::before { width: 7px; height: 7px; }