.hp-vendor--view-block .hp-vendor__registered-date,
.hp-vendor--view-page .hp-vendor__registered-date{
	display: none !important;
}

.site-header {
font-size: 16px;
}

.header-navbar {font-weight: bold;}

.header-hero {
	background-image: url("assets/images/backgrounds/dots.svg"), url("assets/images/backgrounds/dots.svg");
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left -85px bottom -124px, right -145px top 0px;
}

.header-navbar {font-weight: bold;}

@media (max-width: 768px) {
  .custom-cover-mobile-hide {
    display: none !important;
  }
}

@media (min-width: 769px) {
  .hide-cover-desktop {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .hide-on-mobile {
    display: none !important;
  }
}

@media (min-width: 769px) {
  .hide-on-desktop {
    display: none !important;
  }
}

.wp-block-cover {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

@media only screen and (min-width: 48em) {
    .header-hero--large {
        padding: 0rem 0;
    }
}

.hp-template--listing-edit-page .hp-listing__action--hide {
  display: none;
}

/* Tooltip bubble for Add Portfolio hint */
.hp-mobile-tooltip {
  position: fixed;
  bottom: 610px; /* adjust as needed */
  right: 50px; /* adjust for your button position */
  background-color: #f2f2f2; /* light grey */
  color: #000;
  padding: 14px 16px;
  border-radius: 10px;
  font-size: 14px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.25);
  display: none;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 4px;
  z-index: 99999;
  opacity: 1;
  transform: translateY(0);
  transition: all 0.3s ease;
  animation: fadeIn 0.4s ease;
}

/* Upward arrow above the tooltip */
.hp-mobile-tooltip::before {
  content: '';
  position: absolute;
  top: -16px;  /* move it higher to accommodate bigger arrow */
  right: 24px; /* adjust to center arrow if needed */
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 12px solid #f2f2f2; /* bigger arrow */
}

.hp-mobile-tooltip span {
  line-height: 1.2;
}

/* Dismiss X in top-right corner */
.hp-mobile-tooltip button {
  position: absolute;
  top: 4px;
  right: 8px;
  background: none;
  border: none;
  color: #777;
  font-weight: bold;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Show only on mobile */
@media (max-width: 768px) {
  .hp-mobile-tooltip {
    display: flex;
  }
}

.post-request-tooltip {
    right: 20px; /* adjust as needed to move horizontally */
    left: auto;
}