/* ===== Kipod – Angle Thumbs (Loop) – CSS ===== */

/* סידור הכפתורים */
.products .product .kal-loop-controls{ margin-top:8px; }
.products .product .kal-loop-controls .kal-row{ display:flex; gap:6px; flex-wrap:wrap; }

.products .product .kal-loop-controls .kal-btn{
  display:flex; align-items:center; gap:6px;
  padding:4px 8px; border:1px solid #e1e1e1; background:#fff;
  cursor:pointer; border-radius:999px; font-size:12px; line-height:1;
  user-select:none;
}
.products .product .kal-loop-controls .kal-btn:hover{ border-color:#bfbfbf; }
.products .product .kal-loop-controls .kal-btn.kal-active{ border-color:#111; }

.products .product .kal-loop-controls .kal-dot{
  width:10px; height:10px; border-radius:50%;
  display:inline-block; border:1px solid #999; background:#f4f4f4;
}
.products .product .kal-loop-controls .kal-front{ background:#e9f5ff; }
.products .product .kal-loop-controls .kal-back{ background:#f6e9ff; }
.products .product .kal-loop-controls .kal-ports{ background:#e9fff0; }
.products .product .kal-loop-controls .kal-side{ background:#fff6e9; }
.products .product .kal-loop-controls .kal-default{ background:#f0f0f0; }

/* תמונת הכרטיס – הבטחת פרופורציות (מונע "כיווץ") */
.products .product a.woocommerce-LoopProduct-link img,
.products .product .attachment-woocommerce_thumbnail,
.products .product img.wp-post-image{
  width:100%; height:auto; object-fit:contain;
  display:block;
}

/* מצב כהה */
@media (prefers-color-scheme: dark){
  .products .product .kal-loop-controls .kal-btn{
    background:#111; border-color:#333; color:#eee;
  }
  .products .product .kal-loop-controls .kal-btn:hover{ border-color:#666; }
}