/*
Theme Name: محمد خليفي
Theme URI: https://mohammedkhelifi.com
Author: MEHA Web
Description: قالب أنيق وبسيط، مُعدّ خصيصًا للكاتب والشاعر والسياسي الجزائري محمد خليفي. يدعم اللغة العربية والكتابة من اليمين إلى اليسار بشكل كامل.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mohammed-khelifi
*/

:root{
  --navy:#0d2436;
  --navy-deep:#081620;
  --gold:#c8a24d;
  --gold-light:#e4c984;
  --cream:#f8f4ea;
  --text:#262420;
  --muted:#6f6b60;
  --border:#e4dcc8;
}

*{box-sizing:border-box;}

html{direction:rtl;}

body{
  margin:0;
  font-family:'Tajawal', sans-serif;
  background:var(--cream);
  color:var(--text);
  line-height:1.95;
  font-size:17px;
}

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

h1,h2,h3,h4,
.site-title,
.entry-title,
blockquote,
.hero-title{
  font-family:'Amiri', serif;
}

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

/* ===== Header ===== */
.site-header{
  background:var(--navy);
  padding:0;
  border-bottom:3px solid var(--gold);
}
.site-header-inner{
  max-width:1040px;
  margin:0 auto;
  padding:22px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:16px;
}
.site-branding{display:flex;align-items:center;gap:14px;}
.site-branding img{border-radius:50%;width:56px;height:56px;object-fit:cover;border:2px solid var(--gold);}
.site-title{
  color:#fff;
  font-size:1.6rem;
  margin:0;
  letter-spacing:.5px;
}
.site-title a{color:#fff;}
.site-description{
  color:var(--gold-light);
  font-size:.9rem;
  margin:2px 0 0;
  font-family:'Tajawal',sans-serif;
}

.main-nav ul{
  list-style:none;
  display:flex;
  gap:28px;
  margin:0;
  padding:0;
  flex-wrap:wrap;
}
.main-nav a{
  color:#f1e9d6;
  font-size:1rem;
  padding:6px 2px;
  border-bottom:2px solid transparent;
  transition:.2s;
}
.main-nav a:hover{color:var(--gold-light);border-bottom-color:var(--gold);}

/* ===== Hero (front page) ===== */
.hero{
  max-width:1040px;
  margin:0 auto;
  padding:64px 24px 48px;
  text-align:center;
}
.hero-title{
  font-size:2.4rem;
  color:var(--navy);
  margin:0 0 10px;
}
.hero-role{
  color:var(--gold);
  font-size:1.05rem;
  letter-spacing:1px;
  margin:0 0 28px;
  font-weight:700;
}
.hero-bio{
  max-width:680px;
  margin:0 auto;
  font-size:1.1rem;
  color:var(--muted);
}

/* ===== Content wrapper ===== */
.content-wrap{
  max-width:1040px;
  margin:0 auto;
  padding:0 24px 72px;
}

.section-title{
  font-size:1.5rem;
  color:var(--navy);
  border-bottom:1px solid var(--border);
  padding-bottom:10px;
  margin:48px 0 28px;
}

/* ===== Post cards (archive / front page list) ===== */
.post-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));
  gap:28px;
}
.post-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:10px;
  padding:24px;
  box-shadow:0 4px 16px rgba(13,36,54,.06);
}
.post-card .cat-tag{
  display:inline-block;
  background:var(--navy);
  color:var(--gold-light);
  font-size:.75rem;
  padding:3px 12px;
  border-radius:20px;
  margin-bottom:12px;
}
.post-card h3{
  font-size:1.25rem;
  margin:0 0 10px;
  color:var(--navy);
}
.post-card h3 a:hover{color:var(--gold);}
.post-card .excerpt{
  color:var(--muted);
  font-size:.95rem;
  margin:0 0 14px;
}
.post-card .meta{
  font-size:.82rem;
  color:#9a9484;
}
.post-card .read-more{
  display:inline-block;
  margin-top:10px;
  color:var(--navy);
  font-weight:700;
  border-bottom:2px solid var(--gold);
}

/* ===== Single post / page ===== */
.single-wrap{
  max-width:760px;
  margin:0 auto;
  padding:56px 24px 80px;
}
.single-cat{
  display:inline-block;
  background:var(--navy);
  color:var(--gold-light);
  font-size:.78rem;
  padding:4px 14px;
  border-radius:20px;
  margin-bottom:18px;
}
.entry-title{
  font-size:2rem;
  color:var(--navy);
  margin:0 0 10px;
  line-height:1.5;
}
.entry-meta{
  color:var(--muted);
  font-size:.88rem;
  margin-bottom:36px;
}
.entry-content{
  font-size:1.15rem;
}
.entry-content p{margin:0 0 22px;}
.entry-content blockquote{
  margin:32px 0;
  padding:18px 26px;
  border-right:4px solid var(--gold);
  background:#fff;
  color:var(--navy);
  font-size:1.3rem;
  border-radius:4px;
}
.entry-content h2,.entry-content h3{color:var(--navy);margin-top:40px;}

/* ===== Footer ===== */
.site-footer{
  background:var(--navy-deep);
  color:#cdd3d8;
  text-align:center;
  padding:40px 24px;
  margin-top:48px;
  font-size:.9rem;
}
.site-footer .gold{color:var(--gold-light);font-weight:700;font-family:'Amiri',serif;font-size:1.1rem;}

/* ===== Responsive ===== */
@media (max-width:640px){
  .site-header-inner{flex-direction:column;align-items:flex-start;}
  .hero-title{font-size:1.9rem;}
  .entry-title{font-size:1.5rem;}
}