/* Перекраска сайта в черно-золотой */
body, #root, .App, main, .bg-light, .bg-body-tertiary {
    background-color: #0f0f0f !important;
    color: #e0e0e0 !important;
}

/* Шапка */
.navbar, header {
    background-color: #1a1a1a !important;
    border-bottom: 1px solid #2a2a2a !important;
}
.navbar-brand, .nav-link {
    color: #d4af37 !important;
}

/* Заголовки */
h1, h2, h3, h4, h5, .title-holder h2 {
    color: #ffffff !important;
}
.subtitle {
    color: #999999 !important;
}

/* Карточки услуг и работ */
.holder, .portfolio-wrapper, .card, .blockquote {
    background-color: #1a1a1a !important;
    border: 1px solid #2a2a2a !important;
    color: #e0e0e0 !important;
}
.holder h3, .portfolio-wrapper h3 {
    color: #d4af37 !important;
}

/* Прогресс-бары (шкалы) */
.progress {
    background-color: #2a2a2a !important;
}
.progress-bar {
    background-color: #d4af37 !important;
    color: #000 !important;
}

/* Кнопки */
.btn, .btn-primary {
    background-color: #d4af37 !important;
    border-color: #d4af37 !important;
    color: #000000 !important;
    font-weight: 600 !important;
}
.btn:hover {
    background-color: #bfa133 !important;
}

/* Подвал */
footer, #footer, .pricing-block, .contact-block {
    background-color: #141414 !important;
    border-top: 1px solid #2a2a2a !important;
    color: #555 !important;
}/* --- ИСПРАВЛЕНИЕ БЕЛЫХ ПЯТЕН --- */

/* Блок "О нас" - делаем текст видимым */
.about-block, .about-block p, .about-block h4 {
    color: #e0e0e0 !important;
}

/* Таблица цен (убираем белый фон) */
.pricing-block .list-group-item, 
.pricing-block .card, 
.pricing-block .heading {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: #2a2a2a !important;
}
/* Текст в таблице цен */
.pricing-block .list-group-item {
    color: #999 !important;
}

/* Всплывающее окно с фото (модалка) */
.modal-content, .modal-body {
    background-color: #1a1a1a !important;
    color: #fff !important;
}
.modal-header {
    border-bottom: 1px solid #2a2a2a !important;
}
.modal-title {
    color: #d4af37 !important;
}
/* Кнопка CLOSE в модалке */
.modal-footer .btn {
    background-color: #d4af37 !important;
    color: #000 !important;
    border: none !important;
}

/* Кнопка "Наверх" (стрелочка справа внизу) */
.go-top {
    background-color: #d4af37 !important;
    color: #000 !important;
}/* --- ФИНАЛЬНАЯ ЗАЧИСТКА --- */

/* Поля ввода (форма) */
input, textarea, .form-control {
    background-color: #1a1a1a !important;
    color: #fff !important;
    border: 1px solid #2a2a2a !important;
}
input:focus, textarea:focus {
    border-color: #d4af37 !important;
    box-shadow: none !important;
}

/* Красная плашка "Популярное" */
.badge, .popular, .ribbon {
    background-color: #d4af37 !important;
    color: #000 !important;
}

/* Иконки в услугах (делаем их золотыми) */
.service-card i, .holder i, .icon i {
    color: #d4af37 !important;
}

/* Границы карточек цен, чтобы они не сливались */
.pricing-block .card, .pricing-block .heading {
    border: 1px solid #2a2a2a !important;
}/* --- ФИНАЛЬНЫЕ ШТРИХИ ДЛЯ ИДЕАЛЬНОГО ВИДА --- */

/* 1. Форма ввода: добавляем рамки, чтобы не сливались с фоном */
input, textarea, .form-control {
    background-color: #0f0f0f !important;
    border: 1px solid #d4af37 !important; /* Золотая рамка */
    color: #fff !important;
}
input::placeholder, textarea::placeholder {
    color: #666 !important;
}
input:focus, textarea:focus {
    border-color: #bfa133 !important;
    outline: none !important;
}

/* 2. Пагинация (кнопки 1, 2, 3, 4) */
.pagination .page-item .page-link {
    background-color: #1a1a1a !important;
    border-color: #2a2a2a !important;
    color: #d4af37 !important;
}
.pagination .page-item.active .page-link {
    background-color: #d4af37 !important;
    border-color: #d4af37 !important;
    color: #000 !important;
}

/* 3. Иконки услуг (убираем красный кружок) */
.holder i, .service-card i, .icon i {
    color: #d4af37 !important;
    background-color: transparent !important;
}

