/* ==============================
   استيراد خط Changa لجميع المطاعم
   ============================== */
@import url('https://fonts.googleapis.com/css2?family=Changa:wght@400;500;600;700&display=swap');

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

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

/* Navbar و Footer */
body.restaurant-slug-brostdalsyad .navbar,
body.restaurant-slug-brostdalsyad .footer,
body.restaurant-slug-brostdalsyad .mobile-navbar,
body.restaurant-slug-brostdalsyad .mobile-footer,
body.restaurant-slug-brostdalsyad .mobile-menu {
    background-color: #111111 !important;
    color: #ffffff !important;
}

/* الصور */
body.restaurant-slug-brostdalsyad img.strip {
    border-radius: 12px !important;
}

/* عنوان العنصر في المينو */
body.restaurant-slug-brostdalsyad .res_title a,
body.restaurant-slug-brostdalsyad .res_mimimum {
    color: #ffd700 !important; /* ذهبي */
}


/* التبويبات */
body.restaurant-slug-brostdalsyad .tabbable .nav-pills .nav-link {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-radius: 12px !important;
}

/* إدخالات النصوص */
body.restaurant-slug-brostdalsyad input,
body.restaurant-slug-brostdalsyad textarea {
    background-color: #222222 !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
}

/* أزرار */
body.restaurant-slug-brostdalsyad button,
body.restaurant-slug-brostdalsyad .btn {
    background-color: #222222 !important;
    color: #ffffff !important;
    border-color: #333333 !important;
}

/* Dropdown والـ Select */
body.restaurant-slug-brostdalsyad .dropdown-menu,
body.restaurant-slug-brostdalsyad select,
body.restaurant-slug-brostdalsyad .select2-container--default .select2-selection--single {
    background-color: #111111 !important;
    color: #ffffff !important;
}

/* البطاقات والـ cards */
body.restaurant-slug-brostdalsyad .card,
body.restaurant-slug-brostdalsyad .menu-item,
body.restaurant-slug-brostdalsyad .order-summary {
    background-color: #1b1b1b !important;
    color: #ffffff !important;
}

/* ==============================
   تصحيح الـ RTL
   ============================== */
body.restaurant-slug-brostdalsyad.rtl {
    direction: rtl !important;
    text-align: right !important;
}

body.restaurant-slug-brostdalsyad.rtl .navbar-nav {
    float: right !important;
}

body.restaurant-slug-brostdalsyad.rtl .card,
body.restaurant-slug-brostdalsyad.rtl .dropdown-menu {
    text-align: right !important;
}

body.restaurant-slug-brostdalsyad.rtl .btn {
    float: right !important;
}

body.restaurant-slug-brostdalsyad.rtl .form-group {
    text-align: right !important;
}

/* ==============================
   Media Queries لتصحيح الجوال
   ============================== */
@media (max-width: 992px) {
    body.restaurant-slug-brostdalsyad .navbar,
    body.restaurant-slug-brostdalsyad .mobile-navbar,
    body.restaurant-slug-brostdalsyad .footer,
    body.restaurant-slug-brostdalsyad .mobile-footer {
        background-color: #111111 !important;
        color: #ffffff !important;
    }

    body.restaurant-slug-brostdalsyad .card,
    body.restaurant-slug-brostdalsyad .menu-item {
        background-color: #1b1b1b !important;
    }

    
}
/* تغيير لون زر الـ navbar-toggler إلى الأبيض */
body.restaurant-slug-brostdalsyad .navbar-light .navbar-toggler,
body.restaurant-slug-brostdalsyad .navbar-light .navbar-toggler.collapsed {
    border-color: #ffffff !important; /* إطار الزر أبيض */
}

/* تغيير لون أيقونة الهامبرغر داخل الزر */
body.restaurant-slug-brostdalsyad .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}