/*=========================================
    TABLET (1024px)
=========================================*/
@media (max-width:1024px){

.container{
    width:95%;
}

/* Layout */
.content-wrapper{
    display:block;
}

.sidebar{
    margin-top:50px; /* साइडबार को आर्टिकल से थोड़ा और नीचे किया */
}

/* Hero */
.hero-grid{
    display:block;
}

.hero-right{
    margin-top:25px;
}

.hero-image img{
    height:260px;
}

.hero-title{
    font-size:32px; /* थोड़ा बड़ा किया ताकि आकर्षक लगे */
}

/* Grids */
.latest-grid,
.category-grid,
.popular-grid,
.related-grid,
.footer-grid{
    grid-template-columns:repeat(2,1fr);
}

/* Single */
.single-content-wrapper{
    grid-template-columns:1fr;
}

.single-sidebar{
    position:static;
    /* 'order: -1;' हटा दिया गया है ताकि साइडबार आर्टिकल के नीचे आए */
    margin-top:40px; 
    margin-bottom:30px;
}

}

/*=========================================
    MOBILE (768px)
=========================================*/
@media (max-width:768px){

.container{
    width:94%;
}

/* Header */
.header-wrapper{
    height:auto;
    padding:15px 0;
    flex-wrap:wrap;
}

.site-logo a{
    font-size:24px;
}

#primary-navigation{
	display:none;
	width:100%;
	order:3;
	margin-top:15px;
}

#primary-navigation.active{
	display:block;
}

.primary-menu{
	display:flex;
	flex-direction:column;
	gap:15px;
	padding:20px 0;
    border-top: 1px solid var(--border); /* मेन्यू को हेडर से अलग करने के लिए क्लीन लाइन */
}

.header-actions{
	margin-left:auto;
}

.menu-toggle{
	display:flex;
}

/* Posts */
.post-card{
    margin-bottom:25px;
}

.post-title{
    font-size:24px;
}

/* Hero */
.hero-image img{
    height:220px;
}

.hero-title{
    font-size:26px;
}

/* All grids */
.latest-grid,
.category-grid,
.popular-grid,
.related-grid,
.footer-grid{
    grid-template-columns:1fr;
}

/* Newsletter */
.newsletter-box{
    padding:40px 25px;
}

.newsletter-box h2{
    font-size:28px;
}

.newsletter-form{
    flex-direction:column;
}

.newsletter-form input,
.newsletter-form button{
    width:100%;
}

/* Author */
.author-box{
    flex-direction:column;
    align-items:center;
    text-align:center;
}

/* Navigation */
.post-navigation{
    grid-template-columns:1fr;
}

/* Share Buttons */
.share-links{
    flex-direction:column;
}

.share-links a{
    width:100%;
}

/* Floating Share (LIGHT THEME UPDATE) */
.floating-share{
    left:0;
    right:0;
    bottom:0;
    top:auto;
    transform:none;
    flex-direction:row;
    justify-content:center;
    padding:12px;
    background: rgba(255, 255, 255, 0.98); /* अब यह सफ़ेद और साफ दिखेगा */
    border-top: 1px solid var(--border);
    box-shadow: 0 -4px 15px rgba(0,0,0,0.05); /* ऊपर की तरफ हल्की सी परछाई */
    z-index: 9999;
}

}

/*=========================================
    SMALL MOBILE (480px)
=========================================*/
@media (max-width:480px){

body{
    font-size:16px; /* 15px से बढ़ाकर 16px किया गया ताकि मोबाइल पर पढ़ना आसान हो */
}

.site-logo a{
    font-size:22px;
}

.post-title{
    font-size:21px;
}

.hero-title{
    font-size:24px;
}

.hero-image img{
    height:200px;
}

.newsletter-box{
    padding:30px 20px;
}

.newsletter-box h2{
    font-size:24px;
}

}