/* ==========================================================================
   1. IMPORTY BAZOWE I CZCIONKI
   ========================================================================== */
@import url("../../prosilver/theme/stylesheet.css");
@import url('https://fonts.cdnfonts.com/css/google-sans');

/* ==========================================================================
   2. GLOBALNY RESET I STRUKTURA
   ========================================================================== */
html, body {
    background-color: #0d0d0d !important;
    color: #cccccc !important;
}

::-moz-selection { background-color: #2596be !important; color: #000000 !important; }
::selection { background-color: #2596be !important; color: #000000 !important; }

#wrap {
    background-color: #0d0d0d !important;
    border-color: #222222 !important; 
    box-shadow: none !important;      
}

.headerbar, #page-header .headerbar {
    background-color: #141414 !important;
    background-image: none !important; 
    padding: 15px !important; 
    margin-bottom: 4px !important;
    border: 1px solid #2d2d2d !important;
}

.site_logo {
    background-image: url("./images/logo-bulterier_pl.png") !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: contain !important;
    width: 320px !important; 
    height: 90px !important;
    display: inline-block !important;
}

.site-description h1, .site-description p {
    display: none !important;
}

.text-css, p.responsive-center, .time, p.responsive-center.time, .rightside.responsive-center.time {
    color: #a0a0a0 !important;
}

/* ==========================================================================
   3. STRUKTURA FORMULARZY, REJESTRACJI I PROFILI (UCP / MEMBERLIST)
   ========================================================================== */
.panel {
    background-color: #141414 !important;
    color: #cccccc !important;
    border: 1px solid #2d2d2d !important;
}

.panel h2 {
    color: #2596be !important;
}

/* Poprawka czytelności pól w widoku profilu użytkownika */
.details dt {
    color: #a0a0a0 !important; 
}
.details dd {
    color: #ffffff !important;
}

.inputbox, input.inputbox-tiny, input[type="text"].inputbox, input[type="password"].inputbox {
    background-color: #1a1a1a !important;
    border: 1px solid #444444 !important;
    color: #ffffff !important;
    padding: 5px !important;
}

.inputbox:focus, input.inputbox-tiny:focus {
    border-color: #2596be !important;
    outline: none !important;
}

/* Globalne rozjaśnienie etykiet tekstowych */
label, fieldset dl dt label {
    color: #cccccc !important;
}

.fields1, .fields2, .panel p {
    color: #b0b0b0 !important;
}

.fields1 + .panel, #ucp .panel, #login fieldset.fields1, .panel fieldset.fields2, #login + .panel, fieldset.quick-login {
    border-top-color: #222222 !important;
}

fieldset { border-color: transparent !important; }

.button1, input[type="submit"].button1, input[type="button"].button1, input[type="submit"].button2 {
    background-color: #1a1a1a !important;
    background-image: none !important;
    border: 1px solid #2596be !important;
    color: #2596be !important;
    padding: 4px 12px !important;
    font-family: 'Google Sans', sans-serif !important;
    font-weight: 500 !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transition: all 0.2s ease-in-out;
}

.button1:hover, input[type="submit"].button1:hover, input[type="button"].button1:hover, input[type="submit"].button2:hover {
    background-color: #222222 !important;
    border-color: #3cb0db !important;
    color: #3cb0db !important;
}

/* ==========================================================================
   4. BLOKI FORUM, WIERSZE I STRUKTURA POSTÓW
   ========================================================================= */
.forabg, .forumbg { 
    background-color: #1a1a1a !important; 
    background-image: none !important; 
    border: 1px solid #2d2d2d !important;
}

li.row { 
    background-color: #121212 !important; 
    border-top: 1px solid #222222 !important;     
    border-bottom: 1px solid #1a1a1a !important;  
}

li.row:hover { 
    background-color: #161616 !important; 
}

.forum-desc, .topiclist.forums dt strong, .forum-desc * {
    color: #e0e0e0 !important; 
}

/* Rozjaśnienie statystyk, autorów i opisów tematów */
.topiclist.forums dfn + a, .topiclist.forums dt dfn + strong, .topiclist.forums dd.topics, .topiclist.forums dd.posts, .topiclist dd.views, .topiclist dd.posts, .topiclist dd.lastpost span {
    color: #b0b0b0 !important;
}

