.elementor-kit-59{--e-global-color-primary:#0794FD;--e-global-color-secondary:#F59E0B;--e-global-color-text:#5ED8C4;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#111827;}.elementor-kit-59 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --- Default Dark Theme Styles --- */

/* 1. Set the main background color for the entire page */
body {
    background-color: #111827 !important;
}

/* 2. Set the background for Elementor containers (your cards) */
.elementor-widget-container,
.elementor-container {
    --e-container-background-color: #1F2937; /* A dark card background */
}

/* 3. Style the main menu links in the header */
.elementor-nav-menu--main a {
     color: #D1D5DB;
}

/* 4. Set the color for all main headings in dark mode */
html.dark .elementor-heading-title {
    color: #F9FAFB !important; /* A bright, off-white */
}

/* 5. Set the color for all paragraph text in dark mode */
html.dark .elementor-widget-text-editor,
html.dark .elementor-image-box-description {
    color: #D1D5DB !important; /* A light, soft gray */
}

/* 6. Set the color for Post widget titles in dark mode */
html.dark .elementor-posts-container .elementor-post__title a {
    color: #F9FAFB !important;
}

/* 7. Set the color for Post widget excerpts in dark mode */
html.dark .elementor-posts-container .elementor-post__excerpt p {
    color: #D1D5DB !important;
}





/* --- Related Novels Grid Styles --- */
.related-novels-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Creates a 4-column grid */
    gap: 20px; /* Space between cards */
}

.related-novel-card {
    /* text-decoration: none; */
    background-color: #1F2937; /* This is the dark card background color */
    padding: 15px; /* This adds some space inside the card */
    border-radius: 8px; /* This rounds the corners of the card */
    text-decoration: none;
}

.related-novel-card img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    margin-bottom: 10px;
}

.related-novel-card h3 {
    color: #F9FAFB;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
}



/* --- Related Novels Meta Styles --- */
.novel-meta {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    font-size: 13px;
    color: #9CA3AF;
}

.novel-meta span {
    display: flex;
    align-items: center;
}

.novel-meta i {
    margin-right: 5px;
    color: #F59E0B; /* Gold icon color */
}



/* --- Ultimate Member Form Styles for Dark Theme --- */

/* Changes the color of the field labels (e.g., "Username or E-mail") */
.um .um-field-label label {
    color: #F9FAFB !important;
}

/* Changes the color of the "Keep me signed in" text */
.um .um-field-checkbox-option label {
    color: #D1D5DB !important;
}/* End custom CSS */