/** Shopify CDN: Minification failed

Line 325:20 Expected ":"

**/
/* קובץ: color-variants-complete.css - שים ב-Assets */

/* ========================================
   הסתרת Variant Pickers המקוריים
   ======================================== */

/* הסתרת ה-variant picker המקורי של צבע בדף מוצר */
/* מסתיר את האופציה הראשונה בלבד (Color תמיד ראשון בשופיפיי) */
/* הסתרת בורר צבע מקורי - פתרון חזק */
variant-picker .variant-picker__option fieldset:has(.block-swatch) ~ .variant-picker__option,
.variant-picker__option:has([data-option-name="Color"]),
.variant-picker__option:has([data-option-name="צבע"]) {
  display: none !important;
}

/* או פשוט הסתר את האופציה שלפני המידה אם יש בה swatches */
variant-picker > .variant-picker__option:nth-child(1):has(+ .variant-picker__option:last-child) {
  display: none !important;
}

/* אם זה לא עובד, ננסה דרך אחרת: */
variant-picker .variant-picker__option:first-of-type:not(:has(.color-variant-swatches)) {
  display: block !important;
}

variant-picker .variant-picker__option:first-of-type:has(~ .variant-picker__option .color-variant-swatches) {
  display: none !important;
}

/* גיבוי - אם השיטה למעלה לא עובדת */
variant-picker fieldset[data-option-name="Color"],
variant-picker fieldset[data-option-name="צבע"] {
  display: none !important;
}

/* הסתרת העיגולים המקוריים בכרטיס מוצר (גריד) */
.product-card fieldset.h-stack.wrap {
  display: none !important;
}

.product-card .product-card__info > fieldset {
  display: none !important;
}

/* ========================================
   עיצוב הסלקטור החדש - דף מוצר
   ======================================== */

