/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/*
 * Адаптивные стили для существующей формы CF7
 */

/*
 * Финальные "пуленепробиваемые" стили для формы CF7
 */

/* Главный контейнер, который мы создали в форме */
.gemini-form-row {
    display: flex;
    gap: 10px;
    align-items: stretch;
}

/* Колонка с полем для ввода */
.gemini-form-input-col {
    flex-grow: 1; /* Занимает все свободное место */
}

/* Колонка с кнопкой */
.gemini-form-button-col {
    flex-shrink: 0; /* Не сжимается */
}

/* Стили для самого поля ввода, чтобы оно было на всю высоту */
.gemini-form-input-col input[type="tel"] {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    margin: 0 !important;
}

/* Стили для кнопки, чтобы она была на всю высоту */
.gemini-form-button-col .wpcf7-submit {
    width: 100%;
    height: 100%;
    margin: 0 !important;
}


/* Адаптивность для мобильных */
@media (max-width: 768px) {
    .gemini-form-row {
        flex-direction: column; /* Ставим колонки друг под другом */
    }
}


.product_meta .global_unique_id_wrapper, .product_meta .product-stock, .product_meta .sku_wrapper, .product_meta .tags {
	display:none;
}

/* Указываем, что стили работают только внутри нашей секции с ID */
#my-lead-form-section .gemini-lead-form-simple .form-field {
    margin-bottom: 15px !important;
}

#my-lead-form-section .gemini-lead-form-simple textarea,
#my-lead-form-section .gemini-lead-form-simple input[type="tel"] {
    min-height: 48px !important; /* Делаем поля одинаковой высоты с кнопками */
    width: 100%;
    box-sizing: border-box;
}

/* === Стили для блока с кнопками === */

#my-lead-form-section .gemini-form-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 20px;
}

#my-lead-form-section .gemini-custom-button {
    flex: 1;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
    padding: 12px 15px !important;
    border: none !important;
    border-radius: 5px !important;
    font-size: 15px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: opacity 0.2s ease;
}

#my-lead-form-section .gemini-custom-button:hover {
    opacity: 0.85;
}

/* Иконка внутри кнопки */
#my-lead-form-section .gemini-custom-button .btn-icon {
    width: 20px;
    height: 20px;
}

/* Персональные цвета */
#my-lead-form-section .gemini-button-email { background-color: #555 !important; color: #fff !important; }
#my-lead-form-section .gemini-button-telegram { background-color: #0088cc !important; color: #fff !important; }
#my-lead-form-section .gemini-button-viber { background-color: #7360F2 !important; color: #fff !important; }


/* === Адаптивность === */
@media (max-width: 768px) {
    #my-lead-form-section .gemini-form-actions {
        flex-direction: column !important;
    }
}