/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.7.1774599357
Updated: 2026-03-27 11:15:57

*/

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
footer.elementor.elementor-41.elementor-location-footer {
    margin-top: auto !important;
}
/* Стили для страницы "Спасибо за заказ" */
.woocommerce-order {
    max-width: 800px;
    margin: 40px auto;
    background: #ffffff;
    border-radius: 24px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    padding: 30px;
}

.woocommerce-notice {
    background: #e9f7e1;
    border-left: 5px solid #8BAC70;
    padding: 18px 24px;
    border-radius: 16px;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 30px;
}

.woocommerce-order-overview {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    background: #f8fafc;
    border-radius: 20px;
    padding: 24px;
    margin-bottom: 30px;
    list-style: none;
}

.woocommerce-order-overview li {
    flex: 1;
    text-align: center;
    border-right: 1px solid #e2e8f0;
    padding: 0 16px;
}

.woocommerce-order-overview li:last-child {
    border-right: none;
}

.woocommerce-order-overview li strong {
    display: block;
    margin-top: 8px;
    font-size: 18px;
    color: #1e293b;
}

.woocommerce-order-details__title {
    font-size: 24px;
    margin-bottom: 20px;
    color: #1e293b;
}

.shop_table.order_details {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
}

.shop_table.order_details th,
.shop_table.order_details td {
    padding: 14px 12px;
    border-bottom: 1px solid #eef2f6;
    text-align: left;
}

.shop_table.order_details tfoot tr:last-child th,
.shop_table.order_details tfoot tr:last-child td {
    border-bottom: none;
}

@media (max-width: 640px) {
    .woocommerce-order {
        padding: 20px;
    }
    .woocommerce-order-overview li {
        flex-basis: 100%;
        border-right: none;
        border-bottom: 1px solid #e2e8f0;
        padding: 8px 0;
    }
}
/* === СТРАНИЦА БЛАГОДАРНОСТИ (СПАСИБО ЗА ЗАКАЗ) === */

/* Центрируем и ограничиваем ширину */
.woocommerce-order {
    max-width: 800px;
    margin: 40px auto;
    background: #1e1e2f; /* тёмный фон */
    border-radius: 28px;
    box-shadow: 0 20px 35px -10px rgba(0, 0, 0, 0.4);
    padding: 30px;
    color: #e2e8f0;
}

/* Блок с основным сообщением */
.woocommerce-notice {
    background: #2d2d44;
    border-left: 5px solid #8BAC70;
    border-radius: 16px;
    padding: 18px 24px;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 30px;
    color: #f1f5f9;
}

/* Список деталей заказа (номер, дата, email, итог, оплата) */
.woocommerce-order-overview {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    background: #25253a;
    border-radius: 20px;
    padding: 20px 24px;
    margin-bottom: 35px;
    list-style: none;
}

.woocommerce-order-overview li {
    flex: 1;
    text-align: center;
    border-right: 1px solid #3a3a55;
    padding: 0 12px;
    font-size: 14px;
    color: #cbd5e1;
}

.woocommerce-order-overview li:last-child {
    border-right: none;
}

.woocommerce-order-overview li strong {
    display: block;
    margin-top: 8px;
    font-size: 18px;
    color: #ffffff;
}

/* Заголовок "Информация о заказе" */
.woocommerce-order-details__title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #ffffff;
    border-bottom: 2px solid #3a3a55;
    display: inline-block;
    padding-bottom: 6px;
}

/* Таблица товаров */
.shop_table.order_details {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
    background: #25253a;
    border-radius: 20px;
    overflow: hidden;
}

.shop_table.order_details th,
.shop_table.order_details td {
    padding: 14px 16px;
    border-bottom: 1px solid #3a3a55;
    text-align: left;
    color: #e2e8f0;
}

.shop_table.order_details th {
    background: #2a2a40;
    font-weight: 600;
    color: #f1f5f9;
}

.shop_table.order_details tfoot tr:last-child th,
.shop_table.order_details tfoot tr:last-child td {
    border-bottom: none;
}

/* Скрываем строку "Подытог" (она дублирует итог) */
.shop_table.order_details tfoot tr:first-child {
    display: none;
}

/* Можно также скрыть email из блока overview (опционально) */
.woocommerce-order-overview__email {
    display: none;
}

/* Адаптив для планшетов и телефонов */
@media (max-width: 768px) {
    .woocommerce-order {
        margin: 20px;
        padding: 20px;
    }
    .woocommerce-order-overview {
        flex-direction: column;
        gap: 12px;
        padding: 16px;
    }
    .woocommerce-order-overview li {
        text-align: left;
        border-right: none;
        border-bottom: 1px solid #3a3a55;
        padding: 8px 0;
    }
    .shop_table.order_details th,
    .shop_table.order_details td {
        padding: 10px 12px;
    }
}

