/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
/* Полная адаптация одноколоночного чекаута под Woodmart */
@media (min-width: 992px) {
    /* Центрируем всю форму и задаем ей красивый белый фон-карточку */
    .woocommerce-checkout form.checkout {
        max-width: 680px !important;
        margin: 40px auto !important;
        background: #ffffff !important;
        padding: 40px !important;
        border: 1px solid #e1e1e1 !important;
        border-radius: 12px !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.04) !important;
        display: block !important;
    }

    /* Растягиваем левую колонку деталей на 100% ширины */
    .woocommerce-checkout .checkout-billing-details,
    .woocommerce-checkout #customer_details,
    .woocommerce-checkout .col-lg-6,
    .woocommerce-checkout .col-12 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        float: none !important;
    }

    /* Растягиваем правую колонку заказа и платежей на 100% ширины */
    .woocommerce-checkout .checkout-order-review,
    .woocommerce-checkout #order_review,
    .woocommerce-checkout #order_review_heading {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* Делаем заголовки секций аккуратными */
.woocommerce-checkout h3#order_review_heading,
.woocommerce-checkout .checkout-billing-details h3 {
    font-size: 18px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 20px !important;
    border-bottom: 2px solid #f1f1f1 !important;
    padding-bottom: 10px !important;
}

/* Оформляем внутреннюю таблицу самого заказа (делаем ее современной) */
.woocommerce-checkout table.shop_table {
    border: 1px solid #f1f1f1 !important;
    border-radius: 8px !important;
    background: #fafafa !important;
    margin-bottom: 30px !important;
    width: 100% !important;
}

/* Увеличиваем высоту и скругляем поля ввода, чтобы по ним было приятно кликать */
.woocommerce-checkout .form-row input.input-text {
    height: 46px !important;
    border-radius: 6px !important;
    border: 1px solid #cccccc !important;
    padding: 0 15px !important;
    font-size: 15px !important;
    transition: border-color 0.2s ease !important;
}
.woocommerce-checkout .form-row input.input-text:focus {
    border-color: #2271b1 !important;
}

/* Кнопка "Оплатить заказ" на весь экран, массивная и кликабельная */
.woocommerce-checkout #place_order {
    width: 100% !important;
    height: 52px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    border-radius: 6px !important;
    background-color: #33a1ff !important; /* Можете заменить на ваш брендовый цвет */
    border: none !important;
    transition: background 0.2s ease !important;
}
.woocommerce-checkout #place_order:hover {
    background-color: #0088ff !important;
}
/* Намертво отключаем кликабельность любых ссылок на товары в боковой корзине */
.widget_shopping_cart_content a[href*="/product/"],
.wd-shopping-cart a[href*="/product/"],
.mini_cart_item a[href*="/product/"] {
    pointer-events: none !important;
    cursor: default !important;
    color: #333333 !important; /* Делаем цвет обычным черным текстом */
    text-decoration: none !important;
}

/* Отключаем курсор-руку и клики на картинке и названии */
.widget_shopping_cart_content .cart-item-image,
.widget_shopping_cart_content .wd-entities-title,
.widget_shopping_cart_content .cart-item-image img {
    pointer-events: none !important;
    cursor: default !important;
}
/* Намертво скрываем кнопку View Cart во всплывающей мини-корзине Woodmart */
.widget_shopping_cart .buttons a.wc-forward:not(.checkout),
.wd-shopping-cart .wd-shopping-cart-footer a.wc-forward:not(.checkout),
.mini_cart_item + .buttons a.wc-forward:not(.checkout) {
    display: none !important;
}

/* Растягиваем оставшуюся кнопку Checkout на всю ширину для красоты */
.widget_shopping_cart .buttons a.checkout,
.wd-shopping-cart .wd-shopping-cart-footer a.checkout {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
}
/* Modeway Suite - Премиальная подсветка логотипа в шапке */
.wd-logo img, 
.site-logo img {
    filter: drop-shadow(0 0 15px rgba(34, 211, 238, 0.45)) 
            drop-shadow(0 0 4px rgba(59, 130, 246, 0.6)) !important;
    transition: filter 0.3s ease !important;
}

/* Эффект при наведении мышкой */
.wd-logo img:hover, 
.site-logo img:hover {
    filter: drop-shadow(0 0 20px rgba(34, 211, 238, 0.6)) 
            drop-shadow(0 0 6px rgba(59, 130, 246, 0.8)) !important;
}
/* ==========================================================================
   Modeway Suite - Точечная неоновая подсветка для карусели WoodMart
   ========================================================================== */

