/* --- 2. خلفية الموقع --- */}
/* Add custom CSS styles below */ 
/* ===== KAZUKO Kawaii Theme ===== */

/* --- 1. الألوان الأساسية (Salla variables) --- */
:root {
  --color-primary: #FF6FA5;        /* وردي رئيسي للأزرار والروابط */
  --color-primary-reverse: #ffffff;
  --salla-body-bg: #FFE9F2;        /* خلفية الموقع الوردي الفاتح */
}
body,
.s-block,
main {
  background-color: #FFE9F2 !important;   /* بدّل اللون من هنا */
}

/* لو تبغى تدرّج (gradient) ناعم بدل لون واحد، فعّل هذا واحذف اللي فوق:
body {
  background: linear-gradient(180deg, #FFE9F2 0%, #FFD6E8 100%) !important;
/* --- 3. الأزرار --- */
.btn,
.btn-primary,
button[type="submit"],
.s-button-element,
.product-entry .product-entry__buttons a {
  background: #FF6FA5 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50px !important;     /* أزرار دائرية كيوت */
  font-weight: 700 !important;
  box-shadow: 0 4px 12px rgba(255, 111, 165, 0.35) !important;
  transition: all 0.25s ease !important;
}
/* تأثير عند المرور بالماوس */
.btn:hover,
.btn-primary:hover,
button[type="submit"]:hover,
.s-button-element:hover {
  background: #FF4F92 !important;     /* وردي أغمق شوي */
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(255, 79, 146, 0.45) !important;
}

/* --- 4. الكروت والمنتجات --- */
.s-product-card-entry,
.product-entry,
.card {
  background: #ffffff !important;
  border-radius: 20px !important;
  box-shadow: 0 4px 14px rgba(255, 111, 165, 0.15) !important;

/* --- 3. الأزرار --- */
.btn,
.btn-primary,
button[type="submit"],
.s-button-element,
.product-entry .product-entry__buttons a {
  background: #FF6FA5 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50px !important;     /* أزرار دائرية كيوت */
  font-weight: 700 !important;
  box-shadow: 0 4px 12px rgba(255, 111, 165, 0.35) !important;
  transition: all 0.25s ease !important;
}