.no-transitions *,
.no-transitions *::before,
.no-transitions *::after {
  transition: none !important;
  animation: none !important;
}

/* منع تغير ارتفاع الحروف */
html{
  font-size-adjust: 0.52;
}

body{
  font-family: "Cairo", Arial, sans-serif;
}

body{
  font-family:CairoFix,"Cairo",Arial,sans-serif;
  margin:0;
  direction:rtl;
  background:#f9f9f9;
}

*{ box-sizing:border-box; }

/* ===== Top bar ===== */
.top-bar{
  background:#ccc;
  padding:10px 0;
}

.top-bar-container{
  max-width:1200px;
  margin:auto;
  padding:0 20px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

/* ===== Header ===== */
.main-header{
  background:#fff;
  position:sticky;
  top:0;
  z-index:1000;
  box-shadow:0 2px 5px rgba(0,0,0,.1);
}

.header-container{
  max-width:93%;
  margin:auto;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:80px;
}

.logo img{
  height:60px;
  width:auto;
}

/* ===== Nav ===== */
.main-nav{ flex:1; margin-right:40px; }

.nav-menu{
  display:flex;
  list-style:none;
  gap:28px;
  align-items:center;
  margin:0;
  padding:0;
}

.nav-menu a{
  color:#333;
  text-decoration:none;
  font-weight:bold;
  font-size:16px;
}

/* ===== Article Box ===== */
.post-box{
  background:#fff;
  border-radius:8px;
  padding:20px;
  box-shadow:0 2px 5px rgba(0,0,0,.1);
}

.post-box h1{
  font-size:25px;
  font-weight:bold;
  text-align:right;
}

.post-content{
  font-size:18px;
  line-height:30px;
  font-weight:bold;
  text-align:right;
}

/* ===== Featured image ===== */
.post-image .featured{
  width:75%;
  height:auto;
  aspect-ratio:658/370;
  object-fit:cover;
  display:block;
  margin:auto;
  background:#f2f2f2;
}

/* ===== Share icons ===== */
.share-bar{
  display:flex;
  gap:10px;
}

/* ===== Mobile critical ===== */
@media(max-width:768px){
  .post-image .featured{ width:100%; }
  .top-bar{ display:none; }
  .header-container{ height:70px; }
  .logo img{ height:60px; }
}