/* Priekam.lv colour navigation and Product Series dimensions, v1.0.0. */
#product-category .priekam-colors {
  margin: 12px 0 16px;
  padding: 12px;
  border: 1px solid #e0e5dc;
  border-radius: 6px;
  background: #fafcf8;
  color: #333;
}
#product-category .priekam-colors-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  margin-bottom: 9px;
}
#product-category #priekam-helium-color-title { font-size: 14px; line-height: 22px; }
#product-category .priekam-colors-clear { color: #346d08; text-decoration: underline; font-size: 12px; }
#product-category .priekam-color-options { display: flex; flex-wrap: wrap; gap: 6px; }
#product-category a.priekam-color {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding: 5px 9px;
  border: 1px solid #d9dfd4;
  border-radius: 18px;
  background: #fff;
  color: #333;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
}
#product-category a.priekam-color:hover { background: #f0f6e9; border-color: #5c8f33; }
#product-category a.priekam-color.is-active {
  background: #eaf4df;
  border-color: #4d8d1e;
  box-shadow: inset 0 0 0 1px #4d8d1e;
  font-weight: 700;
}
.priekam-color-dot {
  flex: 0 0 19px;
  display: inline-block;
  width: 19px;
  height: 19px;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 50%;
}
.priekam-dot-all, .priekam-dot-mix { background: conic-gradient(#e2638c,#e2b144,#5daa6b,#528eca,#9268b2,#e2638c); }
.priekam-dot-white { background: #fff; }
.priekam-dot-beige { background: #e8d6b9; }
.priekam-dot-brown { background: #8b5c40; }
.priekam-dot-grey { background: linear-gradient(135deg,#d9dce0,#9da3a9); }
.priekam-dot-black { background: #292929; }
.priekam-dot-yellow { background: #f3d339; }
.priekam-dot-gold { background: linear-gradient(135deg,#f4dc96,#b58b31); }
.priekam-dot-orange { background: #f2a272; }
.priekam-dot-red { background: #bd304b; }
.priekam-dot-pink { background: #e99abd; }
.priekam-dot-purple { background: #a17abe; }
.priekam-dot-blue { background: #658fc9; }
.priekam-dot-turquoise { background: #65c4cb; }
.priekam-dot-green { background: #77a86b; }
.priekam-dot-clear { background: linear-gradient(135deg,#fff 30%,#dce8e9 49%,#fff 70%); }
.priekam-dot-other { background: #eee; border-style: dashed; }
#product-category .priekam-color-brand { display: flex; align-items: center; gap: 6px; margin-left: auto; }
#product-category .priekam-color-brand[hidden] { display: none; }
#product-category .priekam-color-brand label { margin: 0; font-size: 12px; font-weight: 400; }
#product-category .priekam-color-brand select { width: auto; max-width: 210px; height: 34px; font-size: 12px; }
#product-product #product .price.pds > a.priekam-series-choice {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  min-width: 56px;
  width: auto;
  height: auto;
  min-height: 76px;
  margin: 3px 4px 4px 0;
  padding: 3px 4px 5px;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  vertical-align: top;
  background: #fff;
  color: #333;
  text-align: center;
  text-decoration: none;
}
#product-product #product .price.pds > a.priekam-series-choice > img {
  width: 50px;
  height: 50px;
  max-width: 50px;
  max-height: 50px;
  object-fit: contain;
}
#product-product #product .priekam-series-size {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
  white-space: nowrap;
}
#product-product #product .price.pds > a.priekam-series-choice.pds-current {
  border-color: #4d8d1e;
  box-shadow: inset 0 0 0 1px #4d8d1e;
  background: #f1f7eb;
}
#product-category a.priekam-color:focus-visible,
#product-product #product .price.pds > a.priekam-series-choice:focus-visible { outline: 3px solid #2674af; outline-offset: 2px; }
@media (min-width: 768px) {
  #product-category .priekam-color-brand.priekam-brand-mobile { display: none; }
}
@media (max-width: 767px) {
  #product-category .priekam-colors { margin: 9px 0 12px; padding: 9px; }
  #product-category .priekam-color-options { gap: 5px; }
  #product-category a.priekam-color { min-height: 40px; padding: 5px 8px; font-size: 12px; }
  #product-category .priekam-color-brand { flex-basis: 100%; margin-left: 0; }
  #product-category .priekam-color-brand select { max-width: none; flex: 1; min-width: 0; }
  #product-product #product .price.pds > a.priekam-series-choice { min-width: 52px; min-height: 68px; margin-right: 3px; padding: 3px; }
  #product-product #product .price.pds > a.priekam-series-choice > img { width: 42px; height: 42px; max-width: 42px; max-height: 42px; }
}