/* Дополнительные стили для личного кабинета */

/* Класс btn--outline для кнопки "Редактировать" */
.btn--outline {
    border-color: var(--color-border);
    background-color: transparent;
    color: var(--color-text);
}

.btn--outline:hover {
    background-color: var(--color-bg);
    border-color: var(--color-primary);
}

/* Цвета для статусов */
.text-warning {
    color: var(--warning, #f59e0b);
}

.text-success {
    color: var(--success, #22c55e);
}

/* =============================================
   МИНИАТЮРЫ В КАРТОЧКАХ ОБЪЯВЛЕНИЙ
   ============================================= */

/* Контейнер миниатюр */
.listing-thumbnails {
    pointer-events: auto;
}

/* Миниатюра изображения */
.listing-thumb {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    pointer-events: auto;
}

/* Активная миниатюра */
.listing-thumb.is-active {
    border-color: var(--color-primary, #4361ee) !important;
    box-shadow: 0 0 0 2px rgba(67, 97, 238, 0.3);
}

/* Hover эффект на миниатюре */
.listing-thumb:hover {
    transform: scale(1.05);
    border-color: var(--color-primary, #4361ee) !important;
}

/* Плавная смена основного изображения */
.listing-main-image {
    transition: all 0.2s ease;
}

/* Эффект затемнения при наведении на изображение в карточке */
.listing-main-image:hover {
    opacity: 0.85;
}