/* 
 * Стили для корзины и оформления заказа
 * Эти стили применяются на страницах: detail.html, checkout.html, order_success.html
 */

/* Эффект стеклянной карточки для блоков с контентом */
.glass-card {
    background: rgba(249, 249, 249, 0.905);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    color: #000000;
}

/* Visibility improvements for text in glass cards */
.glass-card h1, .glass-card h2, .glass-card h3, 
.glass-card h4, .glass-card h5, .glass-card h6,
.glass-card .text-white, .glass-card strong {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
}

.glass-card .text-white-50 {
    color: rgba(255, 255, 255, 0.75) !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}

.glass-card .list-group-item {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* Price display formatting */
.price-display {
    line-height: 1.25;
}


/* Текст с градиентом */
.text-gradient {
    background: linear-gradient(45deg, var(--color-secondary), var(--color-primary));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
}

/* Свечение текста (например, для иконок успеха) */
.text-glow {
    text-shadow: 0 0 20px rgba(40, 167, 69, 0.5);
}

/* Свечение тени для кнопок */
.shadow-glow {
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.4);
    transition: all 0.3s ease;
}

/* Эффект при наведении на элемент с теневым свечением */
.shadow-glow:hover {
    box-shadow: 0 0 25px rgba(99, 102, 241, 0.6);
    transform: translateY(-2px);
}

/* Анимация пульсации */
.pulse-animation {
    animation: pulse 2s infinite;
}

/* Ключевые кадры для пульсации */
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

/* Стили для кастомной таблицы в корзине */
.custom-table {
    background: transparent !important;
    border-collapse: separate;
    border-spacing: 0 10px;
}

/* Стили для заголовков таблицы */
.custom-table thead th {
    border-bottom: 2px solid rgba(255,255,255,0.1);
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 1px;
    padding-bottom: 20px;
}

/* Стили для строк таблицы (фон и плавная анимация) */
.custom-table tbody tr {
    background: rgba(255,255,255,0.03);
    transition: all 0.3s ease;
}

/* Эффект при наведении на строку таблицы */
.custom-table tbody tr:hover {
    background: rgba(255, 255, 255, 0.796);
    transform: scale(1.01);
}

/* Отступы в ячейках таблицы */
.custom-table td, .custom-table th {
    padding: 1.5rem 1rem;
    border: none;
}

/* Эффект "блеска" на кнопках */
.shine-effect {
    position: relative;
    overflow: hidden;
}

.shine-effect::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    /* background: linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent); */
    transform: rotate(45deg);
    transition: 0.5s;
}

.shine-effect:hover::after {
    left: 100%;
}