/* استدعاء خط Cairo */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap');

/* الخط العام واللون الأسود */
body, h1, h2, h3, h4, h5, h6, a, p, button, span, div {
    font-family: 'Cairo', sans-serif;
}

/* خلفية الموقع */
body {
    background-color: #f4f0eb;
}

/* الهيدر (القائمة العلوية) */
.header, .navbar, .main-header {
    background-color: #ffffff; /* أبيض نظيف */
    border-bottom: 2px solid #000000; /* خط أسود بسيط تحت */
    padding: 15px 0;
}

.header a, .navbar a {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
}

.header a:hover, .navbar a:hover {
    color: #C0392B; /* أحمر غامق عند مرور الماوس */
}

/* الفوتر (القائمة السفلية) */
.footer, .site-footer {
    background-color: #ffffff;
    border-top: 2px solid #000000; /* خط أسود فوق */
    padding: 20px 0;
}

.footer a, .site-footer a, .footer p, .site-footer p {
    color: #000000;
    text-decoration: none;
    font-size: 14px;
}

.footer a:hover, .site-footer a:hover {
    color: #C0392B; /* أحمر غامق عند المرور */
}

/* تحسين القوائم */
.navbar-nav > li {
    margin: 0 10px;
}

/* تحسين الأيقونات إذا فيه */
.header i, .footer i {
    color: #C0392B;
}