/* Custom CSS Overrides - Load Last to Ensure Proper Specificity */

/* Override Bootstrap container max-width for better navbar layout */
@media (min-width: 1400px) {
  .container, 
  .container-lg, 
  .container-md, 
  .container-sm, 
  .container-xl, 
  .container-xxl {
    max-width: 1000px !important;
  }
}

@media (min-width: 1200px) {
  .container, 
  .container-lg, 
  .container-md, 
  .container-sm, 
  .container-xl {
    max-width: 1000px !important;
  }
}

/* Fix Customer button to match Vendor button styling */
.header-area .more-option .btn-outline {
  color: var(--btn-color) !important;
  background-color: var(--color-primary) !important;
  border: 1px solid var(--color-primary) !important;
  box-shadow: 0 10px 30px -7px rgba(var(--color-primary-rgb), 0.5);
}

.header-area .more-option .btn-outline::before {
  background: var(--bg-dark);
}

.header-area .more-option .btn-outline:hover {
  color: var(--btn-hover-color) !important;
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}