.topiclist dt .author, .topiclist dt .author a {
    color: #a0a0a0 !important;
}

.post { 
    background-color: #141414 !important; 
    color: #bfbfbf; 
}

.content {
    color: #e0e0e0 !important;
    font-size: 1.3em !important;
    line-height: 1.5 !important;
}

.postbody .author { color: #b0b0b0 !important; }
.postprofile, .postprofile strong, .profile-fields { color: #b0b0b0 !important; }
.signature { border-top-color: #2d2d2d !important; color: #888888 !important; }

blockquote {
    background-color: #1c1c1c !important;
    border-color: #333333 !important;
    border-left: 3px solid #2596be !important;
    color: #dddddd !important;
}

blockquote blockquote { background-color: #262626 !important; border-color: #444444 !important; }
blockquote cite { color: #2596be !important; font-family: 'Google Sans', sans-serif !important; font-weight: 500; }
blockquote cite a { color: #3cb0db !important; }

/* ==========================================================================
   5. LINKI, NAWIGACJA I PRZYCISKI
   ========================================================================== */
a:not(.username-coloured), .forumtitle, .topictitle {
    color: #2596be !important; 
    text-decoration: none;
}

a:hover:not(.username-coloured) { color: #3cb0db !important; }
.content a:not(.username-coloured), .signature a:not(.username-coloured) { color: #2596be !important; text-decoration: underline !important; }
.username-coloured { color: unset; }

.responsive-show-inline a, .topiclist dt { color: #b0b0b0 !important; }

.navbar {
    background-color: #1a1a1a !important;
    background-image: none !important;
    border: 1px solid #222222 !important;
    margin-top: 5px;
}

.navbar a, .nav-link, .breadcrumbs .crumb a { color: #b0b0b0 !important; }
.navbar a:hover, .nav-link:hover, .breadcrumbs .crumb a:hover { color: #2596be !important; }
ul.navlinks { border-top: 1px solid #222222 !important; }

.inputbox.search { background-color: #222222 !important; border: 1px solid #444444 !important; color: #ffffff !important; }
.mark-read { color: #2596be !important; font-weight: 500; }

.button, .action-bar .button, .button-form {
    background-color: #1a1a1a !important;
    background-image: none !important; 
    border: 1px solid #333333 !important;
    color: #2596be !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.button:hover, .action-bar .button:hover, .button-form:hover {
    background-color: #222222 !important;
    border-color: #2596be !important;
    color: #3cb0db !important;
}

.button .icon, .button-secondary .icon { color: #2596be !important; }

.pagination li a {
    background-color: #1a1a1a !important;
    background-image: none !important;
    border: 1px solid #333333 !important;
    color: #b0b0b0 !important;
}

.pagination li.active span { background-color: #2596be !important; border-color: #2596be !important; color: #ffffff !important; }
.pagination li a:hover { background-color: #222222 !important; border-color: #2596be !important; color: #ffffff !important; }

.post-buttons .button { background-color: #1a1a1a !important; border-color: #2d2d2d !important; color: #a0a0a0 !important; }
.post-buttons .button:hover { background-color: #262626 !important; color: #2596be !important; }

/* ==========================================================================
   6. RESET IKON I FONT AWESOME
   ========================================================================== */
dl.row-item, 
.forum_read, .forum_unread, .forum_read_subforum, .forum_unread_subforum,
.forum_read_locked, .forum_unread_locked, .topic_read, .topic_read_mine,
.topic_unread, .topic_unread_mine, .topic_read_hot, .topic_read_hot_mine,
.topic_unread_hot, .topic_unread_hot_mine, .sticky_read, .sticky_read_mine,
.sticky_read_locked, .sticky_unread_locked, .sticky_read_locked_mine, .sticky_unread_locked_mine,
.topic_read_locked, .topic_read_locked_mine, .topic_unread_locked, .topic_unread_locked_mine,
.announce_read, .announce_read_mine, .announce_unread, .announce_unread_mine,
.announce_read_locked, .announce_read_locked_mine, .announce_unread_locked, .announce_unread_locked_mine,
.topic_moved {
    background-image: none !important;
}

.row-item dt .list-inner { padding-left: 60px !important; position: relative !important; }
.row-item dt .list-inner::before {
    font-family: 'FontAwesome' !important;
    display: inline-block !important;
    font-size: 22px !important;
    line-height: 1 !important;
    text-align: center !important;
    width: 32px !important;
    position: absolute !important;
    left: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.forum_read dt .list-inner::before, .forum_read_subforum dt .list-inner::before { content: "\f1b0" !important; color: #1b6885 !important; }
.forum_unread dt .list-inner::before, .forum_unread_subforum dt .list-inner::before { content: "\f1b0" !important; color: #2596be !important; text-shadow: 0 0 8px rgba(37, 150, 190, 0.5); }
.forum_read_locked dt .list-inner::before, .forum_unread_locked dt .list-inner::before { content: "\f023" !important; color: #cc0000 !important; }

.topic_read dt .list-inner::before, .topic_read_mine dt .list-inner::before { content: "\f0e5" !important; color: #555555 !important; }
.topic_unread dt .list-inner::before, .topic_unread_mine dt .list-inner::before { content: "\f0e5" !important; color: #2596be !important; text-shadow: 0 0 8px rgba(37, 150, 190, 0.4); }
.topic_read_hot dt .list-inner::before, .topic_read_hot_mine dt .list-inner::before { content: "\f06d" !important; color: #555555 !important; }
.topic_unread_hot dt .list-inner::before, .topic_unread_hot_mine dt .list-inner::before { content: "\f06d" !important; color: #ff9f43 !important; text-shadow: 0 0 8px rgba(255, 159, 67, 0.5); }
.sticky_read dt .list-inner::before, .sticky_read_mine dt .list-inner::before { content: "\f08d" !important; color: #6a8296 !important; }
.sticky_unread dt .list-inner::before, .sticky_unread_mine dt .list-inner::before { content: "\f08d" !important; color: #2596be !important; text-shadow: 0 0 8px rgba(37, 150, 190, 0.4); }

.topic_read_locked dt .list-inner::before, .topic_read_locked_mine dt .list-inner::before,
.topic_unread_locked dt .list-inner::before, .topic_unread_locked_mine dt .list-inner::before,
.sticky_read_locked dt .list-inner::before, .sticky_read_locked_mine dt .list-inner::before,
.sticky_unread_locked dt .list-inner::before, .sticky_unread_locked_mine dt .list-inner::before,
.announce_read_locked dt .list-inner::before, .announce_read_locked_mine dt .list-inner::before,
.announce_unread_locked dt .list-inner::before, .announce_unread_locked_mine dt .list-inner::before {
    content: "\f023" !important; color: #8c2525 !important; font-size: 20px !important; text-shadow: none !important;
}

.announce_read dt .list-inner::before, .announce_read_mine dt .list-inner::before { content: "\f0a1" !important; color: #666666 !important; }
.announce_unread dt .list-inner::before, .announce_unread_mine dt .list-inner::before { content: "\f0a1" !important; color: #f1c40f !important; text-shadow: 0 0 8px rgba(241, 196, 15, 0.5); }
.topic_moved dt .list-inner::before { content: "\f0a9" !important; color: #666666 !important; }

/* ==========================================================================
   7. STATYSTYKI I SZYBKIE LOGOWANIE (DÓŁ STRONY)
   ========================================================================== */
.stat-block {
    background-color: #141414 !important;
    border: 1px solid #2d2d2d !important;
    padding: 10px;
    margin-top: 15px;
    border-radius: 4px;
    color: #cccccc !important;
}

.stat-block h3, h3 {
    font-family: 'Google Sans', 'Product Sans', sans-serif;
    color: #2596be !important;
    text-transform: uppercase;
    font-size: 13px;
    border-bottom: 1px solid #222222 !important;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.stat-block p { color: #b0b0b0 !important; }

.quick-login input.inputbox {
    background-color: #1a1a1a !important;
    border: 1px solid #444444 !important;
    color: #ffffff !important;
    padding: 3px 5px !important;
    border-radius: 3px !important;
}

.quick-login input.inputbox:focus { border-color: #2596be !important; outline: none !important; }

.quick-login input[type="submit"] {
    background-color: #1a1a1a !important;
    background-image: none !important;
    border: 1px solid #2596be !important;
    color: #2596be !important;
    padding: 3px 10px !important;
    font-family: 'Google Sans', sans-serif !important;
    font-weight: 500 !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transition: all 0.2s ease-in-out !important;
}

.quick-login input[type="submit"]:hover { background-color: #222222 !important; border-color: #3cb0db !important; color: #3cb0db !important; }
.quick-login label, .quick-login a { color: #a0a0a0 !important; }
.quick-login a:hover { color: #3cb0db !important; }

/* ==========================================================================
   8. STOPKA GLOBALNA WITRYNY
   ========================================================================== */
.panel.footer-layout { background-color: #1a1a1a !important; border: 1px solid #2d2d2d !important; }
.copyright { color: #666666 !important; background-color: transparent !important; padding: 15px 0; }
.copyright a { color: #888888 !important; }
.copyright a:hover { color: #2596be !important; text-decoration: underline; }

ul.topiclist dd { border-left-color: #222222 !important; }
li.header dt, li.header dd { border-left-color: transparent !important; color: #8c8c8c !important; }

/* ==========================================================================
   9. RESPONSYWNOŚĆ (MOBILES RWD)
   ========================================================================== */
@media (max-width: 700px) {
    .site-description { display: block !important; float: none !important; width: 100% !important; text-align: center !important; padding: 0 !important; }
    .logo { display: block !important; float: none !important; text-align: center !important; padding: 10px 0 !important; margin: 0 auto !important; }
    .site_logo { display: inline-block !important; float: none !important; margin: 0 auto !important; background-position: center center !important; width: 95% !important; max-width: 320px !important; height: 90px !important; }
    .search-header { float: none !important; margin: 10px auto 0 auto !important; max-width: 280px; text-align: center; }
}

/* ==========================================================================
   10. OKIENKA AJAX, POWIADOMIENIA I ALERTY POTWIERDZEŃ
   ========================================================================== */
#darkenwrapper { background-color: rgba(0, 0, 0, 0.85) !important; }

.phpbb_alert {
    background-color: #141414 !important;
    border: 2px solid #2596be !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.7) !important;
    color: #dddddd !important;
}

.phpbb_alert h2, .phpbb_alert h3 { color: #2596be !important; border-bottom: 1px solid #2d2d2d !important; }
.phpbb_alert p { color: #cccccc !important; }
.phpbb_alert .alert_close { color: #a0a0a0 !important; }
.phpbb_alert .alert_close:hover { color: #2596be !important; }

/* ==========================================================================
   11. ZAKŁADKI OPCJE / ZAŁĄCZNIKI POD EDYTOREM
   ========================================================================== */
#tabs { line-height: 2em !important; border-bottom: 1px solid #2d2d2d !important; }
#tabs a { background-color: #1a1a1a !important; background-image: none !important; border: 1px solid #2d2d2d !important; border-bottom: none !important; color: #a0a0a0 !important; padding: 4px 10px !important; border-radius: 4px 4px 0 0 !important; }
#tabs a:hover { background-color: #222222 !important; color: #2596be !important; border-color: #333333 !important; }
#tabs .activetab a, #tabs .activetab a:hover { background-color: #141414 !important; border-color: #2596be #2596be transparent #2596be !important; color: #2596be !important; font-weight: bold !important; }

#sub-sections {
    background-color: #141414 !important;
    border: 1px solid #2596be !important;
    border-top: none !important;
    padding: 10px !important;
}

/* ==========================================================================
   12. POPRAWKA: ROZJAŚNIENIE I ZMIANA KOLORU IKONY OCZEKUJĄCEJ NA MODERACJĘ
   ========================================================================== */
.fa-question.icon-blue {
    color: #e67e22 !important; /* Zamiana ciemnego granitu na jaskrawy pomarańcz */
    text-shadow: 0 0 8px rgba(230, 126, 34, 0.6) !important;
}

.fa-question.icon-blue:hover {
    color: #f39c12 !important;
}
/* ==========================================================================
   13. BB YOUTUBE
   ========================================================================== */
.responsive-video {
    position: relative;
    padding-bottom: 56.25%; /* To zachowuje proporcje 16:9 */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
}

.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}