/* 1-й слайд: Real-Time Guest Tracking  — Бирюзовое свечение (Cyan) */
.modeway-steps-glow .owl-item:nth-child(1) .info-box-icon img,
.modeway-steps-glow .wd-carousel-item:nth-child(1) .info-box-icon img {
    filter: drop-shadow(0 0 15px rgba(34, 211, 238, 0.5)) !important;
}

/* 2-й слайд: Smart Omnichannel Sequences  — Бирюзовое свечение (Cyan) */
.modeway-steps-glow .owl-item:nth-child(2) .info-box-icon img,
.modeway-steps-glow .wd-carousel-item:nth-child(2) .info-box-icon img {
    filter: drop-shadow(0 0 15px rgba(34, 211, 238, 0.5)) !important;
}

/* 3-й слайд: Anti-Leak Unique Coupons  — Бирюзовое свечение (Cyan) */
.modeway-steps-glow .owl-item:nth-child(3) .info-box-icon img,
.modeway-steps-glow .wd-carousel-item:nth-child(3) .info-box-icon img {
    filter: drop-shadow(0 0 15px rgba(34, 211, 238, 0.5)) !important;
}

/* 4-й слайд: Iron-Clad Cache Bypass  — Бирюзовое свечение (Cyan) */
.modeway-steps-glow .owl-item:nth-child(4) .info-box-icon img,
.modeway-steps-glow .wd-carousel-item:nth-child(4) .info-box-icon img {
    filter: drop-shadow(0 0 15px rgba(34, 211, 238, 0.5)) !important;
}

/* Мягкая анимация при наведении мышки (Усиление эффекта) */
.modeway-steps-glow .info-box-icon img {
    transition: filter 0.3s ease-in-out !important;
}

.modeway-steps-glow .owl-item:nth-child(1):hover .info-box-icon img,
.modeway-steps-glow .wd-carousel-item:nth-child(1):hover .info-box-icon img, .modeway-steps-glow .owl-item:nth-child(2):hover .info-box-icon img,
.modeway-steps-glow .wd-carousel-item:nth-child(2):hover .info-box-icon img, .modeway-steps-glow .owl-item:nth-child(3):hover .info-box-icon img,
.modeway-steps-glow .wd-carousel-item:nth-child(3):hover .info-box-icon img, .modeway-steps-glow .owl-item:nth-child(4):hover .info-box-icon img,
.modeway-steps-glow .wd-carousel-item:nth-child(4):hover .info-box-icon img{
    filter: drop-shadow(0 0 22px rgba(34, 211, 238, 0.7)) !important;
}

/* Добавляем неоновый контур иконке книги в меню */
.wd-nav-main .fa-book-open, 
.wd-nav-main .fa-book {
    color: #00f5d4 !important; /* Твой фирменный бирюзовый неон */
    text-shadow: 0 0 6px rgba(0, 245, 212, 0.6) !important;
}

.modeway-version-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    /* ИСПРАВЛЕНО: Разрешаем элементам переноситься на новую строку, если не хватает места */
    flex-wrap: wrap; 
    gap: 15px 25px; /* Сверху/снизу 15px, по бокам 25px */
    background-color: #eaf3f7;
    padding: 15px 30px;
    border-radius: 30px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 13px;
    color: #334155;
    max-width: fit-content;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}

.modeway-version-footer .modeway-item {
    /* ИСПРАВЛЕНО: Текст внутри одного пункта не разбивается, но сам пункт может улетать на новую строку */
    white-space: nowrap; 
    display: inline-block;
}

.modeway-version-footer a.modeway-changelog-link {
    color: #10b981;
    text-decoration: none;
    margin-left: 4px;
    font-weight: 500;
}

.modeway-version-footer a.modeway-changelog-link:hover {
    text-decoration: underline;
}

.modeway-version-footer strong {
    color: #1e293b;
    font-weight: 600;
}

