/* anewbd/css/shimmer-loader.css (বাংলাদেশ থিমের রঙের সাথে সামঞ্জস্যপূর্ণ) */

/* ==========================================================
   Global Shimmer Loader Styles
   ========================================================== */

/* Shimmer অ্যানিমেশনের জন্য কী-ফ্রেম */
@keyframes shimmer-animation {
  0% {
    background-position: -480px 0;
  }
  100% {
    background-position: 480px 0;
  }
}

/* শিমার অ্যানিমেশন প্রয়োগ করার জন্য মূল ক্লাস */
.shimmer-effect {
  animation: shimmer-animation 1.5s linear infinite; /* অ্যানিমেশনের গতি সামান্য কমানো হলো */
  /* পরিবর্তন: হালকা লাল এবং হালকা সবুজ রঙের নতুন গ্র্যাডিয়েন্ট যুক্ত করা হয়েছে */
  background: linear-gradient(to right, #ffebee 8%, #f5f5f5 24%, #e6f7f0 33%);
  background-size: 800px 104px;
}

/* সাধারণ প্লেস-হোল্ডার আইটেম */
.shimmer-item {
  /* পরিবর্তন: বেস কালার হিসেবে একটি খুবই হালকা ধূসর রঙ ব্যবহার করা হয়েছে */
  background-color: #f5f5f5;
  border-radius: 5px;
}

/* বিভিন্ন আকারের প্লেস-হোল্ডার */
.shimmer-item.line {
  height: 16px;
  width: 100%;
  margin-bottom: 8px;
}

.shimmer-item.image {
  width: 100%;
  height: 100%;
}

.shimmer-item.button {
    height: 45px;
    width: 100%;
    border-radius: 5px;
}

/* বিভিন্ন ফিচারের জন্য প্লেস-হোল্ডার কন্টেইনার */

/* কুইক-বাই পপ-আপ */
.quick-buy-shimmer-placeholder {
    display: flex;
    width: 100%;
    gap: 30px;
    padding: 40px;
}
.quick-buy-shimmer-placeholder .shimmer-left { flex: 1; }
.quick-buy-shimmer-placeholder .shimmer-right { flex: 1; }

/* প্রোডাক্ট লিস্ট */
.product-list-shimmer-placeholder {
  padding: 20px;
}
.product-list-shimmer-placeholder .shimmer-product-item {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 12px;
    padding: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
}
.product-list-shimmer-placeholder .shimmer-product-item .shimmer-thumb {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
}
.product-list-shimmer-placeholder .shimmer-product-item .shimmer-details {
    flex-grow: 1;
}

/* অর্ডার সামারি */
.order-summary-shimmer-placeholder {
    padding: 20px;
    background-color: #f8f9fa;
    border-radius: 8px;
    margin: 25px 0;
    border: 1px solid #e9ecef;
}