@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Inter:wght@300;400;600&display=swap');
:root{
  --bg:#f7f2ec; --deep:#22343f; --sand:#e4d3be; --rock:#8b694f; --accent:#2b4f6a; --text:#1b2626;
}
*{box-sizing:border-box}
body{font-family:Inter, Arial, sans-serif; margin:0; color:var(--text); background:var(--bg); -webkit-font-smoothing:antialiased}
header.site-header{
  background: linear-gradient(180deg, rgba(34,52,63,0.9), rgba(139,107,75,0.5)), url('../assets/header-texture.jpg') center/cover no-repeat;
  color:white;
  padding:28px 24px;
  display:flex;
  align-items:center;
  gap:18px;
  position:relative;
}
.logo{display:flex;align-items:center;gap:12px}
.logo img{height:64px; width:auto; display:block}
.site-title{font-size:22px;margin:0;font-weight:600}
.site-slogan{font-family:'Libre Baskerville', serif; font-size:42px; margin:22px 0 0 0; color:#fff; line-height:1.05}
.nav{margin-left:auto; display:flex; gap:14px; align-items:center}
.nav a{color:#1f2b32; text-decoration:none; padding:10px 14px; border-radius:6px; background:var(--sand); color:var(--deep); font-weight:500}
.top-controls{display:flex; gap:10px; align-items:center}
.lang-icon{position:relative; cursor:pointer; background:rgba(255,255,255,0.06); border-radius:6px; padding:8px 10px; display:flex; align-items:center; gap:8px; color:white}
.lang-dropdown{position:absolute; right:0; top:48px; background:white; color:var(--deep); border-radius:8px; box-shadow:0 10px 30px rgba(0,0,0,0.15); display:none; min-width:140px; overflow:hidden}
.lang-dropdown a{display:block; padding:10px 12px; text-decoration:none; color:var(--deep)}
.lang-dropdown a:hover{background:#f3efe8}
.lang-icon.open .lang-dropdown{display:block}
.container{max-width:1100px;margin:26px auto;padding:0 20px}
.hero{padding:36px 0 18px}
.main-nav-bar{background:var(--sand); padding:12px 0; color:var(--deep)}
.main-nav-bar .container{display:flex; gap:20px; align-items:center}
.main-nav-bar a{color:var(--deep); text-decoration:none; padding:8px 12px; border-radius:6px}
.card{background:linear-gradient(180deg,rgba(255,255,255,0.98),rgba(255,255,255,0.98));border-radius:10px;padding:26px;box-shadow:0 12px 30px rgba(0,0,0,0.06); margin-bottom:20px}
h2{font-family:'Libre Baskerville', serif; font-size:42px; margin:0 0 12px 0}
h3{font-family:'Libre Baskerville', serif; font-size:32px}
ul{padding-left:18px}
.footer{background:var(--deep);color:#dfe9ea;padding:20px;text-align:center;margin-top:30px}
[dir="rtl"] body{direction:rtl}
@media (max-width:900px){
  .site-slogan{font-size:28px}
  header.site-header{padding:18px}
  .logo img{height:48px}
  .nav{display:none}
  .main-nav-bar .container{overflow:auto; white-space:nowrap}
}