/* restaurant-kafyhdby.css */

/* الخلفية سوداء ولون النص أبيض لكل الصفحة */
/* تحميل الخط Changa */
@import url('https://fonts.googleapis.com/css2?family=Changa:wght@400;500;600;700&display=swap');

/* الخلفية سوداء ولون النص أبيض لكل الصفحة */
body.restaurant-slug-kafyhdby {
    margin: 0;
    font-family: 'Changa', sans-serif !important; /* استخدام الخط بعد الاستيراد */
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff !important; /* نص أبيض */
    text-align: left;
    background-color: #000000 !important; /* خلفية سوداء */
}



/* تصحيح الجوال */
@media (max-width: 992px) {
    body.restaurant-slug-kafyhdby {
    margin: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #525f7f;
    text-align: left;
    background-color: #000000;

    }
}

body.restaurant-slug-kafyhdby .res_title a {
    color: #EFBF04 !important;
}

body.restaurant-slug-kafyhdby .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff !important;
}

.display-4 {
    color: #ffffff !important;
}



body.restaurant-slug-kafyhdby,
body.restaurant-slug-kafyhdby * {
    background-color: #000 !important;
    color: #f0f0f0 !important;
}

/* الروابط والعناوين */
body.restaurant-slug-kafyhdby a,
body.restaurant-slug-kafyhdby span,
body.restaurant-slug-kafyhdby h1,
body.restaurant-slug-kafyhdby h2,
body.restaurant-slug-kafyhdby h3,
body.restaurant-slug-kafyhdby h4,
body.restaurant-slug-kafyhdby h5,
body.restaurant-slug-kafyhdby h6,
body.restaurant-slug-kafyhdby p,
body.restaurant-slug-kafyhdby li,
body.restaurant-slug-kafyhdby label,
body.restaurant-slug-kafyhdby button {
    color: #f0f0f0 !important;
}

/* الروابط داخل العناصر التي تحمل notranslate */
body.restaurant-slug-kafyhdby .notranslate a {
    color: #ffffff !important;
}

/* تبويبات nav-pills داخل tabbable للصفحة الخاصة بالمطعم */
body.restaurant-slug-kafyhdby .tabbable .nav-pills .nav-link {
    background-color: #FFD700 !important; /* خلفية بيضاء */
    color: #000000 !important; /* النص ذهبي */
    border-radius: 12px !important; /* شكل الزر */
    padding: 10px 20px; /* يمكن تعديل الحجم حسب الحاجة */
    margin-right: 5px; /* مسافة بين الأزرار */
    transition: all 0.3s ease; /* تأثير سلس عند hover */
}

/* عند التمرير على الرابط */
body.restaurant-slug-kafyhdby .tabbable .nav-pills .nav-link:hover {
    background-color: #f8f8f8 !important; /* خلفية أفتح عند hover */
    color: #FFC107 !important; /* ذهبي فاتح عند hover */
}

/* الرابط النشط */
body.restaurant-slug-kafyhdby .tabbable .nav-pills .nav-link.active {
    background-color: #ffffff !important; /* نفس الخلفية البيضاء */
    color: #FFD700 !important; /* نص ذهبي */
    font-weight: bold;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* تأثير خفيف للزر */
}