/* ------------------------------------
   style.css - مقهى ديكاف (التصميم الاحترافي الجديد)
   ------------------------------------ */

/* 1. أنماط الجسم والنص الأساسية */
body {
    font-family: 'Arial', 'Tahoma', 'sans-serif'; 
    background-color: #F8F5F1; /* لون بيج فاتح ودافئ */
    color: #333;
    direction: rtl;
    text-align: right;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* 2. أنماط الرأس (Header) */
header {
    background-color: transparent; /* خلفية شفافة أو بلون الخلفية */
    padding-top: 30px;
    padding-bottom: 15px;
}

header img {
    max-height: 90px; /* حجم الشعار أكبر قليلاً */
    width: auto;
}

/* 3. المحتوى الرئيسي (Main) */
.page_content {
    flex-grow: 1;
    padding-top: 20px;
}

/* 4. تصميم قائمة الروابط (Menu Items) - تحويلها إلى بطاقات احترافية */
.contact_us_2 {
    padding: 0 15px;
    max-width: 600px; /* تحديد عرض أقصى لتبدو جيدة على الشاشات الكبيرة */
    margin: 0 auto;
}

.meun_item {
    margin-bottom: 15px; /* مسافة بين كل رابط */
}

.meun_item a {
    /* تصميم البطاقة */
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FFFFFF; /* خلفية بيضاء نظيفة للزر */
    border: 1px solid #E0DEDC; /* حدود رقيقة */
    padding: 18px 25px; /* حشو أكبر للزر */
    border-radius: 10px; /* زوايا مدورة ناعمة */
    text-decoration: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); /* ظل خفيف لإبراز البطاقة */
    transition: all 0.3s ease-in-out;
}

.meun_item a:hover {
    background-color: #FFFDFB;
    transform: translateY(-3px); /* تأثير رفع عند التمرير */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

.meun_item .title {
    font-size: 1.15em;
    color: #5C4033; /* لون نص بني غامق (لون القهوة) */
    font-weight: bold;
    margin-right: 15px; /* مسافة بين الأيقونة والنص */
}

/* تصميم الأيقونات داخل الزر */
.border_msg_img {
    background-color: #E6E1D9; /* لون خلفية الأيقونة فاتح */
    padding: 10px;
    border-radius: 50%; /* جعلها دائرية */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
}

.meun_item img {
    max-width: 20px;
    max-height: 20px;
}

/* إخفاء فواصل الخطوط القديمة */
hr {
    display: none; 
}

/* 5. أنماط التذييل (Footer) - جعلها أنظف وأقل بروزاً */
footer {
    background-color: #F8F5F1; /* نفس لون الخلفية */
    color: #A09A92; /* لون رمادي باهت للحقوق */
    font-size: 0.85em;
    padding: 20px 0;
    margin-top: 40px;
    border-top: 1px solid #EAEAEA; /* خط فاصل خفيف جداً */
}

footer p {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

footer span {
    color: #5C4033; /* تمييز اسم الشركة بلون القهوة */
    font-weight: bold;
    margin-left: 5px;
}

footer img {
    max-height: 18px; /* حجم الشعار أصغر وأكثر دقة */
    vertical-align: middle;
    margin-right: 5px;
}