/**
 * Navigation and Menu Custom Styles
 *
 * Consolidated CSS from navigation and menu template files:
 * - superadmin_menu.php (162 lines)
 * - mobile_menu.php (42 lines)
 * - user_topbar.php (26 lines)
 * Total: 230 lines of inline styles
 */

/* ===== superadmin_menu.php ===== */
        .temp-calendar {
            justify-content: flex-end !important;
            display: flex;
        }

        .logout-button {
            width: 100% !important;
            left: -10px !important;
        }

        .dropdown-menu {
            position: absolute;
            top: 47px;
            right: 10px;
            z-index: 1000;
            left: -168px;
            width: 400px;
            padding: .5rem 0;
            font-size: 1rem;
            background-color: #fff;
            border: 1px solid rgba(0, 0, 0, .15);
            border-radius: .25rem;
        }

        @media (min-width:768px) and (max-width:992px) {
            .temp-calendar {
                justify-content: flex-end !important;
                display: inline !important;
            }

            .top_title {
                margin-left: 70px !important;
            }

            .serch_sec_top {
                margin-left: 70px !important;
                margin-bottom: 50px !important;
            }

            .right_top_sec {
                display: flex;
                align-items: center;
                justify-content: end;
                margin-top: -115px;
            }
        }

        .modal .modal-dialog {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .form-floating > .form-control:focus,
        .form-floating > .form-control:not(:placeholder-shown) {
            padding-top: 1.8rem;
            padding-bottom: 0.625rem;
        }

        .form-floating > .form-control:focus ~ label,
        .form-floating > .form-control:not(:placeholder-shown) ~ label,
        .form-floating > .form-select ~ label {
            opacity: 0.55;
            transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
            font-size: 15px;
        }

        .form_time1 {
            margin: 0px 42px;
        }

        .form_time1 .form-floating1 {
            width: 50%;
            float: left;
        }

        .form_time1 .form-floating2 {
            width: 50%;
            float: left;
        }

        .form-check-inline {
            display: inline-flex;
            align-items: center;
            margin-right: .75rem;
        }

        .modal-footer {
            display: flex;
            justify-content: center;
            border: none;
        }

        .modal-footer button {
            background: #F96703;
            border-radius: 9px;
            padding: 10px 20px;
            color: #ffffff;
            font-size: 17px;
            width: 300px;
        }

        .fc-day {
            text-align: center;
            margin-bottom: 5px;
            padding: 4px;
            color: #000;
            width: 20px;
            border-radius: 50%;
            align-self: flex-end;
        }

        .fc-event {
            display: block;
            font-size: .85em;
            line-height: 1.3;
            border-radius: 3px;
            border: 1px solid #FFC489;
        }

        .fc-day-grid-event .fc-time {
            font-weight: 700;
            display: none !important;
        }

        .fc-toolbar h2 {
            color: #0E559F;
            font-weight: 700;
            padding-left: 10px;
        }

        .fc-button-group button {
            background: #0E559F;
            color: #fff;
            margin: 0px !important;
        }

        .fc-widget-header th {
            border-color: #ddd;
            color: #71706F;
            font-size: 16px;
            font-family: 'Poppins';
            font-weight: 200;
            padding: 4px 5px;
            border: none;
            text-align: left;
            padding-left: 10px;
        }

        .fc-event,
        .fc-event-dot {
            background-color: #FFC489;
        }
        .links{
            margin-left: 40px;
            font-weight: bold;
        }
        .linklist{
            margin-left: 30px;
        }

/* ===== mobile_menu.php ===== */
                        #mobile-menu-search .search-toggler {
                            background: #fff;
                            border: 1px solid #ccc;
                            color: #333;
                            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
                        }

                        #mobile-menu-search .search-toggler:focus,
                        #mobile-menu-search .search-toggler:hover {
                            background: #f5f5f5;
                            color: #007bff;
                            border-color: #007bff;
                        }

                        #mobile-menu-search .search-toggler {
                            border: none;
                            box-shadow: none;
                        }

                        #mobile-menu-search .search-toggler .fa-search {
                            color: #CCC;
                            font-size: 1.5em;
                        }
                    </style>
            <style>
                .mobile-dropdown-container {
                    position: absolute;
                    top: 100%;
                    left: 0;
                    width: 100%;
                    z-index: 1050;
                    /* Ensure it appears above other elements */
                }

                .mobile-dropdown-wrapper {
                    max-width: 1200px;
                    /* Adjust as needed */
                    margin: 0 auto;
                    padding: 0 16px;
                }

/* ===== user_topbar.php ===== */
   .dropdown.right_dropdown button.dropdown-toggle {
      background: transparent;
   }

   .top_title h5 {
      font-size: 27px;
   }

   .top_center_main {
      margin-left: 15px;
   }

   /*.align-items-center {align-items: Center; display:flex;top: 10px; margin-bottom: 30px; margin-right: 20px;}*/
   .dropdown.right_dropdown .dropdown-toggle img {
      margin-right: 3px;
   }

   .dropdown-item {
      background: none;
   }

   .dropdown-item a {
      color: #F92903;
   }