/*
Theme Name: NovelOkur
Theme URI: https://novelokur.com.tr
Author: Akupat
Author URI: https://novelokur.com.tr
Description: NovelOkur, yaratıcı profesyoneller için tasarlanmış modern, duyarlı bir WordPress temasıdır. Özelleştirilebilir düzenler, çoklu gönderi formatları ve şık, minimalist bir tasarım sunar.
Version: 1.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: diodex
Tags: custom-colors, custom-header, custom-menu, featured-images, full-width-template, one-column, two-columns, blog, portfolio, e-commerce, translation-ready
*/

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {float:right; margin:0 3.8% 2.992em 0; padding:0; position:relative; width:20%; margin-left:0;}
ul.products li {background-color:; border:1px solid #ddd; border-radius:8px; overflow:hidden; box-shadow:0 4px 6px rgba(0,0,0,0.1); text-align:center; transition:all 0.3s ease;}
ul.products li:hover {transform:translateY(-5px); box-shadow:0 6px 8px rgba(0,0,0,0.15);}
ul.products li img {width:100%; height:auto; object-fit:cover; border-bottom:1px solid #ddd;}
ul.products li a.add_to_cart_button {margin-bottom:15px;}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {background:#333;}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {background-color:#000000a1;}
body {font-family:'Inter', sans-serif; margin:0; padding:0; -webkit-text-size-adjust:100%; box-sizing:border-box;}
.custom-logo {width:150px; height:auto;}
a {text-decoration:none; color:#fff;}
h1 {text-decoration:none !important; color:#fff;}
h2 {text-decoration:none !important; color:#fff;}
p {text-decoration:none !important; color:#fff;}
span.tag-links {text-decoration:none !important; color:#fff;}
.site-footer {background-color:#000; color:#fff; padding:2rem 0; text-align:center; border-top:1px solid #444; margin-top:1px; position:relative; bottom:0; width:100%; clear:both;}
.site-info, .footer-logo .logo-img, #footer-menu a {color:#fff;}
.footer-logo .logo-img {max-width:150px; height:auto;}
.footer-nav .menu-list {list-style:none; margin:0; padding:0; display:flex; justify-content:center; gap:1rem;}
.footer-nav .menu-list a {padding:0.5rem; text-decoration:none; color:#fff; transition:color 0.3s ease;}
.footer-nav .menu-list a:hover {color:#ddd;}
#footer-menu {list-style:none; text-align:center; margin:0;}
#footer-menu li {display:inline-block; margin:0 15px;}
.site-header {background:rgb(0 0 0 / 23%); border-bottom:1px solid #444; padding:1rem; position:relative;}
.container {margin:0 auto; display:flex; align-items:center; justify-content:space-between;}
.logo-img {max-width:100px; height:auto;}
.main-nav, .menu-list {display:flex;}
.menu-list a {padding:0.5rem 1rem; text-decoration:none; color:white; transition:color 0.3s ease;}
.menu-list a:hover {color:grey;}
.menu-list, .mobile-menu ul {list-style-type:none; margin:0; padding:0;}
.mobile-menu-button {display:none;}
.mobile-menu {display:none; position:absolute; top:calc(100% + 10px); left:0; background-color:black; width:auto; box-shadow:0 2px 5px rgba(0,0,0,0.2); z-index:1000;}
.mobile-menu.active {display:block;}
.mobile-menu ul {list-style:none; padding:0; margin:0; display:flex; flex-direction:column;}
.mobile-menu li {padding:0.7rem;}
.mobile-menu a {display:block; padding:0.5rem; color:white; text-decoration:none;}
.mobile-menu a:hover {color:hsl(var(--accent-foreground));}
.search-container {position:relative;}
.searchform {position:fixed; top:24%; left:10%; width:80vw; border:1px solid white; box-shadow:0 2px 5px rgba(0,0,0,0.2); transform:scaleY(0); transform-origin:top; transition:opacity 0.3s ease, transform 0.3s ease; z-index:1000; border-radius:20px;}
.search-container .searchform.active {transform:scaleY(1); opacity:1; background-color:#000;}
.searchform input[type="text"] {background-color:hsl(var(--background)); border:1px solid hsl(var(--border)); padding:0.5rem; border-radius:400px; color:#fff; width:calc(100% - 40px);}
.search-submit, .search-icon, #theme-toggle {background:none; border:none; cursor:pointer;}
.search-icon, .search-svg {width:24px; height:24px; color:white;}
#theme-toggle {font-size:1.5rem; color:white; display:flex; align-items:center; gap:0.5rem;}
#theme-toggle i {transition:color 0.3s ease;}
#theme-toggle:hover i {color:#ddd;}
[data-theme='dark'] #theme-toggle i.fa-sun {display:none;}
[data-theme='dark'] #theme-toggle i.fa-moon {display:inline;}
[data-theme='light'] #theme-toggle i.fa-moon {display:none;}
[data-theme='light'] #theme-toggle i.fa-sun {display:inline;}
.advertisement {text-align:center; padding:10px;}
.advertisement.advertisement-bottom {margin:20px 0;}
.homepage-container {width:90%; max-width:1200px; margin:0 auto; padding:20px;}
.novel-slider-container {position:relative; overflow:hidden; max-width:100%; margin:0 auto;}
.novel-slider {display:flex; transition:transform 0.5s ease-in-out; will-change:transform;}
.novel-slide {flex:0 0 calc(33.333% - 20px); margin:10px; box-sizing:border-box; position:relative;}
.slide-image {width:100%; height:auto; padding-top:150%; background-size:cover; background-position:center top; border-radius:8px; position:relative; overflow:hidden; background-repeat:no-repeat;}
.slide-image::before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:inherit; filter:blur(10px); z-index:-1;}
.slide-content {position:absolute; bottom:0; left:0; right:0; background:rgba(0,0,0,0.7); color:white; padding:10px; border-radius:0 0 8px 8px;}
.slide-title {text-align:center; font-size:16px; color:#fff; margin:0 0 5px; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.slide-status {font-size:14px; color:#d1d1d1; margin:0;}
.slide-excerpt {font-size:13px; color:#b1b1b1; margin-top:5px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.slider-nav {position:absolute; top:50%; left:0; right:0; display:flex; justify-content:space-between; transform:translateY(-50%); pointer-events:none; z-index:10;}
.slider-nav button {pointer-events:all; background-color:rgba(0,0,0,0.5); border:none; color:white; padding:10px 15px; cursor:pointer; transition:background-color 0.3s ease, transform 0.2s ease; font-size:18px; border-radius:50%; box-shadow:0 2px 5px rgba(0, 0, 0, 0.3);}
.slider-nav button:hover {background-color:rgba(0,0,0,0.8);}
.slider-nav button:active {transform:scale(0.9);}
.recent-novels {padding:20px;}
.swiper-container {width:100%; overflow:hidden;}
.swiper-wrapper {display:flex;}
.swiper-slide {flex:0 0 auto; width:calc(100% / 3.5); text-align:center;}
.novel-item img {width:100%; height:auto; border-radius:5px; box-shadow:0 4px 6px rgba(0,0,0,0.1);}
.novel-item h3 {margin:10px 0 0; color:#ffffff; text-align:left; font-size:15.2px; font-weight:600; line-height:120%; font-family:Inter; font-style:normal; letter-spacing:-.02em;}
.slider-dots {display:flex; justify-content:center; align-items:center; margin-top:10px;}
.dot {width:10px; height:10px; margin:0 5px; border-radius:50%; background-color:#bbb; cursor:pointer; transition:background-color 0.3s;}
.dot.active {background-color:#717171;}
.tur-buttons-container {display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; justify-content:center;}
.tur-button {background-color:#000000; color:white; padding:10px 20px; border-radius:5px; text-decoration:none; font-weight:bold; transition:background-color 0.3s ease, transform 0.2s ease; font-size:14px;}
.tur-button:hover {background-color:#191919; transform:scale(1.05);}
.tur-button:active {transform:scale(0.95);}
.updates-table {width:100%; border-collapse:collapse; margin-top:20px;}
.updates-table th, .updates-table td {border:0px solid #ddd; padding:4px; text-align:left;}
.updates-table img {display:block; margin:0 auto;}
.free-novels-section {padding:20px; background-color:rgb(255 103 0 / 58%); border:1px solid #ddd; border-radius:8px; text-align:center;}
.free-novels-section h2 {font-size:24px; margin-bottom:20px; color:#fff;}
.free-novels-list {display:flex; flex-wrap:wrap; gap:20px; justify-content:center;}
.free-novel-item {display:flex; flex-direction:column; align-items:center; width:250px; background-color:rgba(0,0,0,0.31); border:1px solid #ddd; border-radius:8px; padding:15px; box-shadow:0 2px 5px rgba(0, 0, 0, 0.1); transition:transform 0.3s ease; text-align:center;}
.free-novel-item:hover {transform:scale(1.03);}
.novel-thumbnail img {width:auto; height:250px; border-radius:6px; margin-bottom:15px;}
.novel-info {text-align:center;}
.novel-title {font-size:18px; margin:0 0 10px; color:#fff;}
.novel-title a {text-decoration:none; color:inherit;}
.novel-title a:hover {text-decoration:none;}
.novel-excerpt {font-size:14px; color:#aaa;}
.updates-table {width:100%; border-collapse:collapse; margin-top:20px; font-family:Arial, sans-serif;}
.updates-table thead th {background-color:#f4f4f4; color:#333; font-weight:bold; text-align:left; padding:10px; border-bottom:2px solid #ddd;}
.updates-table tbody td {border-bottom:1px solid #ddd; padding:10px; text-align:left; vertical-align:middle; color:#ffff;}
.updates-table img {display:block; border-radius:4px; box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.updates-table a {text-decoration:none; color:#fff; transition:color 0.3s;}
.updates-table a:hover {color:#878787;}
.updates-table .time-ago {font-size:13px; color:#6c757d; text-align:right;}
.novel-container {display:flex; flex-direction:column; gap:20px; margin:0 auto; padding:0 20px; max-width:1200px;}
.upper-container {display:flex; gap:20px;}
.custom-class {color:#b4b3b3;}
.left-container {flex:1; padding:30px;}
.left-container img {max-height:412px; width:auto; height:auto; object-fit:cover; border-radius:10px; display:block; margin:0 auto;}
.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {border-radius:10px;}
.right-container {flex:2; padding:10px;}
.entry-meta .tax-row span {font-weight:bold; color:#fff;}
.entry-meta .tax-row {margin-bottom:15px;}
.entry-header, .entry-meta, .entry-content {margin-bottom:20px;}
.bolumler-title {color:#fff;}
.chapter-navigation-buttons {margin:20px 0; display:flex; justify-content:flex-start;}
.first-chapter-btn, .last-chapter-btn {background-color:#000000; color:#fff; padding:10px 20px; text-decoration:none; border-radius:5px; font-weight:bold; margin:10px;}
.first-chapter-btn:hover, .last-chapter-btn:hover {background-color:#414141; color:#fff;}
.bottom-container {padding:20px; background-color:#0000003d; border:0px solid #00001c; border-radius:8px; margin:initial; max-width:1200px; color:#e0e0e0;}
.chapters-grid {display:grid; gap:15px; padding:0 10px;}
.chapter-link {display:block; padding:10px; background-color:rgba(255,255,255,0.1); border:0px solid #ddd; border-radius:5px; text-decoration:none; color:#fff;}
.chapter-link:hover {background-color:#000;}
.entry-footer {padding-top:20px; border-top:1px solid #ddd;}
.show-more-btn {display:block; margin:20px auto; padding:12px 20px; border:none; background-color:#000000; color:#fff; font-size:16px; border-radius:5px; cursor:pointer; transition:background-color 0.3s ease;}
.show-more-btn:hover {background-color:#333;}
.chapter-link.hidden {display:none;}
.comments-section {padding:20px; background-color:#0000003d; border:0px solid #00001c; border-radius:8px; margin:initial; max-width:1200px; color:#e0e0e0;}
.has-sidebar .novel-container {margin-right:250px;}
.bolumler-title::after {content:""; display:block; border-top:2px solid #000; margin:20px 0;}
.comments-title::after {content:""; display:block; border-top:2px solid #000; margin:20px 0;}
a:-webkit-any-link:hover {color:#1e90ff;}
.load-comments-btn {display:block; margin:0 auto; position:relative; top:50%; transform:translateY(-50%); background-color:#292929; color:white; font-size:1rem; font-weight:bold; padding:10px 20px; border:none; border-radius:5px; cursor:pointer; transition:all 0.3s ease; text-align:center; text-transform:uppercase;}
.load-comments-btn:hover {background-color:#0056b3;}
.adult-content-overlay {position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgb(0 0 0); display:flex; align-items:center; justify-content:center; z-index:9999;}
.adult-content-warning {background-color:#fff; padding:20px; border-radius:8px; text-align:center; box-shadow:0 4px 10px rgba(0,0,0,1);}
.adult-content-warning p {font-size:16px; margin-bottom:20px; color:#333;}
.adult-content-warning .exit-btn, .adult-content-warning #continue-btn {padding:10px 20px; margin:5px; border:none; cursor:pointer; font-size:14px; border-radius:4px; text-decoration:none;}
.adult-content-warning .exit-btn {background-color:#f5c6cb; color:#721c24;}
.adult-content-warning #continue-btn {background-color:#c3e6cb; color:#155724;}
#review-form {max-width:auto; padding:20px; border:1px solid #ddd; border-radius:8px; background-color:#0000003d; box-shadow:0 2px 4px rgba(0,0,0,0.1);}
#review-form label {display:block; margin-bottom:8px; font-weight:bold; color:#ffff;}
#review-form input[type="number"], #review-form textarea {width:100%; padding:10px; background-color:#0000003d; color:#ffff; margin-bottom:15px; border:1px solid #ccc; border-radius:4px; font-size:14px; box-sizing:border-box;}
#review-form textarea {min-height:100px; resize:vertical; color:#ffff;}
#review-form button {background-color:#000000; color:#fff; border:none; padding:10px 20px; font-size:16px; border-radius:4px; cursor:pointer; transition:background-color 0.3s ease;}
#review-form button:hover {background-color:#333;}
.reviews {max-width:auto; padding:20px; border:1px solid #ddd; border-radius:8px; background-color:#0000003d;}
.reviews h3 {margin-bottom:15px; font-size:18px; color:#ffff; border-bottom:2px solid #ddd; padding-bottom:5px;}
.review {margin-bottom:15px; padding:10px 0; border-bottom:1px dashed #ddd;}
.review:last-child {border-bottom:none;}
.review p {margin:5px 0;}
.review strong {color:#ffff;}
.review p:nth-of-type(3) {font-weight:bold; color:#ffff;}
.average-rating {font-size:18px; font-weight:bold; color:#ffff; margin:10px 0; text-align:center;}
.average-rating .rating-value {color:#ff9800; font-size:20px;}
.page-title {text-align:center;}
.pagination {display:flex; justify-content:center; margin:20px 0;}
.pagination a, .pagination span {display:inline-block; padding:10px 15px; margin:0 5px; background-color:#1a1a1a; color:#333; border-radius:5px; text-decoration:none; transition:background-color 0.3s ease;}
.pagination a:hover {background-color:#333;}
.pagination .current {background-color:#333; color:#fff; pointer-events:none;}
.novel-grid {display:grid; grid-template-columns:repeat(auto-fill, minmax(350px,1fr)); gap:20px; padding:1% 5% 5% 5%;}
.chapter-link-sn {display:block; padding:2px;}
.novel-item-sn {background-color:rgba(255,255,255,0.1); border-radius:0.5rem; overflow:hidden; box-shadow:0 0 10px rgba(0, 0, 0, 0.1); transition:all 150ms cubic-bezier(0.4, 0, 0.2, 1); border:1px solid rgba(255, 255, 255, 0.05); display:grid; grid-template-columns:40% 1fr; gap:10px;}
.novel-thumbnail {background-size:cover; background-position:center; grid-column:1 / 2; height:auto; border-radius:10px;}
.novel-content {grid-column:2 / 3; padding:20px; display:flex; flex-direction:column; justify-content:space-between;}
.bolumler-title, .right-container, .page-title, .son-bolumler, .novel-title {color:#ffffff;}
.novel-title {font-size:1em; font-weight:bold; margin-bottom:10px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:auto; line-height:1.25em; max-height:2.5em; white-space:normal;}
.novel-content {flex:1; padding:20px; display:flex; flex-direction:column; justify-content:space-between;}
.chapter-list {margin-top:10px;}
.chapter-info {display:flex; justify-content:space-between; width:100%;}
.chapter-title {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:100; height:auto;}
.chapter-date {font-size:0.8em; color:rgb(166 164 164); float:inline-end;}
.novel-status-40 {background-color:#f44336 !important; color:white !important;}
.novel-status-41 {background-color:#00b38a !important; color:white !important;}
.novel-status-42 {background-color:#869390 !important; color:white !important;}
.novel-status-43 {background-color:#795548 !important; color:white !important;}
.novel-status-148 {background-color:#ff0000 !important; color:white !important;}
.novel-status {background-color:rgba(0,0,0,0.6); color:#fff; padding:2px 8px; border-radius:5px; font-size:9px; text-transform:uppercase; font-weight:bold;}
#primary {width:100%; margin:0 auto; float:none;}
#secondary {display:none;}
.novel-archive-grid {display:grid; grid-template-columns:repeat(6,1fr); gap:20px; margin-top:20px; padding:25px;}
.novel-item {overflow:hidden;}
.novel-thumbnail {width:100%; height:auto; display:block; border-radius:10px;}
.novel-title {text-align:center; margin-top:10px; font-size:16px; color:#ffff; text-decoration:none !important; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; line-height:1.2em;}
.taxonomy-list {margin-bottom:20px; margin-top:20px;}
.taxonomy-list .row.genres {display:flex; flex-wrap:wrap; gap:10px; justify-content:center;}
.taxonomy-list ul.list-unstyled {list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:10px;}
.taxonomy-list ul.list-unstyled li {box-sizing:border-box;}
.taxonomy-list ul.list-unstyled li a {text-decoration:none; color:#fff; padding:10px; background:#1a1a1a; border-radius:4px; display:flex; justify-content:space-between; align-items:center; box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.taxonomy-list ul.list-unstyled li a .count {font-size:0.9em; color:#666;}
.taxonomy-list ul.list-unstyled li a .term-name {font-size:1em; color:#333;}
.taxonomy-list ul.list-unstyled li a:hover {background:#333; box-shadow:0 2px 4px rgba(0,0,0,0.2);}
.novel-item-archive {position:relative; overflow:hidden;}
.novel-tags {position:absolute; top:0; left:0; z-index:10; padding:0.5rem; display:flex; flex-wrap:wrap; gap:0.25rem;}
.single-chapter-content {font-size:16px; color:#e0e0e0;}
.font-controls {display:flex; justify-content:center; align-items:center; position:relative; left:50%; transform:translate(-50%,-50%);}
.round-button {width:40px; height:40px; border:none; border-radius:50%; background-color:#000; color:white; font-size:20px; font-weight:bold; cursor:pointer; transition:background-color 0.3s;}
.round-button:hover {background-color:#000;}
.round-button:focus {outline:none;}
.chapter-heading {font-size:2rem; color:#ffff;}
.novel-back-link {color:#333; text-decoration:none;}
.novel-back-link:hover {text-decoration:underline; color:#005177;}
.content-area {width:100%;}
.breadcrumb {margin-bottom:20px; font-size:0.9rem; color:#666;}
.single-chapter-container {position:relative; padding:20px; background-color:rgb(73 73 73 / 16%); border:0px solid rgb(73 73 73 / 16%); border-radius:8px; margin:0 auto; max-width:1000px;}
.single-chapter-content {margin-bottom:40px; line-height:2;}
.single-chapter-comments {padding:20px; background-color:rgb(73 73 73 / 16%); border:1px solid rgb(73 73 73 / 16%); border-radius:8px; margin:20px auto; max-width:1000px; color:#fff;}
h2.comments-title {color:#fff;}
.chapter-navigation {margin-top:20px;}
.nav-controls {display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap;}
.nav-controls a {display:inline-block; padding:5px 50px; border:0px solid #0073aa; border-radius:5px; background-color:#000000; color:#fff; text-decoration:none; font-size:16px; font-weight:bold; transition:background-color 0.3s, border-color 0.3s, color 0.3s; text-align:center; flex:1 1 auto;}
.nav-controls a:hover, .nav-controls a:focus {background-color:#414141; border-color:#414141; color:#fff;}
.nav-controls a:active {background-color:#414141; border-color:#414141;}
.nav-previous {margin-right:auto;}
.chapter-dropdown {flex-grow:1; text-align:center;}
.chapter-dropdown select {padding:5px; font-size:16px; border-radius:5px; border:1px solid #ddd; background-color:#333; color:#fff; width:-webkit-fill-available;}
.chapter-dropdown select:hover, .chapter-dropdown select:focus {border-color:#000; background-color:#333; color:#fff;}
.chapter-title {justify-content:center; align-items:center; height:100px; text-align:center;}
#scrollToTopBtn {display:none; position:fixed; bottom:20px; right:20px; z-index:1000; background-color:#333; color:white; border:none; width:40px; height:40px; border-radius:50%; cursor:pointer; font-size:20px; text-align:center; line-height:40px;}
#scrollToTopBtn:hover {background-color:#555;}
body.night-mode {background-color:#ffffff; color:#000000;}
body.night-mode h1, body.night-mode h2, body.night-mode h3, body.night-mode h4, body.night-mode h5, body.night-mode h6, body.night-mode p, body.night-mode span, body.night-mode a, body.night-mode .novel-title, body.night-mode .chapter-title {color:#000000;}
body.night-mode a {color:#000000;}
body.night-mode a:hover {color:#000000;}
body.night-mode .site-footer {background-color:#ffffff; color:#000000;}
body.night-mode .menu-list a {color:#fff;}
body.night-mode .menu-list a:hover {color:#fff;}
body.night-mode .tur-button {background-color:#000000; color:#ffffff;}
body.night-mode .tur-button:hover {background-color:#333333; color:#ffffff;}
body.night-mode .show-more-btn {background-color:#000000; color:#ffffff;}
body.night-mode .show-more-btn:hover {background-color:#333333; color:#ffffff;}
body.night-mode .pagination a, body.night-mode .pagination span {background-color:#ffffff; color:#000000;}
body.night-mode .pagination a:hover {background-color:#ffffff; color:#000000;}
body.night-mode .pagination .current {background-color:#ffffff; color:#000000;}
body.night-mode .site-header {background-color:#030017;}
body.night-mode .slide-content {background:rgb(226 226 226 / 70%);}
body.night-mode .updates-table tbody td {color:#000;}
body.night-mode .entry-meta .tax-row span {color:#000;}
body.night-mode .first-chapter-btn {color:#c2c2c2;}
body.night-mode .last-chapter-btn {color:#c2c2c2;}
body.night-mode .chapter-link:hover {background-color:#fff;}
body.night-mode .average-rating {color:#000;}
body.night-mode .nav-controls a {background-color:#fff;}
::-webkit-scrollbar {width:10px;}
::-webkit-scrollbar-track {background:#333;}
::-webkit-scrollbar-thumb {background:#888; border-radius:10px;}
::-webkit-scrollbar-thumb:hover {background:#555;}

@media screen and (max-width: 1200px) {
ul.products {grid-template-columns:repeat(4,1fr);}
}

@media screen and (max-width: 900px) {
ul.products {grid-template-columns:repeat(2,1fr);}
}

@media screen and (max-width: 600px) {
ul.products {grid-template-columns:1fr;}
}

@media (max-width: 1024px) {
.main-nav {display:none;}
.mobile-menu-button {display:contents; color:#ffff;}
.custom-logo {width:168px;}
}

@media (max-width: 1024px) {
.menu-icon {width:30px; height:auto;}
}

@media (max-width: 768px) {
.custom-logo {width:120px;}
}

@media (max-width: 480px) {
.custom-logo {width:90px;}
}

@media (min-width: 1024px) {
.content-area {width:100%; float:left;}
.widget-area {width:15%; float:right; padding:0 50px 0 0;}
}

@media (max-width: 1023px) {
.content-area, .widget-area {width:100%; float:none; clear:both;}
}

@media (max-width: 480px) {
.homepage-container {width:95%; padding:0px;}
}

@media (max-width: 768px) {
.novel-slide {flex:0 0 calc(50% - 20px);}
.slide-image {padding-top:180%;}
}

@media (max-width: 768px) {
.slider-nav {display:none;}
}

@media (max-width: 768px) {
.slider-dots {display:none;}
}

@media (max-width: 768px) {
.tur-buttons-container {display:none;}
.swiper-container.tur-slider {display:block; margin-top:20px;}
.swiper-container {width:100%; padding-bottom:20px;}
.swiper-slide {display:flex; justify-content:center; align-items:center;}
.tur-button {padding:12px 25px; font-size:16px; width:-webkit-fill-available; max-width:300px; margin-bottom:10px; white-space:nowrap;}
}

@media (min-width: 769px) {
.swiper-container.tur-slider {display:none; width:auto;}
}

@media (max-width: 480px) {
.tur-button {font-size:14px; padding:10px 20px; width:auto;}
}

@media (max-width: 768px) {
.free-novels-list {gap:10px;}
.novel-thumbnail img {height:150px;}
.free-novels-section h2 {font-size:20px;}
.novel-excerpt {display:none;}
.novel-title {font-size:16px;}
}

@media (max-width: 768px) {
.left-container img {width:100%; height:auto;}
}

@media (max-width: 768px) {
.upper-container {flex-direction:column;}
.left-container, .right-container {flex:0 0 100%;}
.chapters-grid {grid-template-columns:1fr;}
}

@media (min-width: 769px) {
.chapters-grid {grid-template-columns:repeat(3,1fr);}
}

@media (min-width: 768px) {
.show-more-btn {padding:12px 200px;}
}

@media (max-width: 768px) {
.load-comments-btn {font-size:0.9rem; padding:10px 15px; width:90%;}
}

@media (max-width: 768px) {
.novel-archive-grid {grid-template-columns:repeat(2,1fr); gap:10px; padding:5px;}
.novel-title {font-size:14px;}
}

@media (max-width: 768px) {
.taxonomy-list ul.list-unstyled li {flex:1 1 calc(100% / 2 - 10px); max-width:calc(100% / 2 - 10px);}
}

@media (max-width: 768px) {
#primary {width:100%; margin:0 auto; float:none;}
}

@media (max-width: 768px) {
.nav-controls {flex-direction:row; justify-content:space-between; gap:10px;}
.chapter-dropdown {margin-top:10px; order:-1; width:100%; margin-bottom:10px;}
.breadcrumb {font-size:0.8rem;}
}

@media (max-width: 600px) {
#scrollToTopBtn {bottom:15px; right:15px; width:35px; height:35px; font-size:18px; line-height:35px;}
}

@media (max-width: 768px) {
.chapter-heading {font-size:1.2rem; padding:8px;}
}


.novel-schedule {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 10px;
}


.novel-schedule .day-green {
    color: #008000;
    font-weight: bold;
    background: #bafeba;
    border-radius: 5px;
    padding: 1px;
}

.novel-schedule .day-red {
    color: #ff0000;
    font-weight: bold;
    background: #ff8282;
    border-radius: 5px;
    padding: 1px;
}

@media (max-width: 768px) {
    .novel-schedule {
        flex-wrap: wrap;
        gap: 4px;
        text-align: center;
    }
}