/* TorrentLeech theme (site 8): additions to the original tl.css (common) and
   tl-main.css (main) bundles of torrentleech.org. Everything the original
   styles is left to it -- the markup here uses its class names -- so this file
   only holds: the Open Sans the original loads from Google Fonts, the bits
   torrentleech.org drives with JavaScript (category sub-menus, the lights
   switch), and the pages it does not have (static pages, the shared detail.js
   modals, the 404). Dark ("lights off") is the default, as there. */

/* --- the same Open Sans (regular 400, latin + latin-ext) torrentleech.org imports from Google Fonts */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/open-sans-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/open-sans-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* --- the inline styles of torrentleech.org's member pages (sub-navbar strip, notification tooltip) */
.link { border-bottom: 1px dashed; cursor: pointer; }
.div-menu-item { display: block; }
@media screen and (min-width: 600px) { .div-menu-item { display: inline; } }
.tooltip { position: relative !important; font-size: 14px !important; width: 22px; }
.tooltip .tooltip-contents { display: none; font-size: 12px !important; }
.tooltip .tooltip-title { cursor: pointer; }
.tooltip.open .tooltip-contents { display: block; position: absolute; left: 0; top: 24px; z-index: 1100; width: 420px; max-width: 90vw; text-align: left; background: #1b1b1b; border: 1px solid #2b2b2b; border-radius: 2px; box-shadow: 0 2px 8px rgba(0,0,0,.5); }
.tooltip.open .tooltip-contents .table { margin: 0; }
.vpn-msg-placeholder.hidden { display: none; }
.sub-navbar .day-night .clickable { cursor: pointer; }

/* --- the category sub-menus of the search / top apps (the original opens them with JavaScript on hover) */
#search-app .filtering .categories .category, #top-app .filtering .categories .category { position: relative; }
#search-app .filtering .categories .category:hover > ul.dropdown-menu.categories, #top-app .filtering .categories .category:hover > ul.dropdown-menu.categories { display: block; }
#search-app .filtering .categories ul.dropdown-menu.categories, #top-app .filtering .categories ul.dropdown-menu.categories { left: 0; right: 0; min-width: 0; top: 100%; margin-top: -10px; text-align: left; }
#search-app .filtering .categories ul.dropdown-menu.categories li.filter > a, #top-app .filtering .categories ul.dropdown-menu.categories li.filter > a { display: block; padding: 4px 12px; font-size: 12px; white-space: nowrap; }
.tl-lights-off #search-app .filtering .categories ul.dropdown-menu.categories, .tl-lights-off #top-app .filtering .categories ul.dropdown-menu.categories { background: #1b1b1b; border-color: #2b2b2b; }
.tl-lights-off #search-app .filtering .categories ul.dropdown-menu.categories li.filter > a, .tl-lights-off #top-app .filtering .categories ul.dropdown-menu.categories li.filter > a { color: #cecece; }
#search-app .filtering .categories .category.selected .rounded, #top-app .filtering .categories .category.selected .rounded { background: #56922c; }
#search-app .filtering .filters.hidden { display: none; }
#search-app .results .header-section .form-inline input[type=checkbox] { margin-right: 4px; }
/* XXX rows: the heart of the original's XXX category (the circle rule sets the icon font, FontAwesome is restored here) */
.results .torrents .torrent .circle i.fa.tl-xxx { font-family: FontAwesome !important; display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 44px; color: #be1400; }

/* --- torrent page: parts the original does with JavaScript (tabs, the files panel) and our magnet button */
.details-nav .tab-content > .tab-pane { display: none; }
.details-nav .tab-content > .tab-pane.active { display: block; }
#torrent-files-div-header .panel-heading { cursor: pointer; }
#torrent-files-div-header .toggle-link:before { font-family: FontAwesome; content: "\f0d7"; margin-right: 8px; }
#torrent-files-div-header .toggle-link.collapsed:before { content: "\f0da"; }
#torrent-files-panel.collapse { display: none; }
#torrent-files-panel.collapse.in { display: block; }
.torrent_actions .btn { margin: 4px; }
#torrentTabs .reportTorrentButton { margin: 0 10px; font-size: 12px; text-decoration: none; color: #56922c !important; }
/* our genre tags are links to the catalog (the original's are plain spans): keep the label's white text */
#torrentTabs a.tag.label, .tl-lights-off #torrentTabs a.tag.label { color: #fff !important; }
#torrentTabs a.tag.label:hover { background-color: #56922c; }
.torrent_info_details .vote-btn.active, .torrent_info_details .thankYouButton.active { border-color: #56922c; color: #56922c; }
.galleryContents img { max-width: 100%; margin: 6px; border-radius: 2px; box-shadow: 0 1px 6px rgba(0,0,0,.4); }
.galleryContents a { display: inline-block; }
#torrentTabs .nfo { display: block; text-align: left; font-family: "Courier New", Courier, monospace; font-weight: 400; font-size: 13px; line-height: 1.45; letter-spacing: 0; padding: 16px 20px; }
#torrentTabs .nfo pre, #torrentTabs .nfo .editNFO { font-family: inherit; white-space: pre-wrap; word-break: break-word; background: transparent; border: 0; color: inherit; text-align: left; width: 100%; }
#torrentTabs .nfo .editNFO img { max-width: 100%; height: auto; }
.torrent-comment .comments .media { padding: 10px; margin-bottom: 8px; border-radius: 2px; background: rgba(0,0,0,.04); }
.tl-lights-off .torrent-comment .comments .media { background: #1b1b1b; }
.torrent-comment .comments .ubposttable, .torrent-comment .comments .ubreplytable { width: 100%; }
.torrent-comment .comments .tprow { display: block; padding: 2px 0; }
.torrent-comment .comments .username { font-weight: 600; color: #56922c; }
.torrent-comment .comments .profileb { border-radius: 50%; }
.torrent-comment .comments .btn-link { color: #978f8f; padding: 0; }
.torrent-comment .comments .btn-link.active { color: #56922c; }
.torrent-comment .comments .btn-xs { padding: 2px 8px; font-size: 11px; border-radius: 10px; margin-left: 4px; }
.torrent-comment .comments .label { font-size: 10px; }
.torrent-comment .comments svg.svgi { width: 1em; height: 1em; vertical-align: -0.125em; fill: currentColor; }
.torrent-comment .comments .commDiv .btn { margin-top: 6px; }
#thanks-section { font-size: 12px; color: #978f8f; }
.tl-hidden { display: none !important; }

/* --- the shared detail.js modals (report / tracker / login) in the TL skin */
.tgx-modal { position: fixed; z-index: 1050; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background: rgba(0,0,0,.7); }
.tgx-modal-content { position: relative; background: #fff; color: #333; margin: 8% auto; width: 90%; max-width: 560px; border-radius: 2px; box-shadow: 0 5px 25px rgba(0,0,0,.5); }
.tl-lights-off .tgx-modal-content { background: #0f0f0f; color: #f5f5f5; border: 1px solid #353535; }
.tgx-modal-header { padding: 14px 18px; border-bottom: 1px solid #353535; font-weight: 600; }
.tgx-modal-header h5 { margin: 0; font-size: 16px; display: inline; }
.tgx-modal-close { float: right; font-size: 24px; line-height: 1; cursor: pointer; color: #978f8f; }
.tgx-modal-body { padding: 16px 18px; }
.tgx-modal-footer { padding: 12px 18px; border-top: 1px solid #353535; text-align: right; }
.tgx-modal .btn { border-radius: 50px; text-transform: uppercase; font-weight: 600; padding: 6px 16px; margin-left: 4px; background: #1b1b1b; color: #56922c; border: 1px solid #353535; cursor: pointer; }
.tgx-modal .btn:hover { border-color: #56922c; }
.tgx-modal .btn-default { color: #978f8f; }
.tgx-modal .form-control { width: 100%; box-sizing: border-box; padding: 6px; border: 1px solid #353535; border-radius: 2px; background: #1b1b1b; color: #f5f5f5; }
.tgx-modal .alert { padding: 8px 10px; border-radius: 2px; margin: 8px 0; font-size: 12px; }
.tgx-modal .alert-info { background: rgba(51,105,30,.25); border: 1px solid #33691e; color: inherit; }
.tgx-modal .alert-danger { background: rgba(208,2,16,.2); border: 1px solid #d00210; color: inherit; }
.tgx-modal svg.svgi, .tgx-modal svg { width: 1em; height: 1em; vertical-align: -0.125em; fill: currentColor; }
.tgx-modal h6 { color: #56922c !important; font-weight: 600; margin: 12px 0 4px; }
.tgx-modal table.table { width: 100%; font-size: 12px; margin: 0 0 8px; border: 0; }
.tgx-modal table.table th, .tgx-modal table.table td { border: 0; border-bottom: 1px solid #353535; padding: 4px 8px; text-align: left; }
.tgx-modal table.table th { color: #56922c; }
.tgx-modal .form-group { margin-bottom: 10px; }

/* --- access pages: the message line under the form (the original shows errors with a redirect) */
.access-page .tl-msg { margin-bottom: 10px; font-size: 12px; color: #d00210; text-align: center; }
.access-page .tl-msg:empty { display: none; }
.access-page .tl-msg.ok { color: #56922c; }

/* --- static pages the original does not have (faq, rules, dmca, contact, about, rss, api, 404) */
.tl-page { max-width: 900px; margin: 0 auto; padding-bottom: 40px; }
.tl-page h1 { font-size: 24px; font-weight: 600; margin: 16px 0 20px; }
.tl-page h2 { font-size: 16px; font-weight: 600; text-transform: uppercase; margin: 22px 0 8px; padding-bottom: 6px; border-bottom: 1px solid #353535; }
.tl-page p, .tl-page li { line-height: 1.7; }
.tl-page code { background: #1b1b1b; color: #cecece; }
.tl-page .form-control { margin-bottom: 12px; }
.tl-page .tl-msg { min-height: 1.4em; font-size: 12px; color: #d00210; }
.tl-page .tl-msg.ok { color: #56922c; }
.tl-page .rss-list li { padding: 4px 0; }
.tl-page .rss-list .fa-rss { color: #e8b006; margin-right: 6px; }
.tl-page .tl-404 { text-align: center; padding: 60px 0; }
.tl-page .tl-404 .fa { font-size: 64px; color: #56922c; }

/* --- media center cards: the original fills the overlay with a modal; here the whole card is a link */
.movie_container .element-item.movie-desk { width: 250px; }
.movie_container .element-item a.card-link { color: inherit; text-decoration: none; display: block; width: 100%; }
.movie_container .top-d img { width: 250px; height: 350px; object-fit: cover; }
.movie_container .sorting form { display: inline-block; margin: 0 4px; }
.movie_container .selectivity-input select.selectivity-multiple-input { display: block; float: left; width: 90%; height: calc(2em + 4px); background: transparent; border: 0; color: inherit; outline: 0; -webkit-appearance: none; appearance: none; padding: 0 6px; cursor: pointer; }
.tl-lights-off .movie_container .selectivity-multiple-input-container select.selectivity-multiple-input option { background: #1b1b1b; color: #f5f5f5; }
.tl-lights-off .movie_container .selectivity-multiple-input-container { background-color: #1b1b1b; border-color: #2b2b2b; color: #f5f5f5; }

/* --- news (/news/): the original's article panels, our forum topics inside them */
.newsdata .news-panel .body-content p { margin: 0 0 10px; }

/* --- profile pages: the original's secondary navbar + the profile table */
.profileContainer .navbar .navbar-menu > li > a.active-route { border-bottom: 4px solid #56922c; }
.profileContainer .profileViewTable td { vertical-align: top; }

/* --- the shared Prowlarr guide (prowlarr/_body.html ships a white card) in the TL skin */
.tl-content .prowlarr-wrap .prowlarr-card { background: #1b1b1b; color: #f5f5f5; box-shadow: none; border: 1px solid #2b2b2b; border-radius: 2px; }
.tl-content .prowlarr-wrap .prowlarr-card h1, .tl-content .prowlarr-wrap .prowlarr-card h2, .tl-content .prowlarr-wrap .prowlarr-card h3, .tl-content .prowlarr-wrap .prowlarr-card p, .tl-content .prowlarr-wrap .prowlarr-card li, .tl-content .prowlarr-wrap .prowlarr-card td, .tl-content .prowlarr-wrap .prowlarr-card th { color: #cecece; }
.tl-content .prowlarr-wrap .prowlarr-card h1 { color: #f5f5f5; font-weight: 600; }
.tl-content .prowlarr-wrap .prowlarr-card h2 { color: #978f8f; text-transform: uppercase; font-size: 12pt; }
.tl-content .prowlarr-wrap .prowlarr-card h3 { border-bottom-color: #353535; color: #f5f5f5; }
.tl-content .prowlarr-wrap .prowlarr-card a { color: #56922c; }
.tl-content .prowlarr-wrap .prowlarr-card code { background: #0f0f0f; border-color: #353535; color: #e8b006; }
.tl-content .prowlarr-wrap .prowlarr-card .dl-btn { background: #56922c; border-radius: 50px; text-transform: uppercase; font-weight: 600; }
.tl-content .prowlarr-wrap .prowlarr-card .dl-btn:hover { background: #33691e; }
.tl-content .prowlarr-wrap .prowlarr-card .dl-url { color: #978f8f; }
.tl-content .prowlarr-wrap .prowlarr-card .pathtable th, .tl-content .prowlarr-wrap .prowlarr-card .pathtable td { border-color: #353535; }
.tl-content .prowlarr-wrap .prowlarr-card .pathtable th { background: #0f0f0f; }
.tl-content .prowlarr-wrap .prowlarr-card .note { background: rgba(232, 176, 6, 0.1); border-left-color: #e8b006; }
.tl-content .prowlarr-wrap .prowlarr-card .note.cf { background: rgba(208, 2, 16, 0.12); border-left-color: #d00210; }

/* --- small screens */
@media (max-width: 767px) {
  .tl.navbar .navbar-brand { width: 160px; background-size: 160px 43px !important; height: 43px; margin: 6px 0 0 6px; }
  #search-app .filtering .categories .category, #top-app .filtering .categories .category { float: left; width: 20%; }
  .results .torrents .td-uploaded-time, .results .torrents .td-comment, .results .torrents .td-snatched, .results .torrents th.th-added, .results .torrents th.th-comments, .results .torrents th.th-snatched { display: none; }
  .torrent_info_details td.description { width: 100px; }
}