/* 
Theme Name: Brasvec
Text Domain: brasvcec
Version: 1.0.0
Author: Brasvec Dev
*/

@import "tailwindcss";

@theme{
  --color-light-gray:#EFEFEF4D;
  --color-dark-blue: #2A3280;
}

body {
  font-family: Urbanist, sans-serif;
}

#conic-gradient{
  background: conic-gradient(from 36.76deg at 63.49% 58.57%, #090A1A -181.73deg, rgba(4, 58, 255, 0.9) 12.12deg, rgba(122, 150, 255, 0.95) 96.92deg, #090A1A 178.27deg, rgba(4, 58, 255, 0.9) 372.12deg);
}

#product-wheel::-webkit-scrollbar {
  display: none;
}

#product-wheel {
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

#product-wheel.dragging {
  cursor: grabbing;
}

html {
  margin-top: 0 !important;
}

.shadow-custom {
box-shadow: 0px 4px 15px 0px #00000014;
}

.highlight-blue {
  @apply bg-dark-blue px-2 py-1 text-white rounded-lg text-nowrap;
}

.footer-bg {
  background-image: url('/wp-content/themes/brasvcec/assets/images/footer-bg-mobile.svg');
}

@media (min-width: 1024px) {
  .footer-bg {
    background-image: url('/wp-content/themes/brasvcec/assets/images/footer-bg.svg');
  }
}