/* =================================
POST PAGE WRAPPER
================================= */

.lw-post-wrapper{
background:#f3f3f3;
padding:40px 0;
}


/* =================================
POST GRID LAYOUT
================================= */

.lw-post-container{
max-width:1200px;
margin:auto;
display:grid;
grid-template-columns: 1fr 320px;
gap:40px;
align-items:start;
}


/* =================================
POST CONTENT BOX
================================= */

.lw-post-content{
background:#fff;
padding:40px;
border-radius:10px;
box-shadow:0 4px 12px rgba(0,0,0,0.05);
}


/* =================================
CATEGORY BADGE
================================= */

.lw-post-category{
display:inline-block;
background:#c30000;
color:#fff;
padding:6px 12px;
font-size:12px;
font-weight:600;
border-radius:4px;
margin-bottom:12px;
text-decoration:none;
}

.lw-post-category:hover{
background:#ffc107;
color:#fff;
}


/* =================================
POST TITLE
================================= */

.lw-post-title{
font-size:34px;
line-height:1.3;
margin-bottom:20px;
font-weight:700;
}


/* =================================
FEATURED IMAGE
================================= */

.lw-post-featured{
margin-bottom:25px;
}

.lw-post-featured img{
width:100%;
height:auto;
border-radius:8px;
}


/* =================================
POST TEXT
================================= */

.lw-post-text{
font-size:16px;
line-height:1.8;
color:#333;
}

.lw-post-text p{
margin-bottom:18px;
}


/* =================================
SIDEBAR
================================= */

.lw-post-sidebar{
position:relative;
top:0px;
}

.lw-sidebar-ad{
margin-bottom:25px;
padding:6px;
background:linear-gradient(135deg,#f9df9b,#e2b35c,#c28b2c);
border-radius:10px;
box-shadow:0 6px 16px rgba(0,0,0,0.15);
}

.lw-sidebar-ad img{
width:100%;
height:auto;
border-radius:6px;
display:block;
}


/* =================================
READ MORE SECTION
================================= */

.lw-readmore{
margin-top:50px;
}

.lw-readmore-title{
font-size:20px;
font-weight:700;
margin-bottom:20px;
color:#c40000;
}


/* =================================
READ MORE GRID
================================= */

.lw-readmore-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}


/* =================================
READ MORE CARD
================================= */

.lw-card{
background:#fff;
border-radius:8px;
overflow:hidden;
transition:all .25s ease;
}

.lw-card:hover{
transform:translateY(-6px);
box-shadow:0 12px 25px rgba(0,0,0,0.12);
}


/* =================================
CARD IMAGE
================================= */

.lw-card-image img{
width:100%;
height:auto;
display:block;
}


/* =================================
CARD TITLE
================================= */

.lw-card-title{
font-size:16px;
font-weight:600;
padding:15px;
line-height:1.4;
color:#111;
}

.lw-card a{
text-decoration:none;
color:inherit;
display:block;
}


/* =================================
CARD HOVER
================================= */

.lw-card:hover .lw-card-title{
color:#c40000;
}


/* =================================
MOBILE RESPONSIVE
================================= */

@media(max-width:992px){

.lw-post-container{
grid-template-columns:1fr;
}

.lw-post-sidebar{
position:relative;
top:auto;
margin-top:30px;
}

.lw-readmore-grid{
grid-template-columns:1fr 1fr;
}

}


@media(max-width:768px){

.lw-post-content{
padding:25px;
}

.lw-post-title{
font-size:26px;
}

.lw-readmore-grid{
grid-template-columns:1fr;
}

.lw-post-wrapper{
padding:25px 0;
}

}


/* =================================
ARTICLE LINKS
================================= */

.lw-post-text a{
color:#c40000;
text-decoration:underline;
}

.lw-post-text a:hover{
color:#8f0000;
}


/* =================================
IMAGE INSIDE CONTENT
================================= */

.lw-post-text img{
max-width:100%;
height:auto;
border-radius:6px;
margin:20px 0;
}