/*
Theme Name: Blocksy Child
Theme URI: https://creativethemes.com/blocksy/
Template: blocksy
Author: CreativeThemes
Author URI: https://creativethemes.com
Description: Blocksy is a blazing fast and lightweight WordPress theme built with the latest web technologies. It was built with the Gutenberg editor in mind and has a lot of options that makes it extendable and customizable. You can easily create any type of website, such as business agency, shop, corporate, education, restaurant, blog, portfolio, landing page and so on. It works like a charm with popular WordPress page builders, including Elementor, Beaver Builder, Visual Composer and Brizy. Since it is responsive and adaptive, translation ready, SEO optimized and has WooCommerce built-in, you will experience an easy build and even an increase in conversions.
Tags: blog,e-commerce,wide-blocks,block-styles,grid-layout,one-column,two-columns,three-columns,four-columns,right-sidebar,left-sidebar,translation-ready,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments,buddypress,rtl-language-support,news
Version: 2.0.75.1730387251
Updated: 2024-10-31 18:07:31

*/

/* Swiper */
.swiper-container {
    width: 100%;
    height: 400px; /* Установите нужную высоту */
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
/* Затенение картинки товара */
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    filter: brightness(0.95);
}

/* Стили для полных характеристик */
/* Основные стили для списка */
dl.product-chars {
    display: grid;
    grid-template-columns: 1fr 2fr; /* Термин занимает 1 часть, описание — 2 части */
    gap: 0; /* Убираем промежутки между строками */
    border-radius: 4px; /* Закругленные углы */
    overflow: hidden; /* Скрываем выходящие за пределы элементы */
    margin: 0; /* Убираем внешние отступы */
    padding: 0; /* Убираем внутренние отступы */
}

/* Стили для термина (dt) и описания (dd) */
dl.product-chars dt,
dl.product-chars dd {
    margin: 0; /* Убираем отступы */
    padding: 10px 15px; /* Внутренние отступы */
    border-bottom: 1px solid #ddd; /* Разделительная линия снизу */
    display: flex;
    align-items: center; /* Выравниваем текст по вертикали */
    min-height: 40px; /* Минимальная высота строки */
}

/* Убираем нижнюю границу у последнего элемента */
dl.product-chars dt:last-child,
dl.product-chars dd:last-child {
    border-bottom: none;
}

/* Стили для термина (dt) */
dl.product-chars dt {
    font-weight: bold; /* Жирный шрифт для термина */
}

/* Стили для описания (dd) */
dl.product-chars dd {
    background-color: transparent; /* Прозрачный фон для описаний */
}

.swiper-container {
    width: 100%;
    height: 600px; /* Настройте высоту по своему усмотрению */
}

.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-button-next, .swiper-button-prev {
    color: #fff; /* Настройте цвет стрелок */
}

.swiper-pagination-bullet {
    background: #fff; /* Настройте цвет пагинации */
}

.wpcf7-form-control-wrap .wpcf7-text {
    background: #fff;
}

.wpcf7 .wpcf7-submit {
   background-color: var(--theme-palette-color-1);
   color: #fff;
}

.single-project .entry-content ul li::marker {
    color: var(--theme-palette-color-1);
}

/* Оверлей модального окна */
        .modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 9999;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .modal-overlay.active {
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 1;
        }

        /* Модальное окно */
        .modal {
            background: white;
            border-radius: 8px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            max-width: 500px;
            width: 90%;
            max-height: 90vh;
            overflow-y: auto;
            position: relative;
            transform: scale(0.7);
            transition: transform 0.3s ease;
        }

        .modal-overlay.active .modal {
            transform: scale(1);
        }

        /* Заголовок модального окна */
        .modal-header {
            padding: 20px 20px 0;
            border-bottom: 1px solid #eee;
            margin-bottom: 20px;
            position: relative;
        }

        .modal-title {
            margin: 0 0 15px 0;
            font-size: 24px;
            font-weight: 600;
            color: #333;
        }

        /* Кнопка закрытия */
        .modal-close {
            position: absolute;
            top: 15px;
            right: 15px;
            background: none;
            border: none;
            font-size: 24px;
            cursor: pointer;
            color: #666;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.2s ease;
        }

        .modal-close:hover {
            background: #f0f0f0;
            color: #333;
        }

        /* Контент модального окна */
        .modal-content {
            padding: 0 20px 20px;
        }

        /* Стили для демо-формы (заменить на CF7) */
        .demo-form {
            background: #f9f9f9;
            padding: 20px;
            border-radius: 4px;
            border: 2px dashed #ddd;
            text-align: center;
            color: #666;
        }

        .demo-form h3 {
            margin-top: 0;
            color: #333;
        }

        /* Адаптивность */
        @media (max-width: 768px) {
            .modal {
                width: 95%;
                margin: 20px;
            }
            
            .modal-header,
            .modal-content {
                padding-left: 15px;
                padding-right: 15px;
            }
        }

        /* Анимация появления */
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: scale(0.7);
            }
            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        .modal-overlay.active .modal {
            animation: fadeIn 0.3s ease;
        }

/* Форма на главной */
.wpcf7 label:not(.wpcf7-form-control-wrap) {
    display: block;
    font-size: 14px;
    font-weight: 300;
}
.codedropz-upload-container {
    padding: 10px 10px;
}
.codedropz-upload-inner h3 {
    margin: 5px 0;
    font-size: 22px;
    line-height: 18px;
    word-break: break-word;
}

.form-row {
  display: flex;
  gap: 20px; /* расстояние между колонками */
}

.form-col {
  flex: 1;
}