.color-variant-swatches {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.color-variant-swatches .block-swatch {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  text-decoration: none;
  transition: all 0.2s;
  padding: 0;
  border: none;
}

.color-variant-swatches .block-swatch:hover {
  transform: translateY(-2px);
}

.color-variant-swatches .block-swatch__color {
  width: 40px;
  height: 40px;
  border: 2px solid #ddd;
  border-radius: 50%;
  transition: all 0.2s;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.color-variant-swatches .block-swatch:hover .block-swatch__color {
  border-color: #333;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.color-variant-swatches .block-swatch.is-selected .block-swatch__color {
  border: 3px solid #000;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
}

.color-variant-swatches .block-swatch span:last-child {
  font-size: 12px;
  color: #666;
}

.color-variant-swatches .block-swatch.is-selected span:last-child {
  font-weight: 600;
  color: #000;
}

/* ========================================
   מיפוי צבעים
   ======================================== */

.color-variant-swatches .block-swatch__color[data-color="כחול"] {
  background: #005BD3 !important;
}

.color-variant-swatches .block-swatch__color[data-color="סגול"] {
  background: #9B59B6 !important;
}

.color-variant-swatches .block-swatch__color[data-color="ירוק מנטה"] {
  background: #98D8C8 !important;
}

.color-variant-swatches .block-swatch__color[data-color="שחור"] {
  background: #000 !important;
}

.color-variant-swatches .block-swatch__color[data-color="צהוב"] {
  background: #F7DC6F !important;
}

.color-variant-swatches .block-swatch__color[data-color="צהוב בננה"] {
  background: #e8d7af !important;
}

.color-variant-swatches .block-swatch__color[data-color="לבן"] {
  background: #FFF !important;
  border-color: #999;
}

.color-variant-swatches .block-swatch__color[data-color="אדום"] {
  background: #E74C3C !important;
}

.color-variant-swatches .block-swatch__color[data-color="ורוד"] {
  background: #FFC0CB !important;
}

.color-variant-swatches .block-swatch__color[data-color="ירוק"] {
  background: #27AE60 !important;
}

.color-variant-swatches .block-swatch__color[data-color="אפור"] {
  background: #95A5A6 !important;
}

.color-variant-swatches .block-swatch__color[data-color="כתום"] {
  background: #E67E22 !important;
}

.color-variant-swatches .block-swatch__color[data-color="בז׳"] {
  background: #F5F5DC !important;
  border-color: #999;
}

.color-variant-swatches .block-swatch__color[data-color="לבנה"] {
  background: #FFF !important;
  border-color: #999;
}

.color-variant-swatches .block-swatch__color[data-color="שחורה"] {
  background: #000 !important;
}
/* כסף/מטאלי */
.color-variant-swatches .block-swatch__color[data-color="כסף"] {
  background: linear-gradient(135deg, #C0C0C0, #E8E8E8) !important;
}

/* זהב */
.color-variant-swatches .block-swatch__color[data-color="זהב"] {
  background: linear-gradient(135deg, #FFD700, #FFA500) !important;
}

/* חום */
.color-variant-swatches .block-swatch__color[data-color="חום"] {
  background: #8B4513 !important;
}

/* תכלת */
.color-variant-swatches .block-swatch__color[data-color="תכלת"] {
  background: #00CED1 !important;
}

/* טורקיז */
.color-variant-swatches .block-swatch__color[data-color="טורקיז"] {
  background: #40E0D0 !important;
}

/* נייבי/כחול נייבי */
.color-variant-swatches .block-swatch__color[data-color="נייבי"] {
  background: #000080 !important;
}

/* ורוד פוקסיה */
.color-variant-swatches .block-swatch__color[data-color="פוקסיה"] {
  background: #FF00FF !important;
}

/* בורדו */
.color-variant-swatches .block-swatch__color[data-color="בורדו"] {
  background: #800020 !important;
}

/* קורל */
.color-variant-swatches .block-swatch__color[data-color="קורל"] {
  background: #FF7F50 !important;
}
/* אפרסק */
.color-variant-swatches .block-swatch__color[data-color="אפרסק"] {
  background: #FFDAB9 !important;
}

/* לילך */
.color-variant-swatches .block-swatch__color[data-color="לילך"] {
  background: #C8A2C8 !important;
}

/* שמנת */
.color-variant-swatches .block-swatch__color[data-color="שמנת"] {
  background: #FFFDD0 !important;
}

/* חאקי */
.color-variant-swatches .block-swatch__color[data-color="חאקי"] {
  background: #C3B091 !important;
}

/* ירוק זית */
.color-variant-swatches .block-swatch__color[data-color="זית"] {
  background: #808000 !important;
}

/* ירוק ליים */
.color-variant-swatches .block-swatch__color[data-color="ליים"] {
  background: #00FF00 !important;
}
/* חום/חומה */
.color-variant-swatches .block-swatch__color[data-color="חומה"] {
  background: #8B4513 !important;
}

/* אפור/אפורה */
.color-variant-swatches .block-swatch__color[data-color="אפורה"] {
  background: #95A5A6 !important;
}

/* ירוק/ירוקה */
.color-variant-swatches .block-swatch__color[data-color="ירוקה"] {
  background: #27AE60 !important;
}

/* אדום/אדומה */
.color-variant-swatches .block-swatch__color[data-color="אדומה"] {
  background: #E74C3C !important;
}

/* ורוד/ורודה */
.color-variant-swatches .block-swatch__color[data-color="ורודה"] {
  background: #FFC0CB !important;
}

/* כחול/כחולה */
.color-variant-swatches .block-swatch__color[data-color="כחולה"] {
  background: #005BD3 !important;
}

/* סגול/סגולה */
.color-variant-swatches .block-swatch__color[data-color="סגולה"] {
  background: #9B59B6 !important;
}

/* ========================================
   התאמה לכרטיס מוצר בגריד
   ======================================== */

.product-card .color-variant-swatches {
  margin-top: 4px;
  justify-content: center;
  gap: 6px;
}

.product-card .color-variant-swatches .block-swatch__color {
  width: 24px;
  height: 24px;
  border-width: 1.5px;
}

.product-card .color-variant-swatches .block-swatch.is-selected .block-swatch__color {
  border-width: 1.5px;
  box-shadow: 0 0 0 1.5px #fff, 0 0 0 3px #000;
}

.product-card .color-variant-swatches .block-swatch span:last-child {
  font-size: 10px;
}

/* הסתרת הכותרת "צבע:" בכרטיס */
.product-card .variant-picker__option-info {
  display: none;
}

/* אופציונלי: הסתרת שמות הצבעים בגריד */
.product-card .color-variant-swatches .block-swatch span:last-child {
  display: none;
}

/* הצגת שמות רק ב-hover */
.product-card .color-variant-swatches .block-swatch:hover span:last-child {
  display: block;
}

/* ========================================
   תמיכה במובייל
   ======================================== */

@media (max-width: 768px) {
  /* הקטנת הרווח בין העיגולים במובייל בלבד */
  .product-card .color-variant-swatches {
    gap: 2px;    ← רווח קטן במובייל
  }
  
  .color-variant-swatches .block-swatch__color {
    width: 25px;
    height: 25px;
  }
  
  .color-variant-swatches .block-swatch span:last-child {
    font-size: 11px;
  }
  
  .product-card .color-variant-swatches .block-swatch__color {
    width: 22px;
    height: 22px;
  }
}