/* ДОБАВЛЕНО: Специальные стили для мобильных экранов (смартфонов) */
@media (max-width: 767px) {
    .modeway-version-footer {
        flex-direction: column; /* Выстраиваем элементы строго в столбик */
        gap: 10px; /* Уменьшаем отступы между строками */
        padding: 15px 20px;
        border-radius: 16px; /* На мобилке сильное скругление в 30px выглядит неаккуратно */
        text-align: center;
        max-width: 100%; /* Растягиваем по ширине экрана */
    }
    
    .modeway-version-footer .modeway-item {
        white-space: normal; /* Разрешаем перенос текста внутри пунктов на совсем узких экранах */
    }
}

/* Красивое оформление ручного шлюза на чеккауте */
.woocommerce-checkout .payment_method_bacs {
    background: #f8fafc !important;
    border: 1px dashed #cbd5e1 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 15px !important;
}

.woocommerce-checkout .payment_method_bacs label {
    font-weight: 600 !important;
    color: #1e293b !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* Добавляем иконку PayPal для солидности */
.woocommerce-checkout .payment_method_bacs label::after {
    content: "PayPal";
    background: #003087;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.woocommerce-checkout .payment_box.payment_method_bacs {
    background: transparent !important;
    padding: 10px 0 0 0 !important;
    color: #475569 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}
/* Полностью скрываем кнопки "Купить" и "Быстрый просмотр" на плитке товара Woodmart */
.product-grid-item .wd-buttons {
    display: none !important;
}

/* Убираем кликабельность с самой картинки товара, чтобы она не вела на заблокированную страницу */
.product-grid-item .product-image-link {
    pointer-events: none !important;
    cursor: default !important;
}
/* ==========================================================================
   Универсальное выравнивание и PRO-дизайн инфоблоков Woodmart (Слайдер)
   ========================================================================== */

/* 1. Находим инфоблоки внутри вашего класса и жестко форсируем флекс и высоту */
.shipping-modeway-co-recovery .wd-info-box,
.modeway-steps-glow .wd-info-box {
    min-height: 400px !important; /* Немного увеличили с запасом под карусель */
    height: 100% !important; /* Растягиваем на всю высоту слайда Swiper */
    background: #0b111e !important; 
    border: 1px solid rgba(0, 168, 255, 0.15) !important; 
    border-radius: 6px !important;
    padding: 30px 20px 25px 20px !important;
    box-sizing: border-box !important;
    
    /* КРИТИЧЕСКОЕ ИСПРАВЛЕНИЕ ДЛЯ КАРУСЕЛИ WOODMART: */
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease !important;
}

/* 2. Эффект неонового свечения при наведении */
.shipping-modeway-co-recovery .wd-info-box:hover,
.modeway-steps-glow .wd-info-box:hover {
    border-color: rgba(0, 168, 255, 0.6) !important; 
    box-shadow: 0 0 20px rgba(0, 168, 255, 0.25) !important; 
    transform: translateY(-4px) !important; 
}

/* 3. Выравниваем внутреннюю структуру контента */
.shipping-modeway-co-recovery .wd-info-box .info-box-content,
.modeway-steps-glow .wd-info-box .info-box-content {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    height: 100% !important;
}

/* 4. Фиксируем высоту блока заголовков (выравнивание по 2 строкам) */
.shipping-modeway-co-recovery .wd-info-box .info-box-title,
.modeway-steps-glow .wd-info-box .info-box-title {
    min-height: 56px !important; 
    margin-top: 5px !important;
    margin-bottom: 15px !important;
    display: flex !important;
    align-items: center !important; 
    justify-content: center !important;
}

/* 5. Идеально выравниваем блок описания по нижней линии */
.shipping-modeway-co-recovery .wd-info-box .info-box-inner,
.modeway-steps-glow .wd-info-box .info-box-inner {
    margin-top: auto !important; /* Выталкивает текст вниз, выравнивая все карточки */
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: #94a3b8 !important; 
}
/* ==========================================================================
   Адаптивный сжатый размер для планшетов и мобильных устройств (до 1024px)
   ========================================================================== */
@media (max-width: 1024px) {
    .shipping-modeway-co-recovery .wd-info-box, 
    .modeway-steps-glow .wd-info-box {
        min-height: 335px !important;
        padding: 20px 15px 20px 15px !important; /* Слегка уменьшаем внутренние отступы для экономии места */
    }
    
    /* Корректируем высоту заголовков на мобильных, чтобы текст не слипался */
    .shipping-modeway-co-recovery .wd-info-box .info-box-title,
    .modeway-steps-glow .wd-info-box .info-box-title {
        min-height: 48px !important;
        margin-bottom: 10px !important;
    }
}