.elementor-18 .elementor-element.elementor-element-2e6cfdda{--display:flex;}/* Start custom CSS for text-editor, class: .elementor-element-98a4422 *//* --- Адаптация таблицы загрузок WooCommerce --- */

@media screen and (max-width: 768px) {
    /* 1. Скрываем стандартные заголовки таблицы */
    .woocommerce-table--order-downloads thead {
        display: none;
    }

    /* 2. Превращаем каждую строку в отдельную карточку */
    .woocommerce-table--order-downloads tr {
        display: block;
        background: #ffffff;
        border: 1px solid #e0e0e0;
        border-radius: 12px;
        margin-bottom: 15px;
        padding: 15px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    }

    /* 3. Оформляем ячейки (колонки) */
    .woocommerce-table--order-downloads td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: none !important;
        padding: 8px 0 !important;
        text-align: right;
        font-size: 14px;
    }

    /* 4. Добавляем названия полей слева (через data-title) */
    .woocommerce-table--order-downloads td::before {
        content: attr(data-title);
        font-weight: 600;
        color: #333;
        text-transform: capitalize;
        text-align: left;
        padding-right: 10px;
    }

    /* 5. Специфические правки для названия товара и кнопки */
    /* Название товара делаем крупнее */
    .woocommerce-table--order-downloads td[data-title="Товар"] {
        font-weight: bold;
        color: #111;
        font-size: 16px;
        border-bottom: 1px solid #f0f0f0 !important;
        margin-bottom: 10px;
        padding-bottom: 12px !important;
    }
    .woocommerce-table--order-downloads td[data-title="Товар"]::before {
        display: none; /* Убираем надпись "Товар:", само название говорит за себя */
    }

    /* Кнопку загрузки растягиваем на всю ширину */
    .woocommerce-table--order-downloads td[data-title="Завантаження"],
    .woocommerce-table--order-downloads td:last-child {
        display: block;
        text-align: center;
        margin-top: 10px;
    }
    
    .woocommerce-table--order-downloads td::before {
        content: attr(data-title) ": ";
    }

    /* Стили самой кнопки */
    .woocommerce-MyAccount-content .button.view {
        display: block;
        width: 100%;
        background-color: #673ab7 !important; /* Ваш фиолетовый цвет */
        color: #fff !important;
        padding: 12px;
        border-radius: 8px;
        text-decoration: none;
        font-weight: bold;
        transition: background 0.3s;
    }
    
    .woocommerce-MyAccount-content .button.view:hover {
        background-color: #512da8 !important;
    }
}

/* --- Косметические правки для десктопа (опционально) --- */
.woocommerce-table--order-downloads {
    border-collapse: separate;
    border-spacing: 0 10px;/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e6cfdda *//* --- Адаптация таблицы загрузок WooCommerce --- */

@media screen and (max-width: 768px) {
    /* 1. Скрываем стандартные заголовки таблицы */
    .woocommerce-table--order-downloads thead {
        display: none;
    }

    /* 2. Превращаем каждую строку в отдельную карточку */
    .woocommerce-table--order-downloads tr {
        display: block;
        background: #ffffff;
        border: 1px solid #e0e0e0;
        border-radius: 12px;
        margin-bottom: 15px;
        padding: 15px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    }

    /* 3. Оформляем ячейки (колонки) */
    .woocommerce-table--order-downloads td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: none !important;
        padding: 8px 0 !important;
        text-align: right;
        font-size: 14px;
    }

    /* 4. Добавляем названия полей слева (через data-title) */
    .woocommerce-table--order-downloads td::before {
        content: attr(data-title);
        font-weight: 600;
        color: #333;
        text-transform: capitalize;
        text-align: left;
        padding-right: 10px;
    }

    /* 5. Специфические правки для названия товара и кнопки */
    /* Название товара делаем крупнее */
    .woocommerce-table--order-downloads td[data-title="Товар"] {
        font-weight: bold;
        color: #111;
        font-size: 16px;
        border-bottom: 1px solid #f0f0f0 !important;
        margin-bottom: 10px;
        padding-bottom: 12px !important;
    }
    .woocommerce-table--order-downloads td[data-title="Товар"]::before {
        display: none; /* Убираем надпись "Товар:", само название говорит за себя */
    }

    /* Кнопку загрузки растягиваем на всю ширину */
    .woocommerce-table--order-downloads td[data-title="Завантаження"],
    .woocommerce-table--order-downloads td:last-child {
        display: block;
        text-align: center;
        margin-top: 10px;
    }
    
    .woocommerce-table--order-downloads td::before {
        content: attr(data-title) ": ";
    }

    /* Стили самой кнопки */
    .woocommerce-MyAccount-content .button.view {
        display: block;
        width: 100%;
        background-color: #673ab7 !important; /* Ваш фиолетовый цвет */
        color: #fff !important;
        padding: 12px;
        border-radius: 8px;
        text-decoration: none;
        font-weight: bold;
        transition: background 0.3s;
    }
    
    .woocommerce-MyAccount-content .button.view:hover {
        background-color: #512da8 !important;
    }
}

/* --- Косметические правки для десктопа (опционально) --- */
.woocommerce-table--order-downloads {
    border-collapse: separate;
    border-spacing: 0 10px;/* End custom CSS */