/* Main CSS File */
body {
  font-family: "Plus Jakarta Sans", "Noto Sans", sans-serif;
}

/* Utilities */
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Styles from account.html */

body {
  font-family: "Plus Jakarta Sans", "Noto Sans", sans-serif;
}

.bg-pattern {
  background-image: radial-gradient(#3695BE 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: 0.05;
}

.toggle-checkbox:checked {
  right: 0;
  border-color: #3695BE;
  background-color: #3695BE;
}

.toggle-checkbox:checked+.toggle-label {
  background-color: rgba(238, 140, 43, 0.2);
}

.tab-content {
  display: none;
  animation: fadeIn 0.3s ease-in-out;
}

.tab-content.active {
  display: block;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Active Tab Styling for Sidebar */
.nav-link.active {
  background-color: rgba(238, 140, 43, 0.1);
  color: #3695BE;
  font-weight: 700;
}

.nav-link.active .material-symbols-outlined {
  font-variation-settings: 'FILL' 1;
}


/* Styles from birthday-reminder.html */

body {
  font-family: "Plus Jakarta Sans", "Noto Sans", sans-serif;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}


/* Styles from checkout.html */

body {
  font-family: "Plus Jakarta Sans", "Noto Sans", sans-serif;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: #f8f7f6;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #cfd9e6;
  border-radius: 20px;
}


/* Styles from closet.html */

body {
  font-family: "Plus Jakarta Sans", "Noto Sans", sans-serif;
}

.timeline-dashed {
  background-image: linear-gradient(to right, #3695BE 50%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 10px 2px;
  background-repeat: repeat-x;
}


/* Styles from faq.html */

body {
  font-family: "Plus Jakarta Sans", "Noto Sans", sans-serif;
}

details>summary {
  list-style: none;
}

details>summary::-webkit-details-marker {
  display: none;
}


/* Styles from products-list.html */

body {
  font-family: "Plus Jakarta Sans", "Noto Sans", sans-serif;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #3695BE;
  cursor: pointer;
  margin-top: -6px;
  border: 2px solid white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: #ffe4ef;
  border-radius: 2px;
}

.bg-primary {
  background: #e67aa6 !important;
}

.bg-primary\/10 {
  background-color: hsl(198.09deg 55.74% 47.84% / 10%) !important;
}

.bg-primary\/20 {
  background-color: hsl(198.09deg 55.74% 47.84% / 20%) !important;
}

.bg-primary\/30 {
  background-color: hsl(198.09deg 55.74% 47.84% / 30%) !important;
}

.bg-primary\/40 {
  background-color: hsl(198.09deg 55.74% 47.84% / 40%) !important;
}

.bg-primary\/50 {
  background-color: hsl(198.09deg 55.74% 47.84% / 50%) !important;
}

.bg-primary\/60 {
  background-color: hsl(198.09deg 55.74% 47.84% / 60%) !important;
}

.bg-primary\/70 {
  background-color: hsl(198.09deg 55.74% 47.84% / 70%) !important;
}

.bg-primary\/80 {
  background-color: hsl(198.09deg 55.74% 47.84% / 80%) !important;
}

.bg-primary\/90 {
  background-color: hsl(198.09deg 55.74% 47.84% / 90%) !important;
}

.bg-primary\/100 {
  background-color: hsl(198.09deg 55.74% 47.84% / 100%) !important;
}

.bg-background-light {
  background-color: #f2fbff !important;
}

.bg-background-light\/80 {
  background-color: rgb(232 244 249) !important;
}

.text-primary {
  color: rgb(54 149 190) !important;
}

.text-text-secondary {
  color: #5c8992 !important;
}

.text-text-secondary\/90 {
  color: hsl(198.09deg 55.74% 47.84% / 90%) !important;
}

.text-text-secondary\/80 {
  color: hsl(198.09deg 55.74% 47.84% / 80%) !important;
}

.text-text-secondary\/70 {
  color: hsl(198.09deg 55.74% 47.84% / 70%) !important;
}

.text-text-secondary\/60 {
  color: hsl(198.09deg 55.74% 47.84% / 60%) !important;
}

.text-text-secondary\/50 {
  color: hsl(198.09deg 55.74% 47.84% / 50%) !important;
}

.text-text-secondary\/40 {
  color: hsl(198.09deg 55.74% 47.84% / 40%) !important;
}

.text-text-secondary\/30 {
  color: hsl(198.09deg 55.74% 47.84% / 30%) !important;
}

.text-text-secondary\/20 {
  color: hsl(198.09deg 55.74% 47.84% / 20%) !important;
}

.text-text-secondary\/10 {
  color: hsl(198.09deg 55.74% 47.84% / 10%) !important;
}

.text-text-main {
  color: #313e41;
}