/* Дополнительно: кнопка "Вернуться в магазин", если она есть */
.woocommerce-order .button {
    background: #8BAC70;
    color: #1a1a2e;
    padding: 10px 24px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    margin-top: 20px;
    transition: 0.2s;
}
.woocommerce-order .button:hover {
    background: #6e8c58;
    color: #ffffff;
}
/* =====================================================
   БЛОК «ПОДАРОК» — улучшенная тёмная тема
   ===================================================== */

/* Контейнер всего блока */
.recipient-field-wrapper {
    background: #1e1e2f !important; /* более тёмный фон */
    border-radius: 16px !important;
    padding: 24px 28px !important;
    margin: 25px 0 30px !important;
    border: 1px solid #3a3a5a !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important;
    transition: border-color 0.3s, box-shadow 0.3s !important;
    max-width: 650px !important;
}
.recipient-field-wrapper:hover {
    border-color: #8BAC70 !important;
    box-shadow: 0 8px 32px rgba(139, 172, 112, 0.15) !important;
}

/* Заголовок */
.recipient-field-header {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #f0f0f0 !important;
    margin-bottom: 18px !important;
    padding-bottom: 14px !important;
    border-bottom: 2px solid #3a3a5a !important;
}
.recipient-icon {
    font-size: 26px !important;
    line-height: 1 !important;
}
.recipient-title {
    color: #8BAC70 !important;
    letter-spacing: 0.5px !important;
}

/* Тело блока */
.recipient-field-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}
.recipient-label {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #d0d0e0 !important;
    letter-spacing: 0.3px !important;
}
.recipient-input {
    background: #151525 !important;
    border: 2px solid #3a3a5a !important;
    border-radius: 12px !important;
    padding: 14px 18px !important;
    color: #f0f0f0 !important;
    font-size: 16px !important;
    width: 100% !important;
    max-width: 420px !important;
    transition: border-color 0.3s, box-shadow 0.3s !important;
    box-sizing: border-box !important;
}
.recipient-input:focus {
    border-color: #8BAC70 !important;
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(139, 172, 112, 0.25) !important;
}
.recipient-input::placeholder {
    color: #6a6a8a !important;
    font-size: 15px !important;
}
.recipient-hint {
    font-size: 14px !important;
    color: #9a9aba !important;
    margin-top: 4px !important;
    line-height: 1.5 !important;
}

/* Футер */
.recipient-field-footer {
    margin-top: 16px !important;
    padding-top: 14px !important;
    border-top: 1px dashed #3a3a5a !important;
    font-size: 14px !important;
    color: #b0b0c8 !important;
}
.recipient-note {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Адаптив */
@media (max-width: 768px) {
    .recipient-field-wrapper {
        padding: 18px !important;
        max-width: 100% !important;
        margin: 20px 0 !important;
    }
    .recipient-input {
        max-width: 100% !important;
    }
    .recipient-field-header {
        font-size: 17px !important;
    }
    .recipient-title {
        font-size: 17px !important;
    }
}

/* =====================================================
   КНОПКА «КУПИТЬ» — аккуратная, не на всю ширину
   ===================================================== */

/* Переопределяем стандартную кнопку WooCommerce в карточке товара */
form.cart .single_add_to_cart_button,
.woocommerce .cart .single_add_to_cart_button,
.single_add_to_cart_button {
    max-width: 650px !important; /* такая же ширина как у блока */
    width: auto !important;
    min-width: 150px !important;
    display: inline-block !important;
    background: #8BAC70 !important;
    color: #1a1a2e !important;
    border: none !important;
    padding: 14px 40px !important;
    border-radius: 40px !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    transition: background 0.2s, transform 0.1s !important;
    box-shadow: 0 4px 12px rgba(139, 172, 112, 0.3) !important;
}
form.cart .single_add_to_cart_button:hover,
.woocommerce .cart .single_add_to_cart_button:hover,
.single_add_to_cart_button:hover {
    background: #6e8c58 !important;
    color: #ffffff !important;
    transform: scale(1.02) !important;
    box-shadow: 0 6px 20px rgba(139, 172, 112, 0.4) !important;
}

/* Дополнительно: если кнопка всё ещё растягивается, применяем к её родителю */
.woocommerce-variation-add-to-cart,
form.cart {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 15px !important;
}
/* Поле количества тоже приводим к аккуратному виду */
.quantity input.qty {
    background: #151525 !important;
    border: 2px solid #3a3a5a !important;
    border-radius: 12px !important;
    color: #f0f0f0 !important;
    padding: 12px 16px !important;
    font-size: 16px !important;
    width: 80px !important;
    height: 52px !important;
    text-align: center !important;
}
.iksm-term__image{
	background-image: url(https://dayz.fortress.moscow/wp-content/uploads/2026/05/fort-130.webp)!important;
}
}