/* ============================================
   НЕДОСТУПНІ КОЛЬОРИ
   ============================================ */

.t-product__option-item_color {
  position: relative !important;
}

.t-product__option-item_color.t-product__option-item_disabled {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

.t-product__option-item_color.t-product__option-item_disabled .t-product__option-checkmark_color {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
}

/* лінія закреслення для кольору */
.t-product__option-item_color.t-product__option-item_disabled::after {
  content: '';
  position: absolute !important;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 1.5px;
  background: #777;
  transform: translate(-50%, -50%) rotate(-45deg);
  pointer-events: none;
  z-index: 10;
}


/* ============================================
   НЕДОСТУПНІ РОЗМІРИ
   ============================================ */

.t-product__option-item_simple.t-product__option-item_disabled {
  position: relative !important;
  border-color: #ececec !important;
  background-color: #fafafa !important;
  cursor: not-allowed !important;
  pointer-events: none !important;

  background-image: linear-gradient(
    to top right,
    transparent 0%,
    transparent calc(50% - 0.5px),
    #d0d0d0 calc(50% - 0.5px),
    #d0d0d0 calc(50% + 0.5px),
    transparent calc(50% + 0.5px),
    transparent 100%
  ) !important;
}

/* текст недоступного розміру */
.t-product__option-item_simple.t-product__option-item_disabled .t-product__option-title_simple {
  color: #c5c5c5 !important;
  text-decoration: none !important;
}

/* прибираємо стандартну галочку/обводку */
.t-product__option-item_simple.t-product__option-item_disabled .t-product__option-checkmark_simple {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}


/* ============================================
   МОБІЛЬНА АДАПТАЦІЯ
   ============================================ */

@media (max-width: 480px) {
  .t-product__option-item_color.t-product__option-item_disabled::after {
    width: 26px;
    height: 1.2px;
  }
}
</style>