/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

.d-flex
  align-items-center
  col-auto
  logo
  order-xl-1
  ms-lg-0
  ms-2
  me-lg-0
  me-auto {
  display: none;
}

.text-sm {
  font-size: 0.875rem;
}

.text-xs {
  font-size: 0.655rem;
}

#site-wrapper.age-restricted {
  filter: blur(10px);
  pointer-events: none;
  user-select: none;
}

.age-verification-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
 
}
.age-verification-title{
  font-weight: bold;
  margin-bottom: 10px;
}

.age-verification-modal {
  background: white;
  padding: 1rem;
  border-radius: 8px;
  text-align: center;
  max-width: 500px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}
.age-verification-logo {
  max-width: 100px;
  margin: 0 auto 1rem auto;
  display: block;
}
/*
.age-verification-buttons button {
  margin: 10px;
  padding: 10px 20px;
  background-color: #000;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}*/




.footer {
  --footer-background-color: #0b1363 !important;
  --footer-text-color: var(--bs-gray-300);
  --footer-hover-color: var(--bs-white);
  --footer-heading-color: var(--bs-white);
}

.footer .footer__main {
  background: var(--footer-background-color) !important;
}

.banner-legal {
  background: white;
  display: block;
  color: black;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 90px;
  width: fit-content;
  max-width: 90vw;
  font-size: 10px;
  margin: auto;
}
.banner-legal div {
  display: flex;
  flex-direction: column;
  justify-items: space-around;
}
.copyright {
  margin-top: 20px;
}
.banner-legal div span {
  margin: 0 0 5px 0;
  padding: 0;
}
.banner-legal .banner-legal-title {
  font-weight: bold;
  color: rgb(0, 0, 0);
}
.banner-legal .banner-legal-code {
  font-size: 8px;
  color: rgb(122, 121, 121);
}

/* Product Miniature Styles */
.product-miniature .product-miniature__title {
  margin-bottom: 0;
  color: var(--bs-primary);
}

.hidden {
  display: none !important;
}

.badge-warning {
  background-color: #ffc107 !important;
  color: #212529 !important;
}
.badge-danger {
  background-color: #dc3545 !important;
  color: #fff !important;
}