/*
Theme Name: TheGem Elementor Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem-elementor
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/


/*#primary-menu{
  text-shadow:
    -1px -1px 0 #235789,
    1px -1px 0 #235789,
    -1px 1px 0 #235789,
    1px 1px 0 #235789;
}*/



/* Добавляем подпись перед соцсетями на портфолио и постах */
/* Подпись перед соцсетями, наследует все стили родителя */
/* Текст перед соцсетями внутри блока */
.portfolio-item-page-bottom .socials-colored .socials-sharing a:first-child::before,
.single-post .socials-sharing a:first-child::before {
    content: "ПОДЕЛИТЬСЯ В СОЦСЕТЯХ: ";
    display: inline;
    margin-right: 10px; /* отступ перед первой иконкой */
    color: #dd0000; /* тот же цвет, что у ссылок категорий */
    vertical-align: text-bottom; /* выравнивание по нижнему краю */
}



/* Скрываем ненужные соцсети на портфолио и постах в блоке Sharing*/
/* Портфолио */
.portfolio-item-page-bottom .socials-colored .socials-sharing .socials-item-icon.pinterest,
.portfolio-item-page-bottom .socials-colored .socials-sharing .socials-item-icon.tumblr,
.portfolio-item-page-bottom .socials-colored .socials-sharing .socials-item-icon.linkedin,
.portfolio-item-page-bottom .socials-colored .socials-sharing .socials-item-icon.reddit,
/* Одиночные посты */
.single-post .socials-sharing .socials-item-icon.pinterest,
.single-post .socials-sharing .socials-item-icon.tumblr,
.single-post .socials-sharing .socials-item-icon.linkedin,
.single-post .socials-sharing .socials-item-icon.reddit {
    display: none !important;
}






/* Кастомная форма CF7*/
/* Фон и обертка формы */
.logistics-form {
    background: #F5F5F5;
    padding: 20px;
    border-radius: 8px;
}

/* Сетка */
.logistics-form .row {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.logistics-form .col-md-4 {
    flex: 0 0 32%;
    box-sizing: border-box;
}

.logistics-form .col-md-12 {
    flex: 0 0 100%;
    box-sizing: border-box;
}

/* Поля */
.logistics-form input[type="text"],
.logistics-form input[type="email"],
.logistics-form input[type="tel"],
.logistics-form textarea,
.logistics-form select {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

/* Кнопка */
.logistics-form .submit-button input[type="submit"] {
    background-color: #003a8c;
    color: #fff;
    padding: 12px 30px;
    font-size: 16px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.logistics-form .submit-button input[type="submit"]:hover {
    background-color: #0050c8;
}

/* Круглые radio */
.user-type .wpcf7-list-item {
    display: inline-flex;
    align-items: center;
    margin: 0 16px 12px 0;
}

.user-type input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #3b7cff;
    border-radius: 50%;
    margin-right: 8px;
    cursor: pointer;
    position: relative;
}

.user-type input[type="radio"]:checked {
    background-color: #3b7cff;
    box-shadow: inset 0 0 0 4px #fff;
}

.user-type label {
    cursor: pointer;
    font-size: 14px;
    color: #1e2633;
}

/* Чекбоксы */
.additional-services label,
.contact-method label {
    display: inline-flex;
    align-items: center;
    margin: 5px 15px 5px 0;
    cursor: pointer;
}

.additional-services input[type="checkbox"],
.contact-method input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #3b7cff;
    border-radius: 4px;
    margin-right: 8px;
    cursor: pointer;
}

.additional-services input[type="checkbox"]:checked,
.contact-method input[type="checkbox"]:checked {
    background-color: #3b7cff;
    box-shadow: inset 0 0 0 4px #fff;
}

/* Цвета сообщения об ошибке */
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #dd0000  !important;
    color: #dd0000  !important;
}



/* Адаптив под мобилку */
@media (max-width: 768px) {
    .logistics-form .col-md-4 {
        flex: 0 0 100%;
    }
}

/* Иконки в полях */
.icon-company {
    background: url('https://cdn-icons-png.flaticon.com/512/1077/1077063.png') no-repeat 10px center;
    padding-left: 40px !important;
    background-size: 20px;
}
.icon-location { background-image: url('https://cdn-icons-png.flaticon.com/512/684/684908.png'); }
.icon-id { background-image: url('https://cdn-icons-png.flaticon.com/512/3021/3021125.png'); }
.icon-user { background-image: url('https://cdn-icons-png.flaticon.com/512/1077/1077012.png'); }
.icon-phone { background-image: url('https://cdn-icons-png.flaticon.com/512/597/597177.png'); }
.icon-email { background-image: url('https://cdn-icons-png.flaticon.com/512/732/732200.png'); }
.icon-transport { background-image: url('https://cdn-icons-png.flaticon.com/512/535/535239.png'); }
.icon-box { background-image: url('https://cdn-icons-png.flaticon.com/512/711/711284.png'); }
.icon-weight { background-image: url('https://cdn-icons-png.flaticon.com/512/3103/3103472.png'); }
.icon-flag { background-image: url('https://cdn-icons-png.flaticon.com/512/197/197484.png'); }
.icon-city { background-image: url('https://cdn-icons-png.flaticon.com/512/684/684908.png'); }
.icon-comment { background-image: url('https://cdn-icons-png.flaticon.com/512/2462/2462719.png'); }