@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css");
.nav-link {
  color: var(--orange);
  text-decoration: none; }

.nav-link:focus, .nav-link:hover {
  color: var(--dark-orange); }

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--dark-orange); }

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1.8rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.6rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); }

.badge {
  background-color: var(--orange);
  border-radius: 10px;
  color: white;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: 3px 7px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap; }

.btn.btn-primary.remove-from-cart-btn {
  background-color: var(--light-brown);
  color: white; }

.btn.btn-primary.remove-from-cart-btn:hover {
  background-color: var(--dark-brown);
  color: white; }

.btn.btn-primary.profile-modify-btn {
  background-color: var(--orange);
  color: white; }

.btn.btn-primary.profile-modify-btn:hover {
  background-color: var(--dark-orange);
  color: white; }

:root {
  --pagination-padding-x: 0.75rem;
  --pagination-padding-y: 0.375rem;
  --pagination-font-size: 1rem;
  --pagination-color: #0a0a0a;
  --pagination-bg: #ffffff;
  --pagination-border-width: 1px;
  --pagination-border-color: #dee2e6;
  --pagination-border-radius: 0.25rem;
  --pagination-hover-color: #443406;
  --pagination-hover-bg: #e9ecef;
  --pagination-hover-border-color: #dee2e6;
  --pagination-focus-color: #443406;
  --pagination-focus-bg: #ffffff;
  --pagination-focus-box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.25);
  --pagination-active-color: #443406;
  --pagination-active-bg: #f5ebd2;
  --pagination-active-border-color: #421d05;
  --pagination-disabled-color: #6c757d;
  --pagination-disabled-bg: #e9ecef;
  --pagination-disabled-border-color: #dee2e6; }

.pagination {
  display: flex;
  padding: var(--pagination-padding-y) var(--pagination-padding-x);
  font-size: var(--pagination-font-size);
  list-style: none;
  border-radius: var(--pagination-border-radius); }

.pagination .page-item .page-link {
  color: var(--pagination-color);
  background-color: var(--pagination-bg);
  border: var(--pagination-border-width) solid var(--pagination-border-color);
  padding: var(--pagination-padding-y) var(--pagination-padding-x);
  border-radius: var(--pagination-border-radius);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.pagination .page-item .page-link:hover {
  color: var(--pagination-hover-color);
  background-color: var(--pagination-hover-bg);
  border-color: var(--pagination-hover-border-color); }

.pagination .page-item .page-link:focus {
  color: var(--pagination-focus-color);
  background-color: var(--pagination-focus-bg);
  box-shadow: var(--pagination-focus-box-shadow); }

.pagination .page-item.active .page-link {
  color: var(--pagination-active-color);
  background-color: var(--pagination-active-bg);
  border-color: var(--pagination-active-border-color); }

.pagination .page-item.disabled .page-link {
  color: var(--pagination-disabled-color);
  background-color: var(--pagination-disabled-bg);
  border-color: var(--pagination-disabled-border-color);
  pointer-events: none;
  cursor: not-allowed; }

.dropdown-item {
  color: #c55302; }

.dropdown-item:hover, .dropdown-item:focus {
  color: #833701;
  text-decoration: none;
  background-color: #e9ecef; }

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #c55302; }

.form-check-input:checked {
  background-color: #1653bb;
  border-color: #1653bb; }

.btn-outline-primary.btn-screener-category {
  color: #13408e;
  border-color: #13408e; }

/* hover */
.btn-outline-primary.btn-screener-category:hover {
  color: #fff;
  background-color: #13408e;
  border-color: #13408e; }

/* checked / active */
.btn-check:checked + .btn-outline-primary.btn-screener-category,
.btn-outline-primary.btn-screener-category.active {
  color: #fff;
  background-color: #13408e;
  border-color: #13408e; }

/* focus */
.btn-outline-primary.btn-screener-category:focus {
  box-shadow: 0 0 0 0.25rem rgba(22, 83, 187, 0.25); }

/* disabled */
.btn-outline-primary.btn-screener-category:disabled,
.btn-outline-primary.btn-screener-category.disabled {
  color: #a0a0a0;
  border-color: #a0a0a0;
  background-color: transparent; }