/* Ячейка удаления */
.table__cell-remove {
    width: 45px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Иконка корзины: по умолчанию голубая */
.hitech-remove-item i {
    color: #5dade2 !important; 
    transition: all 0.2s ease;
    font-size: 16px;
}

/* При наведении: темно-синяя */
.hitech-remove-item:hover i {
    color: #1a4a7a !important; 
    transform: scale(1.1);
}

/* Состояние строки при удалении (через JS) */
.hitech-cart-row.is-removing {
    opacity: 0.3 !important;
    pointer-events: none;
    transition: opacity 0.4s ease;
}

/* --- СОСТОЯНИЕ "ОТЛОЖЕНО" (ОБЪЕДИНЕННОЕ) --- */
/* Работает и для PHP (is-deferred) и для JS (is-disabled) */
.hitech-cart-row.is-disabled,
.hitech-cart-row.is-deferred {
    filter: grayscale(100%) opacity(0.6) !important;
    background-color: #fcfcfc !important;
    transition: all 0.3s ease;
}

/* Визуально перечеркиваем данные, которые не идут в расчет */
.hitech-cart-row.is-disabled .table__cell-quantity,
.hitech-cart-row.is-disabled .table__cell-total,
.hitech-cart-row.is-deferred .table__cell-quantity,
.hitech-cart-row.is-deferred .table__cell-total {
    text-decoration: line-through;
    opacity: 0.7;
}

/* Чекбокс должен оставаться ярким и кликабельным всегда! */
.hitech-cart-row.is-disabled .table__cell-checkbox,
.hitech-cart-row.is-deferred .table__cell-checkbox {
    filter: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* Спиннер / Прелоадер */
#hitech-cart-preloader {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.2);
    pointer-events: none;
}

.hitech-spinner-container {
    position: relative;
    width: 100px;
    height: 100px;
}

.hitech-spinner-circle {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.8;
}

.hitech-spinner-propeller {
    position: absolute;
    width: 85%; 
    height: 85%;
    top: 7.5%;
    left: 7.5%;
    animation: hitech-spin 1s linear infinite;
}

@keyframes hitech-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}