/* Add custom CSS styles below */ 
/* ============================= */
/* شريط متحرك أعلى الصفحة - Top Bar */
/* ============================= */
.top-bar {
    background: linear-gradient(to bottom, rgb(74, 50, 30), rgb(85, 58, 35)); /* تدرج خفيف */
    color: rgb(248, 241, 229) !important; /* نص عاجي */
    font-size: 14px;
    padding: 5px 0;
    text-align: center; /* لتنسيق النصوص */
}

/* ============================= */
/* ترويسة الصفحة - Header */
/* ============================= */
.header,
.header-wrapper {
    background: linear-gradient(to bottom, rgb(92, 63, 38), rgb(102, 70, 42)); /* بني غامق مع تدرج */
    color: rgb(248, 241, 229) !important; /* نص عاجي */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* يعطي إحساس بالعمق */
}

/* ============================= */
/* روابط الهيدر */
/* ============================= */
.header a,
.header-wrapper a,
.header .nav-menu a {
    color: rgb(248, 241, 229) !important; /* نص عاجي */