/* ================================
   Social Media Icons
   ================================ */

.social-icon {
  font-size: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
}

.social-icon img {
  width: 2em;
  height: 2em;
  transition: transform 0.2s ease;
}

.social-icon:hover img {
  transform: scale(1.1);
}

/* Remove focus outline (Bootstrap safe) */
.social-icon:focus {
  outline: none;
  box-shadow: none;
}

/* ================================
   Blog Detail & UI Enhancements
   ================================ */

/* Hero Image Zoom Effect */
.blog-hero-img-wrapper img {
  transition: transform 0.4s ease;
}
.blog-hero-img-wrapper:hover img {
  transform: scale(1.02);
}

/* Shop the Look Scrollable Carousel */
.snap-scroll {
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch; /* Safari mobile momentum */
  scrollbar-width: thin;
}
.hide-scroll-bar::-webkit-scrollbar {
  display: none; /* Hide scrollbar for a cleaner mobile look */
}
.snap-align-start {
  scroll-snap-align: start;
}
.product-img-wrapper img {
  transition: transform 0.4s ease;
}
.product-card:hover .product-img-wrapper img {
  transform: scale(1.08);
}

/* Buy Now button styling */
.buy-now-btn {
  background-color: #FFD400; /* bright yellow */
  color: #000; /* black text */
  border: none;
  padding: 0.6rem 1rem;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
}
.buy-now-btn:hover {
  filter: brightness(0.95);
}

.instagram-btn {
  background-color: #E1306C;
  color: #fff;
  border: none;
  padding: 0.6rem 1rem;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  text-decoration: none;
}

.instagram-btn:hover {
  filter: brightness(0.92);
}

.instagram-logo {
  display: inline-block;
}