/* ==========================================
   1. ГЛОБАЛЬНЫЕ ЦВЕТА И АКЦЕНТЫ (SILENT+)
   ========================================== */
:root {
    --primary: #d187f5 !important;
    --primary-hover: #b562dc !important;
    --accent: #5c2575 !important;
}

/* Изменение цвета важных заголовков и ссылок */
a, .text-primary, .active-link {
    color: #d187f5 !important;
}

a:hover {
    color: #b562dc !important;
}

/* ==========================================
   2. КНОПКИ И ПОЛЯ ВВОДА
   ========================================== */
/* Кнопки покупки и отправки форм */
.btn-primary, .button-main, .ed-btn-primary, button[type="submit"] {
    background-color: #d187f5 !important;
    border-color: #d187f5 !important;
    color: #ffffff !important;
    transition: all 0.3s ease !important;
}

/* Эффект при наведении на кнопки */
.btn-primary:hover, .button-main:hover, .ed-btn-primary:hover, button[type="submit"]:hover {
    background-color: #b562dc !important;
    border-color: #b562dc !important;
    box-shadow: 0 0 12px rgba(209, 135, 245, 0.6) !important;
}

/* Подсветка полей ввода (Никнейм, Email) при клике */
input:focus, select:focus, textarea:focus {
    border-color: #d187f5 !important;
    box-shadow: 0 0 0 0.2rem rgba(209, 135, 245, 0.25) !important;
}

/* ==========================================
   3. ВЫРАВНИВАНИЕ ИНСТРУКЦИИ ПО ЦЕНТРУ ЭКРАНА
   ========================================== */
/* Сдвигаем контейнеры с инструкцией на середину страницы */
div[class*="col-"], .instruction-block, .mt-4, .mt-5 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Выравнивание самого текста инструкции */
p.font-weight-bolder, p.mt-0 {
    text-align: center !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 600px !important; /* Ограничиваем ширину, чтобы текст красиво читался */
}

/* Фиксация цвета для обычного текста описания, чтобы он оставался белым */
p.mt-0 {
    color: #ffffff !important;
}