/* --------------------------------------------------------------------------------------------------------
/* ----------------- GENERAL MENU STYLES -----------------
/* -------------------------------------------------------------------------------------------------------- */
.tulip-header {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* --------------------------------------------------------------------------------------------------------
/* ----------------- TOP NAVIGATION BAR -----------------
/* -------------------------------------------------------------------------------------------------------- */
.navbar-brand {
  font-size   : 1.5rem;
  font-weight : bold;
  padding-left: 0.5rem;
}

.navbar-nav .nav-link {
  color         : #495057;
  font-size     : 0.85rem;
  font-weight   : 500;
  margin        : 0 0.5rem;
  text-transform: uppercase;
}

.navbar-nav .nav-link:hover {
  color: #0056b3;
}

.navbar-nav .nav-link.active {
  color: #0056b3;
  font-weight: 700;
}

/* --------------------------------------------------------------------------------------------------------
/* ----------------- USER SECTION -----------------
/* -------------------------------------------------------------------------------------------------------- */
.user-section .btn-info {
  background-color: #17a2b8;
  border          : none;
  color           : white;
  height          : 36px;
  width           : 36px;
}

.user-section .btn-outline-danger {
  border-color  : #dc3545;
  color         : #dc3545;
  font-size     : 0.75rem;
  font-weight   : 500;
  text-transform: uppercase;
}

.user-section .btn-outline-danger:hover {
  background-color: #dc3545;
  color: white;
}

/* --------------------------------------------------------------------------------------------------------
/* ----------------- CONTROL BAR -----------------
/* -------------------------------------------------------------------------------------------------------- */
.control-bar {
  background-color: #343a40 !important;
}

.control-bar .breadcrumb {
  background-color: transparent;
  font-size       : 0.85rem;
  margin-bottom   : 0;
  padding         : 0.25rem 0.5rem;
}

.control-bar .breadcrumb-item a {
  color: rgba(255, 255, 255, 0.75);
  text-decoration: none;
}

.control-bar .breadcrumb-item a:hover {
  color: white;
  text-decoration: underline;
}

.control-bar .breadcrumb-item.active {
  color: rgba(255, 255, 255, 0.5);
}

.control-bar .breadcrumb-item+.breadcrumb-item::before {
  color: rgba(255, 255, 255, 0.5);
}

/* Responsive adjustments */
@media (max-width: 992px) {
  .navbar-collapse {
    /* background-color: #f8f9fa; */
    border-radius   : 0.25rem;
    margin-top      : 0.5rem;
    padding         : 0.5rem;
  }

  .control-bar .col-md-4 {
    margin-bottom: 0.5rem;
    text-align   : center;
  }

  .control-bar .col-md-4:last-child {
    margin-bottom: 0;
  }
}

/* Button group styling */
.btn-group .btn-outline-light {
  border-color: #6c757d;
  color: #f8f9fa;
}

.btn-group .btn-outline-light:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.btn-group .btn-check:checked + .btn-outline-light {
  background-color: #fff;
  border-color    : #fff;
  color           : #212529;
}

.btn-group .btn-check:focus + .btn-outline-light,
.btn-group .btn-outline-light:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
}