/* =========================================================
   KRISTALŲ SAVYBĖS – GLOBALUS (VEIKIA VISUR)
   - kategorijose
   - home page slideryje
   - susijusių prekių blokuose
   - bet kur, kur išspausdinamas .product-features
   ========================================================= */

.product-features { width: 100%; }

.product-feature {
  pointer-events: none;
  user-select: none;
}

/* GLOBALUS “pill” išdėstymas (tinka kategorijai + slideriui) */
.product-features {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin: 10px auto 8px;
  max-width: 90%;
}

/* GLOBALUS “pill” stilius (BE background/color – spalvas duos tema) */
.product-features .product-feature {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;

  font-size: 11px;
  padding: 5px 10px;
  border-radius: 999px;
  font-weight: 600;
  line-height: 1.1;

  white-space: nowrap;
  box-shadow: none;
}

/*=========================================================
   PRODUKTO PUSLAPIS (SINGLE PRODUCT)
   Emocinis, pilno pločio, „statement“
   ========================================================= */

.single-product .product-features {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 24px 0 28px;
  width: 100%;
}

/* bendras “kortelės” stilius VISOMS spalvoms */
.single-product .product-features .product-feature {
  font-size: 15px;
  padding: 14px 8px;
  border-radius: 16px;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.3px;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* =========================================================
   MOBILE – SINGLE PRODUCT
   ========================================================= */

@media (max-width: 520px) {
  .single-product .product-features {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 18px 0 18px;
  }

  .single-product .product-features .product-feature {
    font-size: 13px;
    padding: 10px 6px;
    border-radius: 14px;
    letter-spacing: 0.2px;
  }
}

@media (max-width: 360px) {
  .single-product .product-features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   SPALVŲ TEMOS – SINGLE (su šešėliais)
   ========================================================= */

/* Ametistas */
.single-product .product-features.theme-amethyst .product-feature {
  background: linear-gradient(135deg, #f1e8f6, #e6d9ef);
  color: #4a2e5c;
  box-shadow: 0 6px 14px rgba(90, 60, 120, 0.12);
}

/* Rožinis kvarcas */
.single-product .product-features.theme-rose_quartz .product-feature {
  background: linear-gradient(135deg, #f7e6ea, #efd3dc);
  color: #7a3d4f;
  box-shadow: 0 6px 14px rgba(160, 90, 110, 0.15);
}

/* Kalnų krištolas */
.single-product .product-features.theme-clear_quartz .product-feature {
  background: linear-gradient(135deg, #f4f6f7, #e8ecef);
  color: #4a4f55;
  box-shadow: 0 6px 14px rgba(120, 130, 140, 0.15);
}

/* Citrinas */
.single-product .product-features.theme-citrine .product-feature {
  background: linear-gradient(135deg, #fbf3d0, #f3e3a3);
  color: #7a5a1f;
  box-shadow: 0 6px 14px rgba(170, 140, 40, 0.18);
}

/* Labradoritas */
.single-product .product-features.theme-labradorite .product-feature {
  background: linear-gradient(135deg, #eef2f6, #d6dfe8);
  color: #233241;
  box-shadow: 0 6px 14px rgba(35, 50, 65, 0.14);
}

/* Malachitas */
.single-product .product-features.theme-malachite .product-feature {
  background: linear-gradient(135deg, #dff3ea, #bfe6d3);
  color: #0f3b2e;
  box-shadow: 0 6px 14px rgba(15, 59, 46, 0.16);
}

/* Agatas */
.single-product .product-features.theme-agate .product-feature {
  background: linear-gradient(135deg, #f2ede6, #d9cfc2);
  color: #4a3a2a;
  box-shadow: 0 6px 14px rgba(74, 58, 42, 0.14);
}

/* Selenitas */
.single-product .product-features.theme-selenite .product-feature {
  box-shadow: 0 6px 14px rgba(180, 195, 210, 0.35);
}


/* =========================================================
   SPALVŲ TEMOS – KATEGORIJA / SHOP (lengvesnis variantas)
   Pastaba: selektorius apima ir kitas vietas, kur rodai features
   ========================================================= */

/* Ametistas */
.product-features.theme-amethyst .product-feature {
  background: linear-gradient(135deg, #f1e8f6, #e6d9ef);
  color: #4a2e5c;
  box-shadow: none;
}

/* Rožinis kvarcas */
.product-features.theme-rose_quartz .product-feature {
  background: linear-gradient(135deg, #f7e6ea, #efd3dc);
  color: #7a3d4f;
  box-shadow: none;
}

/* Kalnų krištolas */
.product-features.theme-clear_quartz .product-feature {
  background: linear-gradient(135deg, #f4f6f7, #e8ecef);
  color: #4a4f55;
  box-shadow: none;
}

/* Citrinas */
.product-features.theme-citrine .product-feature {
  background: linear-gradient(135deg, #fbf3d0, #f3e3a3);
  color: #7a5a1f;
  box-shadow: none;
}

/* Labradoritas */
.product-features.theme-labradorite .product-feature {
  background: linear-gradient(135deg, #eef2f6, #d6dfe8);
  color: #233241;
  box-shadow: none;
}

/* Malachitas */
.product-features.theme-malachite .product-feature {
  background: linear-gradient(135deg, #dff3ea, #bfe6d3);
  color: #0f3b2e;
  box-shadow: none;
}

/* Agatas */
.product-features.theme-agate .product-feature {
  background: linear-gradient(135deg, #f2ede6, #d9cfc2);
  color: #4a3a2a;
  box-shadow: none;
}

/* Selenitas */
.product-features.theme-selenite .product-feature {
  background: linear-gradient(135deg, #fafcff, #e9eef4) !important;
  color: #3b4652 !important;
}


/* END OF KRISTALŲ CSS */