/* 🎨 Global Color Override */
.bg-primary {
  background-color: #ffffff !important; /* Hostinger Purple */
}

.btn-primary {
  background-color: #ffffff !important;
  border-color: #5b32d3 !important;
}
.btn-primary:hover {
  background-color: #4725b2 !important;
  border-color: #4725b2 !important;
}

/* Sales notification bar */
.sales-wrap{
  width:100%;
  overflow:hidden;
  background: linear-gradient(90deg,#5b32d3,#4725b2);
  border-radius:6px;
  margin: 12px 0;
  box-shadow: 0 6px 18px rgba(88,63,198,0.08);
}
.sales-bar{
  display:inline-block;
  white-space:nowrap;
  color:#fff;
  font-weight:600;
  padding:10px 8px;
  font-size:0.95rem;
  transform:translateX(100%);
  animation:scrollLeft 18s linear infinite;
  will-change:transform;
}
/* pause on hover for usability */
.sales-wrap:hover .sales-bar { animation-play-state:paused; }

/* animation */
@keyframes scrollLeft{
  0%   { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

/* small screens tweak */
@media (max-width:575px){
  .sales-bar{ font-size:0.9rem; padding:8px 6px; }
}


/* 🟣 Navbar Styling */
.navbar-brand {
  font-weight: 700;
  font-size: 1.25rem;
}
.navbar .nav-link {
  color: #ffffff !important;
  font-weight: 500;
  margin-left: 10px;
}
.navbar .nav-link:hover {
  text-decoration: underline;
}

/* 🟣 Keep your card/button styles intact */
.card-plan {
  border: 1px solid #eee;
  border-radius: 1rem;
  transition: all 0.25s ease;
}
.card-plan:hover {
  transform: translateY(-4px);
  box-shadow: 0px 6px 16px rgba(0,0,0,0.08);
}
.price-discount {
  color: #198754;
  font-weight: 700;
}
.btn-plan {
  background-color: #5b32d3;
  border: none;
  font-weight: 600;
}
.btn-plan:hover {
  background-color: #4725b2;
}