/* ============================================================
   Custom overrides for the Duralux theme
   ============================================================ */

/** Navigation **/
.nxl-navigation .m-header {
   height: 61px;
}

/* Hide the collapse toggle on mobile — the hamburger menu is used instead */
.nxl-navigation-toggle {
   display: none;
}
@media (min-width: 992px) {
   .nxl-navigation-toggle {
      display: flex;
      align-items: center;
   }
}

/* When the sidebar is collapsed, hide submenus and auxiliary content
   so only the top-level group icons are visible. */
html.minimenu .nxl-navigation .nxl-submenu {
   display: none !important;
}
html.minimenu .nxl-navigation:not(:hover) .app-version {
   display: none;
}

/* On hover the sidebar expands to 280px — show ONLY the active
   group's submenu (the one whose <li> has .nxl-trigger). */
html.minimenu .nxl-navigation:hover .nxl-hasmenu.nxl-trigger > .nxl-submenu {
   display: block !important;
}

/** Global header **/
.nxl-header, .nxl-header .header-wrapper .nxl-h-item, .page-header {
   min-height: 60px;
}

/** Page header **/
.nxl-container {
   top: 60px;
}

.page-header {
   padding: 0 20px;
}

h5 {
   font-size: 0.85rem;
}

.page-header .breadcrumb {
   font-size: 12px;
}

.btn-icon, .btn-icon.show {
   border: 1px solid #3454d1!important;
   color: #3454d1!important;
   padding: 6px 6px!important;
}

.btn {
   padding: 6px 16px;
}

.dropdown-menu {
   padding: 6px 0;
}

.dropdown .dropdown-menu .dropdown-item {
   padding: 6px 15px;
}

#customerDropdown.dropdown-menu .dropdown-item, #productDropdown.dropdown-menu .dropdown-item, #collectOrderDropdown.dropdown-menu .dropdown-item, #orderFilterCustomerDropdown.dropdown-menu .dropdown-item {
   font-size: 11px!important;
}

/** Main content **/

.nxl-container .nxl-content .main-content {
   padding: 20px 20px 5px;
}

.card .card-header {
   background-color: #3454d1;
}

.card .card-header .card-title {
   color: #fff;
   font-size: 14px;
}

.card-header {
   padding: 15px 15px;
}

.card-body {
   padding: 15px;
}  

/* Normalize font size across all form inputs so that
   .form-control (text, email, textarea, date, number)
   and .form-select render identically. */
.form-control,
.form-select {
    font-size: 0.7rem;
    text-transform: uppercase;
    padding: 6px 8px;
    line-height: 1.2;
}

.form-label {
   font-size: 11px!important;
   margin-bottom: .1rem;
}

form.ds-login-form .form-control,
form.ds-login-form .form-select {
    text-transform: none;
}

.dataTables_wrapper .row:first-child {
   border-bottom: none!important;
}

.dataTables_wrapper .row:last-child {
   border-top: none!important;
}

.table-responsive .table {
   border-style: solid;
   border-width: 1px;
   border-left: none;
   border-right: none;
}

.table-responsive .table thead {
   background-color: rgba(52, 84, 209, .075);
}

.table-responsive .table thead th {
   color: #3454d1;
}

.table>thead {
   vertical-align: middle!important;
}

.table-responsive .table tr td {
   font-size: 11px;
   padding: 10px 15px;
}

.table-responsive .table thead th:first-child {
    padding-left: 15px;
}

.table-responsive .table thead th:last-child {
    padding-right: 15px;
}

.table-responsive .table tr td:first-child {
    padding-left: 15px;
}

.dataTables_wrapper table.dataTable td,
.dataTables_wrapper table.dataTable th {
   text-transform: uppercase;
}

.daily-dispatch-card .form-label {
   color: #fff!important;
}

#dispatchMenu.dropdown .dropdown-menu {
   width: auto!important;
}

#orderListMenu.dropdown .dropdown-menu {
   width: auto!important;
}