/* ------------------------------------------------------------------
   Dynamic TCTD Styles - Generated from Theme Options
   Generated: 2025-10-16 17:25:44------------------------------------------------------------------ */

/* Background Image Support for Large Displays */
body {
}

/* Responsive Background Scaling */
@media (min-width: 1920px) {
    body {
        background-size: contain;
    }
}

@media (min-width: 3840px) {
    /* 4K - Scale background proportionally */
    body {
        background-size: 100% auto;
    }
}

@media (min-width: 7680px) {
    /* 8K - Full background coverage */
    body {
        background-size: cover;
    }
}

/* Footer Styling */
.site-footer {
    background-color: #;
    color: #;
}

.site-footer a {
    color: #;
}

.site-footer a:hover {
    color: #;
}

/* Widget Styling */
.widget-title,
.widget-title h3 {
    color: #FFFF00;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

.widget a {
    color: #999999;
    font-weight: normal;
}

.widget a:hover {
    color: #FFFFFF;
}

.widget {
    border-color: #FFFF00;
}

/* Sidebar Styling */
.widget-area {
    background: #000000;
    padding: 10px;
}

/* Content Area Styling */
.site-main {
    background: #000000;
    color: #FFFFFF;
    padding: 15px;
}

/* Post Title Styling */
.entry-title,
.entry-title a {
    color: #FFFF00;
}

.entry-title a:hover {
    color: #FFFFFF;
}

/* Post Meta Styling */
.entry-meta {
    color: #CCCCCC;
}

/* Post Borders */
article.post,
article.page {
    border-color: #999999;
}

/* Navigation Menu Styling */
.main-navigation {
    background: #333333;
}

.main-navigation a {
    color: #FFFF00;
    font-size: 11px;
    text-transform: uppercase;
}

.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation .current-menu-item > a {
    background: #666666;
    color: #FDFDFD;
}

.main-navigation li {
    border-color: #FFFF66;
}

/* Ultra-Wide Display Optimizations */
@media (min-width: 2560px) {
    /* 1440p+ displays */
    .site-container {
        max-width: 1250px;
    }
}

@media (min-width: 3840px) {
    /* 4K displays - increase comfortable reading width */
    :root {
        --content-width: 0px;
    }

    .site-main {
        font-size: 1.1em;
    }
}

@media (min-width: 7680px) {
    /* 8K displays - multi-column layout */
    :root {
        --content-width: 2400px;
    }

    .site-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(1200px, 1fr));
        gap: 3rem;
        max-width: 7680px;
    }

    .site-main {
        font-size: 1.25em;
    }

    /* Scale up UI elements for 8K */
    .widget-title {
        font-size: 1.5em;
    }

    .main-navigation a {
        font-size: 1.2em;
        padding: 1.5em 2em;
    }
}

/* High DPI / Retina Support */
@media (-webkit-min-device-pixel-ratio: 2),
       (min-resolution: 192dpi) {
    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}

/* Print Styles */
@media print {
    body {
        background: white !important;
        color: black !important;
    }

    .site-header,
    .site-footer,
    .widget-area,
    .main-navigation {
        display: none !important;
    }
}