/* 4. Ценники и плашки */
.pricing-block .card, .pricing-block .heading, .pricing-block .list-group-item {
    border: 1px solid #2a2a2a !important;
    background-color: #1a1a1a !important;
}
.badge, .ribbon, .popular {
    background-color: #d4af37 !important;
    color: #000 !important;
}

/* 5. Убираем красные элементы в отзывах (точки навигации) */
.carousel-indicators button {
    background-color: #d4af37 !important;
}/* --- ИСПРАВЛЕНИЕ ИКОНОК, ПОДСВЕТКИ И КРАСНЫХ ПЯТЕН --- */

/* 1. Чиним иконки в подвале и контактах (возвращаем им белый цвет) */
footer i, .contact-block i, .contact-info i, .fa-whatsapp, .fa-vk, .fa-phone {
    color: #ffffff !important;
}

/* Если иконки внутри золотых кнопок, делаем их черными */
.btn i, .btn-whatsapp i, .btn-vk i {
    color: #000000 !important;
}

/* 2. Убираем красный кружок в услугах (делаем его золотым с черной иконкой) */
.holder .icon, .service-card .icon, .red-icon {
    background-color: #d4af37 !important;
    color: #000 !important;
    border-radius: 50%;
}
.holder .icon i, .service-card .icon i {
    color: #000 !important;
}

/* 3. Плашка "Популярное" - делаем золотой */
.badge, .popular, .ribbon, .badge-danger {
    background-color: #d4af37 !important;
    color: #000 !important;
}

/* 4. Убираем красную подсветку при наведении на карточки услуг */
.holder:hover, .service-card:hover, .portfolio-wrapper:hover {
    background-color: #1f1f1f !important; /* Чуть светлее фона */
    border-color: #d4af37 !important; /* Золотая рамка */
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.2) !important; /* Легкое золотое свечение */
}

/* 5. Убираем красные полосы на карточках цен (если есть) */
.card-header, .heading {
    border-bottom: 1px solid #2a2a2a !important;
}

/* 6. Иконки в блоке "Рекомендации" (если там есть кавычки или звезды) */
blockquote i, .fa-quote-left {
    color: #d4af37 !important;
}/* --- ПОСЛЕДНИЕ ШТРИХИ --- */

/* 1. Иконка телефона (черная на черном) - даем ей золотой фон */
.contact-info .fa-phone {
    background-color: #d4af37 !important;
    color: #000 !important;
    padding: 10px;
    border-radius: 50%;
}

/* 2. Белые точки соцсетей в подвале - делаем их золотыми */
footer .socials i, #footer .socials i {
    color: #d4af37 !important;
}

/* 3. Заголовки в карточках услуг - делаем ярче */
.holder h3, .service-card h3 {
    color: #d4af37 !important;
    font-weight: 600 !important;
}

/* 4. Границы для карточек цен, чтобы они не сливались */
.pricing-block .card, .pricing-block .heading {
    border: 1px solid #333 !important;
    background-color: #141414 !important; /* Чуть светлее основного фона */
}

/* 5. Убираем красную ленту "Популярно" - красим в золото */
.ribbon, .badge, .popular {
    background-color: #d4af37 !important;
    color: #000 !important;
    box-shadow: none !important;
}

/* 6. Убираем красные полоски в карточках */
.pricing-block .card-header, .pricing-block .heading::before {
    background-color: #2a2a2a !important;
    border-bottom: 1px solid #333 !important;
}/* Убираем красный цвет иконок при наведении на карточки услуг */
.holder:hover .icon i, 
.service-card:hover .icon i,
.holder:hover .fa, 
.service-card:hover .fa {
    color: #000 !important; /* Иконка остается черной внутри золотого круга */
}

/* На всякий случай фиксируем сам кружок, чтобы он не краснел */
.holder:hover .icon, 
.service-card:hover .icon {
    background-color: #d4af37 !important;
    color: #000 !important;
}

/* Если красный остается на тексте заголовка при наведении - убираем */
.holder:hover h3, 
.service-card:hover h3 {
    color: #d4af37 !important;
}/* Тяжелая артиллерия для красного кружка */
.holder .icon, 
.service-card .icon,
.holder:hover .icon,
.service-card:hover .icon,
.holder i, 
.service-card i,
.holder:hover i,
.service-card:hover i,
.holder svg,
.service-card svg,
.holder:hover svg,
.service-card:hover svg {
    background-color: #d4af37 !important; /* Золотой фон */
    color: #000000 !important;            /* Черная иконка */
    fill: #000000 !important;             /* Для SVG-иконок */
    stroke: #000000 !important;           /* Для SVG-иконок */
    box-shadow: none !important;          /* Убираем красное свечение, если есть */
    border-color: #d4af37 !important;
}/* --- ОЧИСТКА БЛОКА ЦЕН ОТ СВЕЧЕНИЯ И КРАСНОГО --- */

