/* dark.css - Темна тема для Cool Serial */

/* Стилі для перемикача теми */
#themeToggle {
    margin-left: 10px;
    min-width: 40px;
    padding: 0;
    text-align: center;
    cursor: pointer;
}

#themeToggle .fal {
    font-size: 16px;
}

/* Додаткові стилі для темної теми */
.theme-dark,
.theme-dark body {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
}

.theme-dark .wrap-main {
    background-color: #1e1e1e !important;
    box-shadow: 0 15px 30px rgba(0,0,0,0.4) !important;
}

.theme-dark .header {
    background-color: #252525 !important;
}

.theme-dark .logo {
    color: #b0b0b0 !important;
}

.theme-dark .logo span {
    color: #e0e0e0 !important;
}

.theme-dark .logo span.logo-domain {
    color: #7a7a7a !important;
}

.theme-dark .search-box input {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2) !important;
}

.theme-dark .search-box input:not(:focus)::placeholder {
    color: #a0a0a0 !important;
    opacity: 0.6 !important;
}

.theme-dark .search-box button {
    color: #a0a0a0 !important;
}

.theme-dark .carou-sect {
    background-color: #2a2a2a !important;
}

.theme-dark .carou-title {
    color: #e0e0e0 !important;
}

.theme-dark .sorter, 
.theme-dark .sect-link {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
}

.theme-dark .sorter:hover, 
.theme-dark .sect-link:hover {
    background-color: #193364 !important;
    color: #ffbb00 !important;
}

.theme-dark .sorter form {
    background-color: #2d2d2d !important;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.3) !important;
}

.theme-dark .sorter a {
    color: #e0e0e0 !important;
}

.theme-dark .short-item {
    border-bottom: 1px dashed #444 !important;
}

.theme-dark .short-title {
    color: #e0e0e0 !important;
}

.theme-dark .short-text {
    color: #b0b0b0 !important;
}

.theme-dark .short-list li {
    color: #a0a0a0 !important;
}

.theme-dark .short-list li > span:first-child {
    color: #7a7a7a !important;
}

.theme-dark .short-list a {
    color: #5d9cec !important;
    border-bottom-color: #5d9cec !important;
}

.theme-dark .short-meta {
    color: #7a7a7a !important;
}

.theme-dark .short-rating {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
}

