/* Глобальные переменные для тёмной темы (по умолчанию) */
:root {
    --bg-body: #0A0A0A;
    --text-color: #E8E8E8;
    --card-bg: #1A1A1A;
    --card-border: #2C2C2C;
    --alert-bg: #2A1E0F;
    --alert-color: #FFD9A5;
    --badge-light-bg: #2C2C2C;
    --badge-light-color: #E8E8E8;
    --border-top-color: #2C2C2C;
    --text-muted: #B0B0B0;
}

/* Светлая тема */
body.light-theme {
    --bg-body: #F8F9FA;
    --text-color: #212529;
    --card-bg: #FFFFFF;
    --card-border: #DEE2E6;
    --alert-bg: #FFF3CD;
    --alert-color: #856404;
    --badge-light-bg: #E9ECEF;
    --badge-light-color: #212529;
    --border-top-color: #DEE2E6;
    --text-muted: #6C757D;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--bg-body);
    color: var(--text-color);
    transition: background-color 0.3s, color 0.3s;
}

.container {
    max-width: 1280px;
}

/* Оранжевые кнопки (не меняются от темы) */
.btn-orange {
    background-color: #E67E22;
    border-color: #E67E22;
    color: #0A0A0A;
    font-weight: 600;
}
.btn-orange:hover {
    background-color: #CF711F;
    border-color: #CF711F;
    color: #0A0A0A;
}
.btn-outline-orange {
    border-color: #E67E22;
    color: #E67E22;
}
.btn-outline-orange:hover {
    background-color: #E67E22;
    color: #0A0A0A;
}

/* Цвет текста и иконок оранжевый */
.text-orange {
    color: #E67E22 !important;
}

/* Переопределяем Bootstrap warning на оранжевый #E67E22 */
.bg-warning {
    background-color: #E67E22 !important;
}
.border-warning {
    border-color: #E67E22 !important;
}
.alert-warning {
    background-color: var(--alert-bg);
    border-color: #E67E22 !important;
    color: var(--alert-color);
}
.badge.bg-warning {
    background-color: #E67E22 !important;
    color: #0A0A0A !important;
}
.badge.bg-warning.text-dark {
    color: #0A0A0A !important;
}

/* Карточки и блоки — наследуем цвет текста от переменной */
.card,
.card p,
.card h3,
.card .h5,
.card .lead,
.card-body,
.card .card-body,
.card .price-wrapper,
.card .price-wrapper span,
.card .badge,
.card small,
.card .text-muted,
.bg-dark-soft,
.bg-dark-soft p,
.bg-dark-soft h2,
.bg-dark-soft .lead,
.achievement-text p,
.achievement-text h3 {
    color: var(--text-color);
}

.card {
    background-color: var(--card-bg);
    border-color: var(--card-border);
    transition: transform 0.2s, background-color 0.3s, border-color 0.3s;
}
.card:hover {
    transform: translateY(-5px);
    border-color: #E67E22;
}

.badge.bg-light {
    background-color: var(--badge-light-bg) !important;
    color: var(--badge-light-color) !important;
    border: 1px solid var(--card-border);
}

.bg-dark-soft {
    background-color: var(--card-bg);
}

.text-muted {
    color: var(--text-muted) !important;
}

.border-top {
    border-color: var(--border-top-color) !important;
}

/* Цены */
.price-wrapper {
    text-align: center;
    margin: 0.5rem 0;
}
.old-price, .corp-old-price {
    text-decoration: line-through;
    font-size: 1rem;
    color: #9B9B9B;
    display: block;
    margin-bottom: 0.25rem;
}
.current-price {
    font-size: 2rem;
    font-weight: bold;
    color: #E67E22;
    display: block;
}

/* Горизонтальные достижения */
.achievement-card-horizontal {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    text-align: left;
}
.achievement-icon {
    font-size: 3rem;
    flex-shrink: 0;
}
.achievement-text h3 {
    margin-bottom: 0.25rem;
}
.achievement-text p {
    margin-bottom: 0;
}

/* Мобильная центровка */
@media (max-width: 768px) {
    .achievement-card-horizontal {
        flex-direction: column;
        text-align: center;
    }
    .price-wrapper .current-price {
        font-size: 1.5rem;
    }
}