/* 1. Убираем белое свечение/тень вокруг центральной карточки */
.pricing-block .card, 
.pricing-block .holder, 
.pricing-block .active,
.pricing-block .popular-card {
    box-shadow: none !important;
    transform: none !important; /* Убираем возможное выпячивание вперед */
    border: 1px solid #333 !important; /* Только аккуратная темная рамка */
}

/* 2. Убираем красный цвет у ленты "Популярное" */
.ribbon, 
.badge, 
.popular,
.pricing-block .ribbon {
    background-color: #d4af37 !important; /* Золотой фон */
    color: #000 !important;              /* Черный текст */
    box-shadow: none !important;
    text-shadow: none !important;
}

/* На всякий случай красим в золото любые полоски и заголовки в этом блоке */
.pricing-block h4, 
.pricing-block .heading,
.pricing-block .card-header {
    color: #d4af37 !important;
    border-color: #333 !important;
    background: transparent !important;
}

/* 3. Убираем странную тень, которая падает вниз от карточки */
.pricing-block .content, 
.pricing-block .card-body {
    box-shadow: none !important;
}/* --- ПРИНУДИТЕЛЬНОЕ ОТКЛЮЧЕНИЕ СВЕЧЕНИЯ И КРАСНОЙ ЛЕНТЫ --- */

/* 1. Полностью отключаем свечение (тень) у центральной карточки */
.pricing-block .card, 
.pricing-block .holder, 
.pricing-block .popular-card,
.pricing-block [style*="box-shadow"] {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    transform: none !important;
    -webkit-transform: none !important;
}

/* 2. Прячем красную ленту "Популярное" (если она как картинка или псевдоэлемент) */
.pricing-block .ribbon, 
.pricing-block .badge, 
.pricing-block .popular,
.pricing-block .ribbon::before,
.pricing-block .ribbon::after {
    display: none !important; /* Скрываем её полностью */
}

/* 3. Делаем текст "Популярное" невидимым, если он прописан текстом */
.pricing-block .popular-text {
    visibility: hidden !important;
}/* Прячем красную ленту и белое свечение */
.pricing-block .ribbon, 
.pricing-block .badge, 
.pricing-block .popular {
    display: none !important; /* Убираем ленту */
}

.pricing-block .card:nth-child(2) {
    box-shadow: none !important; /* Убираем свечение */
    background-color: #1a1a1a !important; /* Делаем фон как у всех */
    border: 1px solid #2a2a2a !important; /* Обычная рамка */
}

/* Если свечение идет через псевдоэлемент (::before или ::after) */
.pricing-block .card:nth-child(2)::before,
.pricing-block .card:nth-child(2)::after {
    display: none !important;
}/* Убиваем свечение и красную ленту по атрибуту style */
.pricing-block [style*="box-shadow"], 
.pricing-block [style*="boxShadow"] {
    box-shadow: none !important;
}

/* Скрываем любые элементы с красным фоном внутри блока цен */
.pricing-block * {
    background-image: none !important; /* Убираем возможные фоновые картинки */
}
.pricing-block .ribbon, 
.pricing-block .badge {
    display: none !important;
}

/* Принудительно делаем все карточки одинаковыми */
.pricing-block .card, 
.pricing-block .holder {
    background: #1a1a1a !important;
    border: 1px solid #333 !important;
    transform: none !important;
    box-shadow: none !important;
}/* Убираем красную ленту (псевдоэлемент ::before) */
.pricing-block .col-sm-4::before {
    display: none !important; 
}

/* Убираем белое свечение и приводим карточку к общему виду */
.pricing-block .heading {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background-color: transparent !important;
    border: 1px solid #2a2a2a !important; /* Делаем обычную рамку */
    color: #d4af37 !important; /* Текст золотой */
}

/* Делаем фон центральной колонки как у всех */
.pricing-block .col-sm-4 {
    background-color: #1a1a1a !important;
    border: 1px solid #2a2a2a !important;
}

/* Убираем красный цвет у кнопки "Заказать" в центральной карточке (если он там был) */
.pricing-block .col-sm-4 .btn {
    background-color: #d4af37 !important;
    color: #000 !important;
}