/*!
Theme Name: Stories - Personal Blog WordPress Theme
Description: A modern, responsive WordPress blog theme based on the Stories HTML template. Perfect for travel bloggers, lifestyle writers, and content creators. Features responsive design, multiple layout options, and elegant typography.
Author: WordPress Developer
Version: 1.0.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: stories
Tags: blog, travel, lifestyle, responsive, two-columns, right-sidebar, featured-images, post-formats, custom-menu, custom-logo, editor-style, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
*/

/* Import the main theme styles from assets/css/style.css */

/* ==========================================================================
   Layout Customizations for Sidebar Toggle Feature
   ========================================================================== */

/* Full-width layout when sidebar is disabled */
.no-sidebar .main-content {
    max-width: 100%;
}

.no-sidebar .post-content,
.no-sidebar .page-content {
    max-width: 900px;
    margin: 0 auto;
}

/* Enhanced full-width content styling */
.full-width .container {
    max-width: 1400px;
}

.full-width .post-content img,
.full-width .page-content img {
    max-width: 100%;
    height: auto;
}

/* Responsive adjustments for full-width */
@media (min-width: 1200px) {
    .no-sidebar .post-content,
    .no-sidebar .page-content {
        padding: 0 50px;
    }
}

@media (max-width: 767px) {
    .no-sidebar .post-content,
    .no-sidebar .page-content {
        padding: 0 15px;
    }
}

/* Left sidebar positioning adjustments */
.sidebar-left .sidebar {
    order: -1;
}

.sidebar-left .main-content {
    order: 1;
}

/* Enhance readability for full-width content */
.no-sidebar .post-content p,
.no-sidebar .page-content p {
    line-height: 1.7;
    font-size: 16px;
}

.no-sidebar .post-content h1,
.no-sidebar .post-content h2,
.no-sidebar .post-content h3,
.no-sidebar .page-content h1,
.no-sidebar .page-content h2,
.no-sidebar .page-content h3 {
    margin-top: 30px;
    margin-bottom: 20px;
}

/* Featured image adjustments for full-width */
.no-sidebar .post-feature-img,
.no-sidebar .page-feature-img {
    margin-bottom: 40px;
}

.no-sidebar .post-feature-img img,
.no-sidebar .page-feature-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}