.dropdown-menu { --bs-dropdown-spacer: 0.1rem; }

/* The Backdrop (Hidden by Default) */
.nav-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 5;
    display: none;
    transition: opacity 0.3s ease; /* Smooth fade effect */
    opacity: 0;
    pointer-events: auto;
}

/* Class to show backdrop with fade */
.nav-backdrop.transit {
    display: block;
}
.nav-backdrop.show {
    opacity: 1;
    transition: opacity 0.3s ease;
}

.bg-dark .form-control::placeholder,
.bg-dark-subtle .form-control::placeholder {
    color: rgba(var(--bs-light-rgb), 0.25);
}

.product-card {
  transition: transform 0.5s cubic-bezier(0.155, 1.105, 0.295, 1.12), box-shadow 0.3s, -webkit-transform 0.3s cubic-bezier(0.155, 1.105, 0.295, 1.12);
  cursor: pointer;
  position: relative;
}

.product-card:hover {
  transform: scale(1.005);
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
/*.product-card:hover {
  transform: scale(1.01);
  box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}*/

.text-brand-orange { color: var(--brand-orange); }
.text-brand-blue { color: var(--brand-blue-2); }
.text-brand-blue-on-dark { color: var(--brand-blue); }

#main-breadcrumb .breadcrumb-item a { text-decoration: none; }

/* Wishlist Icon */
.wishlist-btn {
    position: absolute;
    top: 0.25rem;
    right: 0.5rem;
    color: #ccc;
    background: none;
    border: none;
    font-size: 1.2rem;
    padding: 0;
    cursor: pointer;
    z-index: 2;
    transition: color 0.2s;
}

.wishlist-btn:hover {
    color: #ff4d4d;
}

/* Custom Font Sizes & Spacing */

.fs-7 {
  font-size: 0.875rem;
}

.fs-8 {
  font-size: 0.775rem;
}

.fs-9 {
  font-size: 0.7rem;
}

.tracking-wide {
  letter-spacing: 0.05em;
}

.tracking-wider {
  letter-spacing: 0.08em;
}

.fw-semi-bold {
  font-weight: 600 !important;
}