/*
Theme Name: Vapier Child
Theme URI: http://www.wpbingosite.com/vapier
Author: wpbingo
Description: This is a child theme for Vapier
Version: 1.0
Author URI: http://wpbingosite.com
Template: vapier
Text Domain: vapier-child
*/
/*************** ADD YOUR CUSTOM CSS HERE  ***************/
/* ======================================================
   ОБЩИЙ КОНТЕЙНЕР CHECKOUT
====================================================== */
.woocommerce-checkout {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

/* ======================================================
   СБРОС СЕТКИ ТЕМЫ (MOBILE FIRST)
====================================================== */
.woocommerce-checkout .col2-set,
.woocommerce-checkout .col-1,
.woocommerce-checkout .col-2,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    float: none;
    width: 100%;
}

/* form-row-first / last — в одну колонку */
.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last {
    float: none;
    width: 100%;
}

/* ======================================================
   ПОЛЯ ФОРМЫ
====================================================== */
.woocommerce-checkout .form-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 18px;
}

/* Labels */
.woocommerce-checkout .form-row label {
    max-width: 600px;
    width: 100%;
    text-align: center;
    margin-bottom: 6px;
}

/* Input wrapper */
.woocommerce-checkout .form-row .woocommerce-input-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 600px;
}

/* Inputs */
.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
    width: 100%;
    box-sizing: border-box;
    border-radius: 6px;
    border-width: 2px;
    padding: 12px 14px;
    text-align: center;
    font-weight: normal;
}

/* Placeholder */
.woocommerce-checkout ::placeholder {
    text-align: center;
    opacity: 0.6;
}
.woocommerce-checkout :-ms-input-placeholder {
    text-align: center;
}
.woocommerce-checkout ::-ms-input-placeholder {
    text-align: center;
}

/* ======================================================
   ADDITIONAL INFORMATION
====================================================== */
.woocommerce-checkout .woocommerce-additional-fields {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 32px;
}

.woocommerce-checkout .woocommerce-additional-fields .woocommerce-input-wrapper {
    max-width: 350px;
    display: flex;
    justify-content: center;
}

.woocommerce-checkout textarea#order_comments {
    width: 100%;
    min-height: 140px;
}

/* ======================================================
   ЗАГОЛОВКИ
====================================================== */
.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout .woocommerce-shipping-fields > h3,
.woocommerce-checkout .woocommerce-additional-fields > h3 {
    text-align: center;
    margin-bottom: 20px;
}

/* ======================================================
   PLACE ORDER
====================================================== */
.woocommerce-checkout #place_order {
    display: block;
    margin: 24px auto 0;
    border-radius: 6px;
    padding: 12px 24px;
}

/* ======================================================
   DESKTOP: 2 КОЛОНКИ (Billing / Shipping)
====================================================== */
@media (min-width: 1024px) {

    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
    .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        max-width: 1000px;
    }

    .woocommerce-checkout .form-row {
        align-items: center;
    }

    .woocommerce-checkout .form-row label {
        text-align: center;
    }

    /* Additional Information всегда 1 колонка */
    .woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
        display: flex !important;
        flex-direction: column !important;
        max-width: 600px;
        margin: 0 auto;
    }
}


html, body {
    overflow-y: auto !important;
}

/* Скрываем весь блок Select Options / Выберите параметры */
div[data-title="Select options"],
div[data-title="Выберите параметры"] {
    display: none !important;
    pointer-events: none !important;
    visibility: hidden !important;
}

/* Убираем псевдоэлементы */
div[data-title="Select options"]::before,
div[data-title="Select options"]::after,
div[data-title="Выберите параметры"]::before,
div[data-title="Выберите параметры"]::after {
    display: none !important;
    content: none !important;
}

/* Мобильная версия */
@media (max-width: 767px) {
    .products-list .product-wapper .woosq-btn,
    .products-list .product-wapper .woosw-wishlist,
    div[data-title="Select options"],
    div[data-title="Выберите параметры"] {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}