/*
Theme Name: SoftwareVault
Theme URI: https://yoursite.com
Author: SoftwareVault
Author URI: https://yoursite.com
Description: Premium Software Download Theme - Dark/Light Mode, SEO Optimized, Software Info Tooltips, Multi-Language, Social Platforms
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: softwarevault
Tags: dark-mode, software, download, sidebar, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ============================================
   ALL STYLES ARE IN css/main.css
   This file is required by WordPress
   ============================================ */

/* ============================================
   GLOBAL SIDEBAR SYSTEM
============================================ */

.site-layout-wrapper{
    display:flex;
    gap:25px;
    align-items:flex-start;
    width:100%;
}

.main-posts-area{
    flex:1;
    min-width:0;
}

.custom-sidebar{
    width:320px;
    flex-shrink:0;
    position:sticky;
    top:20px;
}

.sidebar-box{
    background:#0f172a;
    border:1px solid rgba(255,255,255,.06);
    border-radius:14px;
    padding:18px;
    margin-bottom:20px;
}

.sidebar-heading{
    color:#fff;
    font-size:18px;
    margin-bottom:16px;
    font-weight:700;
}

.top-post-item{
    margin-bottom:12px;
    padding-bottom:12px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.top-post-item:last-child{
    border-bottom:none;
    margin-bottom:0;
}

.top-post-item a{
    color:#dbeafe;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    line-height:1.5;
}

.top-post-item a:hover{
    color:#60a5fa;
}

.language-switcher{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.language-switcher a{
    background:#1d4ed8;
    color:#fff;
    text-decoration:none;
    padding:6px 10px;
    border-radius:8px;
    font-size:12px;
    font-weight:600;
}

@media(max-width:991px){

    .site-layout-wrapper{
        flex-direction:column;
    }

    .custom-sidebar{
        width:100%;
        position:relative;
        top:0;
    }

}