body {
direction: rtl;
font-family: Noto Kufi Arabic;
background: #f4f4f4;
margin: 0;
}

header {
background: #fbfbfb;
color: #fff;
padding: 15px;
}

.logo img {
max-width: 100%;
height: auto;
max-height: 100%;
display: block;
}

nav ul {
display: flex;
gap: 15px;
list-style: none;
padding: 0;
margin: 0;
}

nav a {
color: #fff;
text-decoration: none;
}

a {
color: #4e1c6f;
	text-decoration: none;
}

a:hover {
color: #2e0f45;
}

.menu-toggle {
display: none;
background: #4e1c6f;
color: #fff;
font-size: 24px;
border: none;
}

.breaking-news {
background: #4e1c6f;
color: #fff;
padding: 8px;
font-size: 14px;
}

.container {
width: 95%;
margin: auto;
}

.featured {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
margin-top: 20px;
}

.featured-post, .post {
background: #fff;
padding: 10px;
margin-bottom: 10px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.featured img {
width: 100%;
height: auto;
}

.category-block {
margin-top: 30px;
}

.category-block h2 {
border-bottom: 3px solid #4e1c6f;
padding-bottom: 5px;
}

.post {
display: flex;
gap: 10px;
align-items: center;
}

.post img {
width: 100px;
height: 70px;
object-fit: cover;
}

.single-featured {
width: 100%;
height: auto;
max-height: 500px;
object-fit: cover;
margin-bottom: 15px;
border-radius: 6px;
}

/* Mobile */
@media (max-width: 768px) {
.menu-toggle { display: block;}

nav ul {
display: none;
flex-direction: column;
background: #4e1c6f;
padding: 10px;
}

nav ul.show { display: flex; }

.featured { grid-template-columns: 1fr; }

.post {
flex-direction: column;
align-items: flex-start;
}

.post img {
width: 100%;
height: auto;
}
}

/* Small phones */
@media (max-width: 480px) {
header h1 { font-size: 15px; }
.container { display: block;
        max-width: 98%;
}
.post-container1 { 
	    display: block;
        padding: 15px;
	max-width: 100%;
	}
	.logo {
    margin-right: 100px;
	}

/* Large screens */
@media (min-width: 1200px) {
.container { width: 85%; }
.featured { grid-template-columns: repeat(4, 1fr); }
}