/*
Theme Name: Sins as Threads
Theme URI: https://example.com/sins-as-threads
Author: Manus AI
Author URI: https://manus.im
Description: A custom theme for the 'Sins as Threads' interactive website, based on React and converted for WordPress.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-background, custom-header, custom-menu, custom-logo, featured-images, one-column, threaded-comments, translation-ready
Text Domain: sins-as-threads
*/


/* Basic WordPress Theme Styles */
body {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

#root {
    min-height: 100vh;
}

/* WordPress Admin Bar Compatibility */
body.admin-bar #root {
    margin-top: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar #root {
        margin-top: 46px;
    }
}

/* Hide default WordPress elements when using React */
.site-header,
.site-footer,
.site-content {
    display: none;
}

/* Ensure React app takes full viewport */
html, body {
    height: 100%;
    overflow-x: hidden;
}