/* Style: Cyber-Amber Custom 
   Target: EasyDonate (Lullaby Dark Theme)
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap');

:root {
    --accent-color: #FF8C00 !important; /* Насыщенный оранжевый */
    --accent-muted: rgba(255, 140, 0, 0.4) !important;
    --accent-neutral: rgba(255, 140, 0, 0.2) !important;
    --gold: #FFD700;
    --dark-deep: #0a0a0a;
    --glass: rgba(20, 20, 20, 0.7);
}

/* Принудительная замена шрифта и фона */
body, .bg-elegant-dark, .bg-elegant-night {
    background-color: var(--dark-deep) !important;
    font-family: 'Inter', sans-serif !important;
}

/* --- ЭФФЕКТ СТЕКЛА (Glassmorphism) --- */
.card.bg-elegant, .modal-content.bg-elegant, .form-control.bg-elegant {
    background: var(--glass) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 140, 0, 0.15) !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.8) !important;
}

/* --- КАРТОЧКИ ТОВАРОВ --- */
.profile-card .card {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.profile-card .card:hover {
    transform: translateY(-10px) scale(1.03);
    border-color: var(--accent-color) !important;
    box-shadow: 0 15px 45px rgba(255, 140, 0, 0.15) !important;
}

/* --- КНОПКА КОРЗИНЫ И ПУЛЬСАЦИЯ --- */
.basket-button {
    background: linear-gradient(135deg, var(--accent-color), var(--gold)) !important;
    box-shadow: 0 0 20px rgba(255, 140, 0, 0.4) !important;
    animation: pulseGlow 2s infinite;
    border: none !important;
}

@keyframes pulseGlow {
    0% { box-shadow: 0 0 0 0 rgba(255, 140, 0, 0.6); }
    70% { box-shadow: 0 0 0 15px rgba(255, 140, 0, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 140, 0, 0); }
}

/* --- ШАПКА И ГРАДИЕНТ --- */
#welcome-section {
    position: relative;
}

/* Добавляем мягкое оранжевое свечение сверху */
#welcome-section::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: radial-gradient(circle at top right, rgba(255, 140, 0, 0.1), transparent 50%);
    pointer-events: none;
}

.shop-name {
    background: linear-gradient(to right, #ffffff, var(--gold));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900 !important;
    letter-spacing: -2px;
}

/* --- ИНДИКАТОР ЗАГРУЗКИ --- */
.stripe-loading-indicator .stripe {
    background: var(--accent-color) !important;
}

/* --- СКРОЛЛБАР --- */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: var(--dark-deep);
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(var(--accent-color), var(--gold));
    border-radius: 10px;
}

/* --- КНОПКИ В МОДАЛКАХ И КУПИТЬ --- */
.btn-primary, .btn-danger, .btn-buy {
    background: linear-gradient(135deg, var(--accent-color), var(--gold)) !important;
    color: #000 !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 10px !important;
}

.progress-bar.bg-danger {
    background: var(--accent-color) !important;
}