/* Define the Josefin Sans Bold font */
@font-face {
  font-family: 'Poppins Regular';
  src: url('../fonts/Poppins-Medium.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

/* Apply the font to the body and other elements */
body, h1, h2, h3, h4, h5, h6, p, a, span, div, li, button, input, textarea {
  font-family: 'Poppins Regular', sans-serif;
  font-weight: bold;
}

/* Basic text styles */
.has-text-weight-bold {
  font-weight: bold;
}

/* Navbar styles */
.navbar-item {
  font-size: 1rem;
  text-decoration: none;
  position: relative;
}

.navbar-item.is-active {
  background-color: transparent !important;
  color: #000000 !important;
  text-decoration: underline;
  text-decoration-color: #0ec0ec;
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
  margin-bottom: 0; /* Remove the previous offset */
}

/* Remove hover effect from Bulma */
.navbar-item:hover {
  background-color: transparent !important;
}

.navbar-brand img {
  max-height: 28px;
  width: auto;
  filter: brightness(0) saturate(100%) invert(20%) sepia(10%) saturate(2076%) hue-rotate(182deg) brightness(95%) contrast(95%);
}

.navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background-color: #f5f5f5;
  margin-bottom: 0 !important; /* Override Bulma's default margin */
}

.social-icon i {
  color: #48494e;
}

/* Add padding to body to prevent content from hiding under navbar */
body {
  padding-top: 0px; /* Reduced to minimize whitespace */
}

/* Prevent body scroll when cart panel is open */
body.no-scroll, html.no-scroll {
  overflow: hidden;
}

/* Contact page styles */
.content a {
  color: #485fc7;
  transition: color 0.3s ease;
}

.content a:hover {
  color: #363636;
}

.content .icon {
  margin-right: 0.5rem;
}

/* Mobile styles for shop items */
@media screen and (max-width: 768px) {
  /* Make card title larger on mobile */
  .card .card-content .title.is-6 {
    font-size: 0.9rem !important;
    line-height: 1.2;
    margin-bottom: 0.5rem;
  }

  /* Make price tag more visible */
  .card .card-content .help {
    font-size: 0.7rem !important;
    padding: 4px 8px;
    font-weight: bold;
  }

  /* Adjust quantity control size */
  .quantity-control {
    font-size: 0.9rem;
  }
}