.theme-dark .popular-item-img:before {
    background: linear-gradient(to bottom, transparent 0%, #121212 100%) !important;
}

.theme-dark .footer {
    background-color: #121212 !important;
    color: #b0b0b0 !important;
}

.theme-dark .footer a {
    color: #ffbb00 !important;
}

.theme-dark input[type="text"], 
.theme-dark input[type="password"], 
.theme-dark select, 
.theme-dark textarea {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    box-shadow: inset 0 0 0 1px #444, inset 1px 2px 5px rgba(0,0,0,0.2) !important;
}

.theme-dark input[type="text"]:focus, 
.theme-dark input[type="password"]:focus, 
.theme-dark textarea:focus {
    box-shadow: inset 0 0 0 1px #3498db, inset 1px 2px 5px rgba(0,0,0,0.2) !important;
}

.theme-dark input::placeholder, 
.theme-dark textarea::placeholder {
    color: #b0b0b0 !important;
}

.theme-dark .button, 
.theme-dark .btn, 
.theme-dark .pagi-load a, 
.theme-dark .usp-edit a, 
.theme-dark .qq-upload-button,
.theme-dark button:not(.color-btn):not([class*=fr]):not(.search-btn):not([class*=owl-]),
.theme-dark html input[type="button"], 
.theme-dark input[type="reset"], 
.theme-dark input[type="submit"], 
.theme-dark .meta-fav a {
    background-color: #193364 !important;
    color: #ffbb00 !important;
}

.theme-dark .button:hover, 
.theme-dark .btn:hover, 
.theme-dark .usp-edit a:hover, 
.theme-dark .qq-upload-button:hover,
.theme-dark .pagi-load a:hover,
.theme-dark button:not(.color-btn):not([class*=fr]):not(.search-btn):not([class*=owl-]):hover,
.theme-dark html input[type="button"]:hover, 
.theme-dark input[type="reset"]:hover, 
.theme-dark input[type="submit"]:hover, 
.theme-dark .meta-fav a:hover {
    background-color: #2b4d8d !important;
    color: #fff !important;
}

.theme-dark .navigation a, 
.theme-dark .navigation span, 
.theme-dark .pnext a, 
.theme-dark .pprev a, 
.theme-dark .pprev > span, 
.theme-dark .pnext > span {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
}

.theme-dark .navigation span:not(.nav_ext), 
.theme-dark .pagi-nav a:hover {
    background-color: #193364 !important;
    color: #ffbb00 !important;
}

.theme-dark .fplayer {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
}

.theme-dark .fplayer .tabs-sel span {
    background-color: rgba(0,0,0,0.6) !important;
    color: #b0b0b0 !important;
}

.theme-dark .fplayer .tabs-sel span.current {
    background-color: #ffbb00 !important;
    color: #000 !important;
}

.theme-dark .fcompl a, 
.theme-dark .ffav a {
    color: #b0b0b0 !important;
}

.theme-dark .fcompl a:hover, 
.theme-dark .ffav a:hover, 
.theme-dark .ffav span:hover {
    color: #fff !important;
}

.theme-dark .add-comms {
    background-color: #252525 !important;
}

.theme-dark .comm-one > span.comm-author, 
.theme-dark .comm-one > span.comm-author a {
    color: #e0e0e0 !important;
}

.theme-dark .comm-three-left > a {
    color: #5d9cec !important;
    border-bottom-color: #5d9cec !important;
}

.theme-dark .login-box {
    background-color: #252525 !important;
    color: #e0e0e0 !important;
}

.theme-dark .login-check span:before {
    background: #444 !important;
}

.theme-dark .login-menu {
    border-color: #444 !important;
}

.theme-dark .login-menu li {
    border-color: #444 !important;
}

.theme-dark .login-soc-title:before, 
.theme-dark .login-soc-title:after {
    background-color: #444 !important;
}

.theme-dark .owl-prev, 
.theme-dark .owl-next {
    color: #e0e0e0 !important;
}

.theme-dark .owl-prev:hover, 
.theme-dark .owl-next:hover {
    color: #ffbb00 !important;
}

.theme-dark .site-desc {
    color: #b0b0b0 !important;
}

.theme-dark .site-desc h1, 
.theme-dark .site-desc h2 {
    color: #e0e0e0 !important;
}

.theme-dark .site-desc a {
    color: #5d9cec !important;
}

.theme-dark .side-panel {
    background-color: #1e1e1e !important;
}

.theme-dark .side-panel .nav-menu a {
    color: #b0b0b0 !important;
}

.theme-dark .side-panel .nav-title {
    color: #e0e0e0 !important;
}

.theme-dark .side-panel .side-popular-item-title {
    color: #e0e0e0 !important;
}

.theme-dark .side-panel .side-popular-item-info {
    color: #a0a0a0 !important;
}

.theme-dark .side-panel .side-popular-item-date {
    color: #7a7a7a !important;
}

.theme-dark .ltext {
    background-color: #252525 !important;
}

.theme-dark .lmeta {
    color: #7a7a7a !important;
}

.theme-dark .lname {
    color: #b0b0b0 !important;
}

.theme-dark a {
    color: #e0e0e0 !important;
}

.theme-dark a:hover, 
.theme-dark a:focus {
    color: #fff !important;
}

.theme-dark .full-text a {
    color: #5d9cec !important;
}

.theme-dark .full-text a:hover {
    color: #6ea9ff !important;
}

.theme-dark .speedbar {
    color: #a0a0a0 !important;
}

.theme-dark .last-comm-link {
    color: #5d9cec !important;
}

.theme-dark .comm-three-left > a, 
.theme-dark .comm-three-right li a {
    opacity: 0.8 !important;
}

.theme-dark .age-limit.dashed-box {
    border-color: #ffbb00 !important;
    color: #ffbb00 !important;
}

/* Автоматична темна тема для системи */
@media (prefers-color-scheme: dark) {
    body:not(.theme-light) {
        background-color: #121212;
        color: #e0e0e0;
    }
    
    body:not(.theme-light) .wrap-main {
        background-color: #1e1e1e;
        box-shadow: 0 15px 30px rgba(0,0,0,0.4);
    }
    
    body:not(.theme-light) .header {
        background-color: #252525;
    }
    
    /* Додайте інші стилі аналогічно, але без !important */
}