/* Import Tailwind CSS */
/* @import url('./tailwind.css'); */

/* Import Quicksand Font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600;700&display=swap');

/* Font family utility */
.font-quicksand {
  font-family: 'Quicksand', sans-serif;
}

/* Legacy styles - minimal required styles only */
.dbc-boosted-badge{ display:inline-block; padding:.5em .75em; border-radius:6px; background:#f1f5f9; font-weight:600; line-height:1.3; }

/* Boost modal custom styles */
#dbc-boost-modal {
  font-family: 'Quicksand', sans-serif;
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Modal content centering */
#dbc-boost-modal > div {
  margin: auto;
  max-height: 90vh;
  overflow-y: auto;
}

/* Smooth scrolling for modal content */
#dbc-boost-modal > div {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

#dbc-boost-modal > div::-webkit-scrollbar {
  width: 6px;
}

#dbc-boost-modal > div::-webkit-scrollbar-track {
  background: transparent;
}

#dbc-boost-modal > div::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

/* Success modal styles */
#dbc-success-modal {
  font-family: 'Quicksand', sans-serif;
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Success modal content centering */
#dbc-success-modal > div {
  margin: auto;
  max-height: 90vh;
  overflow-y: auto;
}

/* Smooth scrolling for success modal content */
#dbc-success-modal > div {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

#dbc-success-modal > div::-webkit-scrollbar {
  width: 6px;
}

#dbc-success-modal > div::-webkit-scrollbar-track {
  background: transparent;
}

#dbc-success-modal > div::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}