body {
  color: #0c0c0c;
  background-color: #f0f0f0;
}

a {
  color: #020203;
}

a:hover {
  color: #C70002;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: black;
}

.form-control {
  color: #7F757D;
  background-color: #fff;
  border: 1px solid #e0e0e0;
}

.form-control::-ms-expand {
  background-color: transparent;
}

.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.form-control:focus {
  color: #62748b;
  border: 1px solid #62748b;
}

.form-control::placeholder {
  color: black;
}

.form-control:disabled,
.form-control[readonly] {
  color: black;
}

.dropdown-menu {
  color: #000000;
  background: #f6f6f6;
  border: 0px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.dropdown-divider {
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  color: #000;
  background-color: transparent;
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: #ca0407;
  background-color: #fff;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  background-color: #000;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #6c757d;
  background-color: transparent;
}

.dropdown-header {
  color: #6c757d;
}

.dropdown-item-text {
  color: #212529;
}

.input-group-text {
  color: #495057;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #f5f5f5;
  border-color: #dee2e6 #dee2e6 #f5f5f5;
}

.navbar-toggler {
  background-color: transparent;
  border: 1px solid transparent;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
  color: rgba(202, 4, 7, 1);
  border-color: black;
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28202, 4, 7, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.card {
  background-color: #fff;
  border: 10px solid #f7f7f7;
}

.card-header {
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer {
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.breadcrumb {
  background-color: transparent;
}

.breadcrumb-item {
  color: black;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: #C70002;
}

.breadcrumb-item.active {
  color: #C70002;
}

.modal-content {
  background-color: #0b1423;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.modal-header {
  border-bottom: 1px solid #62748b;
  color: red;
}

.modal-footer {
  border-top: 1px solid #62748b;
}

.section-title {
  color: #C70002; 
}

.cat-item {
  background: #fff;
}

.cat-item:hover {
  background: #ca0407;
  color: white;
}

.product-item {
  background-color: #fff;
}

.new-action {
  border: 1px solid #ffffff;
}

.product-action a.i:hover {
  color: orange;
}

.product-item:hover {
  box-shadow: 0 0 5px #999;
}

.product-item:hover .product-action {
  background: rgba(255, 255, 255, 0.7);
}

.overlay {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #1e2024);
}

.loader {
  border: 16px solid #ca0407; /* Light grey */
  border-top: 16px solid black; /* Blue */
  border-bottom: 16px solid black; /* Blue */
}

.preloader::before,
.preloader::after {
  background: #f7f7f7;
}

.fa-pen {
  color: #ca0407;
}
.sorting_panel {
  background-color: transparent;
}
.naver {
  background: transparent;
}
.bg-footer {
  background-color: white;
  border-top: 1px solid #b7b7b7;
  border-bottom: 1px solid #b7b7b7;
}

.bg-footer a,
.bg-footer p {
  color: #0909099d;
}
.bg-footer a:hover {
  color: #ca0407;
}

.bg-footer h5 {
  color: #020202;
}

/* forms.css */
.input-group-text {
  color: #212529;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
}

.product-image {
  max-height: 400px;
  object-fit: cover;
}
.thumbnail {
  width: 80px;
  height: 80px;
  object-fit: cover;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.3s ease;
}
.thumbnail:hover, .thumbnail.active {
  opacity: 1;
}