body {
    padding-top: 60px; /* اضبط هذه القيمة حسب ارتفاع الـ navbar */

    .dropdown-submenu {
        position: relative;
    }
    .dropdown-menu li {
        position: relative;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > .dropdown-menu {
        display: none;
        position: absolute;
        left: 100%;
        top: 0;
        margin-top: -1px;
    }
    
    #toast-container .toast{
    max-width: 360px;
    width: auto !important;   /* لو عندك ستايل قديم يفرض 100% */
    pointer-events: auto;     /* لزر الإغلاق */
    border-radius: .75rem;
    box-shadow: 0 8px 24px rgba(0,0,0,.15);
    }
    #toast-container .btn-close { filter: invert(1); }

    @media (max-width: 768px) {
        .dropdown-submenu > .dropdown-menu {
            position: static;
            float: none;
        }
    }
}