/**
 * Theme Name:   Festive Times
 * Author:       Your Name / Gemini
 * Description:  A lightweight, high-speed, mobile-first theme designed for the Christmas Countdown Pro website. Provides a clean, elegant reading experience for blogs and news.
 * Version:      1.0.0
 * License:      GNU General Public License v2 or later
 * License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 * Tags:         festive, christmas, blog, minimalist, fast
 */

/* --- 1. Core Body & Layout --- */
body {
    font-family: 'Poppins', sans-serif;
    color: #333; /* Default text color on white backgrounds */
    margin: 0;
    line-height: 1.7;
}

/* If the plugin is active, it controls the background. If not, a simple fallback. */
body:not(.ccp-sitewide-background) {
    background-color: #f9f9f9;
}
body.ccp-sitewide-background {
    color: #fafafa; /* Switch to light text color when festive background is active */
}

a {
    color: #c0392b;
    text-decoration: none;
    transition: color 0.2s ease;
}
a:hover {
    color: #e74c3c;
}

/* --- 2. Header & Navigation --- */
.site-header {
    padding: 1rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(0,0,0,0.1);
}

.site-title a {
    font-family: 'Mountains of Christmas', cursive;
    font-size: 2rem;
    font-weight: 700;
    color: #FFD700;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    text-decoration: none;
}
body:not(.ccp-sitewide-background) .site-title a {
    color: #2c3e50;
    text-shadow: none;
}

.main-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 1.5rem;
}

.main-navigation a {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}
body:not(.ccp-sitewide-background) .main-navigation a {
    color: #333;
}

/* --- 3. Main Content & Blog Styles --- */
.site-main {
    max-width: 800px;
    margin: 2rem auto;
    padding: 1rem 2rem;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

/* When the plugin is active, we make the content area transparent */
.ccp-sitewide-background .site-main {
    background: transparent;
    box-shadow: none;
}

/* Blog post list styling */
.post {
    margin-bottom: 3rem;
    border-bottom: 1px solid #eee;
    padding-bottom: 2rem;
}
.ccp-sitewide-background .post {
    border-bottom-color: rgba(255,255,255,0.2);
}
.post:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.entry-title {
    font-family: 'Mountains of Christmas', cursive;
    font-size: 2.5rem;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.entry-title a {
    color: #2c3e50;
    text-decoration: none;
}
.ccp-sitewide-background .entry-title a {
    color: #FFD700;
}

.entry-meta {
    font-size: 0.9rem;
    color: #777;
    margin-bottom: 1rem;
}
.ccp-sitewide-background .entry-meta {
    color: rgba(255,255,255,0.7);
}

.entry-content p, .entry-content ul, .entry-content ol {
    font-size: 1.1rem;
    margin-bottom: 1.5em;
}

.read-more {
    font-weight: 600;
    display: inline-block;
    margin-top: 1rem;
}

/* Single Post Styling */
.single .entry-title {
    font-size: 3rem;
    line-height: 1.2;
}

.featured-image {
    width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 2rem;
}


/* --- 4. Footer --- */
.site-footer {
    text-align: center;
    padding: 2rem;
    margin-top: 2rem;
    font-size: 0.9rem;
    color: rgba(255,255,255,0.6);
}
body:not(.ccp-sitewide-background) .site-footer {
    color: #777;
}

/* --- 5. Mobile Responsive --- */
@media (max-width: 600px) {
    .site-header {
        flex-direction: column;
        gap: 1rem;
    }
    .entry-title {
        font-size: 2rem;
    }
    .single .entry-title {
        font-size: 2.2rem;
    }
}