/*
Theme Name: FB News Theme
Version: 2.0
*/

body{
margin:0;
font-family:Arial, sans-serif;
background:#f4f6f9;
}

a{text-decoration:none;color:inherit}

.main-header{
background:#111;
color:#fff;
padding:15px 0;
}

.container{
max-width:1300px;
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
}

.logo a{
color:#fff;
font-size:22px;
font-weight:bold;
}

.nav-menu{
display:flex;
gap:20px;
list-style:none;
}

.nav-menu a{color:#fff;}

.layout,
.single-layout{
max-width:1300px;
margin:30px auto;
display:flex;
gap:30px;
}

.feed{width:70%;}
.sidebar{width:30%;}

.post-card{
background:#fff;
padding:15px;
border-radius:10px;
margin-bottom:20px;
box-shadow:0 3px 10px rgba(0,0,0,0.08);
}

.post-card img{
width:100%;
border-radius:8px;
}

.post-card h2{
margin-top:10px;
font-size:20px;
}

.widget-box{
background:#fff;
padding:15px;
border-radius:10px;
margin-bottom:20px;
box-shadow:0 3px 10px rgba(0,0,0,0.08);
}

.single-content{
width:70%;
background:#fff;
padding:20px;
border-radius:10px;
}

.single-content img{
width:100%;
border-radius:10px;
margin:20px 0;
}

.meta{
color:gray;
font-size:14px;
margin-bottom:15px;
}

.author-box{
background:#f1f1f1;
padding:15px;
margin-top:30px;
border-radius:8px;
}

.footer{
text-align:center;
padding:20px;
background:#fff;
margin-top:40px;
}

body.dark-mode{
background:#121212;
color:#fff;
}

body.dark-mode .post-card,
body.dark-mode .widget-box,
body.dark-mode .single-content,
body.dark-mode .footer{
background:#1e1e1e;
color:#fff;
}

@media(max-width:900px){

.layout,
.single-layout{
flex-direction:column;
}

.feed,
.sidebar,
.single-content{
width:100%;
}

.nav-menu{
display:none;
}
}