/* ==UserStyle==
@name         ogladajanime.pl
@version      20241007.12.28
@namespace    ?
==/UserStyle== */

@-moz-document domain("ogladajanime.pl") {

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 50%);
    box-shadow: inset 0 0 6px rgb(0 0 0 / 50%);
}
::-webkit-scrollbar-track {
    background-color: #0b0b0b;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    border-radius: 10px;
}

body {
    padding: 0 20px;
}
    
.hr, footer, .col-4.col-md-2.text-center, .col-4.col-md-2.text-center.d-none.d-md-block, div#anime_comments, .col-12.col-xl-9.order-4.order-xl-4.px-2.mt-2l, img.img-fluid.rounded-bottom, .col-12.col-md-10.mt-2.text-secondary.text-center.small, .d-none.d-xl-block.col-md-4, .pt-0.mt-0.container > .p-0.m-0 > .justify-content-center.row {
    display: none;
}

a.tooltip[href*="https://sklep-anime.pl/"],
li.nav-item:nth-of-type(3), li.nav-item:nth-of-type(4), li.nav-item:nth-of-type(5), li.nav-item:nth-of-type(6), div.mb-3.bg-white.card.col-12:nth-of-type(2), li.p-0.m-0.nav-item:nth-of-type(7), img.img-fluid.lozad.discord-img.mb-2, img.img-fluid.lozad.discord-img.mb-3, div.row:nth-of-type(5), div.row:nth-of-type(3), h3:nth-of-type(2), div.row:nth-of-type(4), div.row:nth-of-type(6), .px-xl-3.m-0.col-lg-3.col-12
{
    display: none !Important;
}

.mt-2.px-2.order-xl-4.order-4.col-xl-9.col-12 {
    display: none
}

a.nav-link.top-nav-text[href="https://ogladajanime.pl/chat"],
a.nav-link.top-nav-text[href="https://ogladajanime.pl/last_comments"],
.navbar-dark .navbar-nav .nav-link[href="https://ogladajanime.pl/chat"] {
    display: none;
}

/** losowe **/
div.col-md-4.d-xl-block.d-none > div.row {
    display: none;
}

.pr-2.col-xl-3.col-12 > div.row > .col-12 {
    display: none;
}

.mt-2.row, .mt-1.outlines, a.dropdown-item:nth-of-type(7) {
    display: none;
}

.table td, .table th {
    border-top: 1px solid transparent;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #111111;
    opacity: 1;
    border-color: transparent;
    color: #ccc;
}

.form-control {
    background-color: #303030;
    border-color: transparent;
    color: #ccc;
}

.form-control:focus {
    background-color: #494949;
    border-color: transparent;
    color: #fff;
}

.form-control::placeholder {
    color: currentColor;
}

[data-theme="dark"], .bg-dark {
    background-color: #0b0b0b !Important;
}

[data-theme="dark"] .bg-white {
    background-color: #151515 !important;
}

.navbar-dark .navbar-nav .nav-link {
    color: #ccc !important;
}

.btn {
    border-radius: 5px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #ccc;
}

.video-js .vjs-control-bar {
    background-color: #000;
}

.vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover, .js-focus-visible .vjs-menu li.vjs-selected:hover {
    background-color: #007bff;
    color: #fff;
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #111111;
    color: #ccc;
}

.list-group-striped li:nth-of-type(odd) {
    background-color: #0a0a0a;
}

.list-group-striped > li:nth-of-type(even).watched {
    background-color: #0a1d0a;
    color: #acacac;
}

div#playerEmbed {
    background-color: #000 !important;
}

.text-muted {
    color: #acacac !important;
}

.btn-primary.disabled, .btn-primary:disabled {
  pointer-events: none;
}

span.badge-watched.m-0.mr-2.p-1.badge.badge-primary, span.m-0.mr-2.p-1.badge.badge-primary, span.badge.badge-primary.p-1.float-right {
    background: #000;
}

.list-group-striped li.active {
    color: #fff;
}

.badge-outline-secondary {
    color: #6c757d;
    background-color: #111111;
    background-image: none;
    border-color: #111111;
    border: 1px solid;
    margin-bottom: 2px;
    border-radius: 30px;
}

span.badge.badge-outline-secondary.text-gray.mr-1 {
    border-color: transparent;
    font-weight: 500;
}

[data-theme="dark"] .bg-white {
    background-color: #111111 !important;
}
[data-theme="dark"] .bg-white {
    background-color: #111111 !important;
}

.dropdown-menu {
    border: #222 solid 1px;
    box-shadow: 1px 1px 20px #111111;
    border-radius: 10px;
}

.dropdown-item {
    border-bottom: 1px dashed transparent;
    color: #ccc !important;
    border-radius: 10px;
}

.dropdown-item:hover {
    background-color: #333;
    color: #fff !important;
    transition: 0.2s;
}

.dropdown-divider {
    border-top: 1px solid transparent;
}

.border-hover:hover, img.tooltip:hover {
    outline:none;
}

.row.m-0.p-0.flex-row.flex-nowrap, .col-12.m-0.p-0.mb-2 {
    margin-bottom: 30px;
}

.justify-content-center.py-1.p-0.m-0.text-sm.col-12 > span.badge-warning.badge.mt-1.m-0 {
    background: #0b0b0b;
    color: #d19d00;
}

.justify-content-center.py-1.p-0.m-0.text-sm.col-12 > .badge-warning.badge.ml-1.mt-1.m-0 > .fa-trophy.fa{
    color: #ccc;
}

.badge-secondary {
    background: #0b0b0b;
    color: #ccc;
}

.badge-warning .fa {
    color: #ccc !important;
}

.badge-danger {
    background-color: #0b0b0b;
    color: #c63946;
    outline: 1px solid #c63946;
}

.badge-success {
    background-color: #0b0b0b;
        color: lightgreen;
    outline: 1px solid lightgreen;
}

.col-12.m-0.p-0.text-center.btn.btn-sm.btn-warning.text-trim {
    background-color: #0b0b0b;
    border-color: transparent;
    color: #ccc;
}
    
.modal-content, .modal-footer, .modal-body {
        background: #111111;
    }
    
    .modal-footer {
        border-color: transparent;
    }
    
.btn-secondary {
    color: #ccc;
    background-color: #303030;
    border-color: transparent;
}
    
    .btn-secondary:hover {
    color: #fff;
    background-color: #494949;
    border-color: transparent;
    }
    
.btn-primary {
    color: #ccc;
    background-color: rgba(0, 123, 255, .3);
    border-color: transparent;
}
    
.btn-primary:hover {
    color: #fff;
    background-color: rgba(0, 123, 255, .7);
    border-color: transparent;
}
    
.close {
    color: #ccc;
    text-shadow: none;
    opacity: .5;
}
    
    .close:hover {
        color: #fff;
    }
    
    [data-theme="dark"] a {
        color: #ccc !Important;
    }
    
    [data-theme="dark"] a:hover {
        color: #fff !Important;
    }
    
    .form-group {
        color: #ccc;
    }
}