/*
Custom palette overrides for the storefront template.
*/

.text-success {
  color: var(--brand-primary, #ffa4ad) !important;
}

.text-muted {
  color: #728094 !important;
}

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

.bg-success {
  background-color: var(--brand-primary, #ffa4ad) !important;
}

.btn-success {
  background-color: var(--brand-primary, #ffa4ad) !important;
  border-color: var(--brand-primary, #ffa4ad) !important;
  box-shadow: 0 14px 30px rgba(255, 164, 173, 0.28);
  color: var(--brand-ink, #212934) !important;
  font-weight: 700 !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success:focus-visible {
  background-color: #ff8d99 !important;
  border-color: #ff8d99 !important;
  box-shadow: 0 0 0 0.24rem rgba(255, 164, 173, 0.24) !important;
  color: var(--brand-ink, #212934) !important;
}

.btn-outline-success {
  border-color: rgba(255, 164, 173, 0.72) !important;
  color: var(--brand-primary, #ffa4ad) !important;
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active,
.btn-outline-success:focus-visible {
  background: linear-gradient(
    135deg,
    var(--brand-primary-soft, #ffd1d6) 0%,
    var(--brand-accent, #ffd1df) 100%
  ) !important;
  border-color: transparent !important;
  box-shadow: 0 0 0 0.24rem rgba(255, 164, 173, 0.24) !important;
  color: var(--brand-ink, #212934) !important;
}

.pagination .page-link:hover,
.pagination .page-link.active {
  background-color: var(--brand-primary, #ffa4ad);
  color: var(--brand-ink, #212934);
}

#templatemo_nav_top {
  background: linear-gradient(90deg, #1f2630 0%, #252f3a 55%, #392d39 100%) !important;
  border-bottom: 1px solid rgba(255, 164, 173, 0.22);
}

#templatemo_nav_top a:hover {
  color: var(--brand-primary-soft, #ffd1d6) !important;
}

#templatemo_main_nav a:hover {
  color: var(--brand-primary, #ffa4ad);
}

#site-hero-carousel {
  background: linear-gradient(
    135deg,
    rgba(255, 209, 214, 0.72) 0%,
    rgba(255, 255, 255, 0.9) 42%,
    rgba(255, 209, 223, 0.8) 100%
  ) !important;
}

.templatemo-accordion a:hover {
  color: var(--brand-primary, #43d779);
}

.shop-top-menu a:hover {
  color: var(--brand-primary, #43d779) !important;
}

.card.product-wap .card .product-overlay {
  background: linear-gradient(
    135deg,
    rgba(67, 215, 121, 0.28) 0%,
    rgba(255, 209, 223, 0.52) 100%
  );
  backdrop-filter: blur(3px);
}

#site-hero-carousel .carousel-indicators li {
  background-color: var(--brand-primary, #43d779);
}

#site-hero-carousel .carousel-control-next i,
#site-hero-carousel .carousel-control-prev i {
  color: var(--brand-primary, #43d779) !important;
}

.services-icon-wap {
  border: 1px solid rgba(67, 215, 121, 0.18);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.96) 0%,
    rgba(255, 209, 223, 0.2) 100%
  );
}

.services-icon-wap:hover {
  background: linear-gradient(
    135deg,
    var(--brand-primary-soft, #a6ff9f) 0%,
    var(--brand-accent, #ffd1df) 100%
  );
}

.services-icon-wap:hover,
.services-icon-wap:hover i {
  color: var(--brand-ink, #212934);
}

.form-control {
  border: 1px solid rgba(67, 215, 121, 0.18);
}

.form-control:focus {
  border-color: rgba(67, 215, 121, 0.54);
  box-shadow: 0 0 0 0.24rem rgba(67, 215, 121, 0.18);
}

#site-footer a:hover {
  color: var(--brand-primary-soft, #a6ff9f);
}

#site-footer ul.footer-icons li:hover {
  background-color: var(--brand-accent, #ffd1df);
}

#site-footer ul.footer-icons li:hover i {
  color: var(--brand-ink, #212934);
}