/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jan 30 2026 | 11:54:23 */
/* ====== СНИППЕТ №400 — СТИЛИ ДЛЯ ЛИЧНОГО КАБИНЕТА (СОБРАННАЯ ВЕРСИЯ БЕЗ КОНФЛИКТОВ) ======
   ВАЖНО:
   1) ВОЗВРАЩЕНО из оригинала всё, что НЕ относится к кнопкам (уведомления, заголовки, скрытия, select2 и т.д.).
   2) СТАРЫЕ стили кнопок (которые меняли padding/добавляли ::after и вызывали "прыжки") — УБРАНЫ.
   3) ОСТАВЛЕНЫ только НОВЫЕ стили кнопок (действия, пагинация, сохранить..., а также "Изменить адрес" как кнопки).
*/

/* ====================================================================== */
/* ==========  A) ВОЗВРАЩЕНО ИЗ ОРИГИНАЛА (НЕ КНОПКИ)  =================== */
/* ====================================================================== */

/* Кнопка в личном кабинете - в уведомлениях - размещаю по левому краю блока */
.woocommerce-MyAccount-content .woocommerce-info {
    display: flex;
    flex-direction: column; /* Размещаем элементы в колонку */
    align-items: flex-start; /* Выравниваем их по левому краю */
}

.woocommerce-MyAccount-content .woocommerce-info .woocommerce-Button.wc-forward.button {
    margin-top: 30px !important; /* Отступ между текстом и кнопкой */
}


/* Скрыла вкладку "ЗАГРУЗКИ - DOWNLOADS" в личном кабинете */
.woocommerce-MyAccount-navigation-link--downloads {
    display: none !important;
}

/* Стили для заголовка "Платёжный адрес" */
.woocommerce-Address .woocommerce-Address-title h2 {
    color: #666666 !important;
    line-height: 1.7em !important;
    font-weight: 500 !important;
}

/* Стили для текста адреса */
.woocommerce-Address address {
    color: #666666 !important;
    font-style: italic !important;
    text-align: left !important;
    line-height: 2.5em !important;
}

/* (из оригинала) */
.woocommerce-account .addresses .title .edit {
    float: left !important;
}

/* Увеличивает отступ только для МОБИЛЬНЫХ - перед платежным адресом  */
@media (max-width: 768px) {
    .woocommerce-MyAccount-content {
        margin-top: 40px !important;
    }
    /* Увеличивает отступ только для МОБИЛЬНЫХ - перед адресом отгрузки */
    .woocommerce-Addresses .u-column2.col-2.woocommerce-Address {
        margin-top: 40px !important;
    }
}

/* В списке "Выбрать страну" в заполнении Платежного адреса — закрасила выделенную строку в оранжевый цвет */
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #E09900 !important;
}

/* Уведомления в Личном кабинете */
.woocommerce-MyAccount-content .woocommerce-info {
    color: #666666 !important;
    line-height: 1.7em !important;
    font-weight: 500 !important;
    background: #ffffff !important;
}

/* Уведомления при входе в Личный кабинет */
.et_pb_module.et_pb_text.et_pb_text_1_tb_body .woocommerce-error,
.woocommerce-MyAccount-content .woocommerce-message,
.woocommerce .woocommerce-message {
    border-radius: 5px;
    background: #FF8F5C !important;
    line-height: 1.5em !important;
    font-size: 14px !important;
    padding: 10px;
    color: #fff !important;
    border: none !important;
}

.et_pb_module.et_pb_text.et_pb_text_1_tb_body .woocommerce-error li {
    list-style: none;
    padding-left: 0;
}

/* ====================================================================== */
/* ==========  B) НОВЫЕ ЕДИНСТВЕННЫЕ СТИЛИ КНОПОК (ЛК)  ================== */
/* ====================================================================== */

/* ОБЩЕЕ: запрещаем "прыжки" от transform на кнопках в ЛК (точечно) */
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-orders-table .button,
.woocommerce-account .woocommerce-pagination a.button,
.woocommerce-account .woocommerce-Address-title .edit {
    transform: none !important;
}

/* Кнопки действий в таблице заказов — делаем аккуратнее и с "воздухом" */
.woocommerce-account .woocommerce-orders-table__cell-order-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 10px !important;
    align-items: center !important;
}

/* Кнопки действий (Просмотр / Оплатить / Отмена / Rechnung и т.п.) — спокойный фирменный стиль */
.woocommerce-account .woocommerce-orders-table .button,
.woocommerce-account .woocommerce-orders-table a.button,
.woocommerce-account .woocommerce-orders-table .woocommerce-button {
    padding: 6px 14px !important;
	min-width: 107px !important;
    border: 1px solid rgba(224, 153, 0, 0.75) !important; /* линия тоньше */
    background: #ffffff !important;
    color: #B37A00 !important;
    border-radius: 3px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
    text-decoration: none !important;
	text-align: left;
}

/* Hover для кнопок действий — БЕЗ изменения padding (чтобы не прыгали) */
.woocommerce-account .woocommerce-orders-table .button:hover,
.woocommerce-account .woocommerce-orders-table a.button:hover,
.woocommerce-account .woocommerce-orders-table .woocommerce-button:hover {
    background: #E09900 !important;
    color: #ffffff !important;
    border-color: transparent !important;
    padding: 6px 14px !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Убираем стрелку/псевдоэлемент у кнопок действий (и только в ЛК) */
.woocommerce-account .woocommerce-orders-table .button::after,
.woocommerce-account .woocommerce-orders-table a.button::after {
    content: none !important;
    display: none !important;
}

/* Пагинация "Вперёд/Назад" в личном кабинете — под тот же стиль */
.woocommerce-account .woocommerce-pagination a.woocommerce-button,
.woocommerce-account .woocommerce-pagination a.woocommerce-Button,
.woocommerce-account .woocommerce-pagination a.button {
    padding: 14px 14px !important;
    border: 1px solid rgba(224, 153, 0, 0.75) !important;
    background: #ffffff !important;
    color: #B37A00 !important;
    border-radius: 3px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Пагинация hover — фиксируем padding */
.woocommerce-account .woocommerce-pagination a.woocommerce-button:hover,
.woocommerce-account .woocommerce-pagination a.woocommerce-Button:hover,
.woocommerce-account .woocommerce-pagination a.button:hover {
    background: #E09900 !important;
    color: #ffffff !important;
    border-color: transparent !important;
    padding: 14px 14px !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Убираем стрелку/псевдоэлемент у кнопки пагинации (и только в ЛК) */
.woocommerce-account .woocommerce-pagination a.woocommerce-button::after,
.woocommerce-account .woocommerce-pagination a.woocommerce-Button::after {
    content: none !important;
    display: none !important;
}

/* КНОПКИ "СОХРАНИТЬ АДРЕС" и "СОХРАНИТЬ ИЗМЕНЕНИЯ" — тот же спокойный стиль (только ЛК) */
.woocommerce-account .woocommerce-MyAccount-content button.button[name="save_address"],
.woocommerce-account .woocommerce-MyAccount-content button.woocommerce-Button.button[name="save_address"],
.woocommerce-account .woocommerce-MyAccount-content button.button[name="save_account_details"],
.woocommerce-account .woocommerce-MyAccount-content button.woocommerce-Button.button[name="save_account_details"] {
    margin: 10px 0 0 0 !important;
    padding: 14px 14px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    border-radius: 3px !important;

    background: #ffffff !important;
    border: 1px solid rgba(224, 153, 0, 0.75) !important;
    color: #B37A00 !important;

    box-shadow: none !important;
    transform: none !important;
    text-decoration: none !important;
}

/* Убираем ::after у "Сохранить..." (и только в ЛК) */
.woocommerce-account .woocommerce-MyAccount-content button.button[name="save_address"]::after,
.woocommerce-account .woocommerce-MyAccount-content button.woocommerce-Button.button[name="save_address"]::after,
.woocommerce-account .woocommerce-MyAccount-content button.button[name="save_account_details"]::after,
.woocommerce-account .woocommerce-MyAccount-content button.woocommerce-Button.button[name="save_account_details"]::after,
.woocommerce-account .woocommerce-MyAccount-content button.button[name="save_address"]:after,
.woocommerce-account .woocommerce-MyAccount-content button.woocommerce-Button.button[name="save_address"]:after,
.woocommerce-account .woocommerce-MyAccount-content button.button[name="save_account_details"]:after,
.woocommerce-account .woocommerce-MyAccount-content button.woocommerce-Button.button[name="save_account_details"]:after {
    content: none !important;
    display: none !important;
}

/* Hover для кнопок "Сохранить..." — фиксируем padding */
.woocommerce-account .woocommerce-MyAccount-content button.button[name="save_address"]:hover,
.woocommerce-account .woocommerce-MyAccount-content button.woocommerce-Button.button[name="save_address"]:hover,
.woocommerce-account .woocommerce-MyAccount-content button.button[name="save_account_details"]:hover,
.woocommerce-account .woocommerce-MyAccount-content button.woocommerce-Button.button[name="save_account_details"]:hover {
    background: #E09900 !important;
    color: #ffffff !important;
    border-color: transparent !important;
    padding: 14px 14px !important;
    box-shadow: none !important;
    transform: none !important;
}

/* ====================================================================== */
/* ==========  C) "ИЗМЕНИТЬ ПЛАТЁЖНЫЙ / ДОСТАВКИ" КАК КОМПАКТНЫЕ КНОПКИ === */
/* ====================================================================== */

/* (ИЗ ОРИГИНАЛА БЫЛО underline) — ЗАМЕНЕНО: делаем из ссылки компактную кнопку, только в ЛК */
.woocommerce-account .woocommerce-Address-title .edit,
.woocommerce-account .addresses .title .edit {
    /* компактность */
    float: none !important;                 /* убираем "разлёт" */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin: 10px 0 20px 0 !important;

    /* внешний вид как у остальных спокойных кнопок */
    padding: 6px 12px !important;
    border: 1px solid rgba(224, 153, 0, 0.75) !important;
    border-radius: 3px !important;
    background: #ffffff !important;
    color: #B37A00 !important;

    font-size: 13px !important;
    line-height: 1.2 !important;
    text-decoration: none !important;

    box-shadow: none !important;
    transform: none !important;
}

/* Hover для "Изменить адрес..." — как у остальных */
.woocommerce-account .woocommerce-Address-title .edit:hover,
.woocommerce-account .addresses .title .edit:hover {
    background: #E09900 !important;
    color: #ffffff !important;
    border-color: transparent !important;
    padding: 6px 12px !important; /* фиксируем */
    box-shadow: none !important;
    transform: none !important;
}

/* ====================================================================== */
/* ==========  D) КНОПКИ ВХОДА/РЕГИСТРАЦИИ (ИЗ ОРИГИНАЛА, БЕЗ "ПРЫЖКОВ") === */
/* ====================================================================== */

/* ВОЗВРАЩЕНО как идея из оригинала, но БЕЗ изменения padding на hover и БЕЗ translateY */
.woocommerce-account .woocommerce-button.button.woocommerce-form-login__submit,
.woocommerce-account .woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit {
    background-color: #E09900 !important;
    color: #FFFFFF !important;
    border-width: 0px !important;
    border-radius: 2px !important;
    font-size: 16px !important;
    padding: 10px 20px !important;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    box-shadow: none !important;
    transform: none !important;
}

/* Hover — без "расширения" padding */
.woocommerce-account .woocommerce-button.button.woocommerce-form-login__submit:hover,
.woocommerce-account .woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit:hover {
    background-color: #E09900 !important;
    color: #FFFFFF !important;
    box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.15) !important;
    padding: 10px 20px !important;
    transform: none !important;
}

/* Общий transition только в ЛК (как было задумано) */
.woocommerce-account .woocommerce-button,
.woocommerce-account .woocommerce-Button,
.woocommerce-account button.button,
.woocommerce-account input.button,
.woocommerce-account .button {
    transition: all 0.3s ease !important;
}

/* ====================================================================== */
/* ==========  E) ДОБАВКИ ДЛЯ СТРАНИЦЫ "ПОСМОТРЕТЬ" (view-order) ========= */
/* ====================================================================== */

/* E1) "Воздух" между блоками информации на странице заказа */
.woocommerce-account .woocommerce-MyAccount-content > p {
    margin-bottom: 22px !important;
}

.woocommerce-account .woocommerce-MyAccount-content > h2 {
    margin-top: 26px !important;
    margin-bottom: 14px !important;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-OrderUpdates {
    margin: 0 0 28px 0 !important;
    padding: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details {
    margin-top: 28px !important;
    margin-bottom: 32px !important;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details {
    margin-top: 28px !important;
}

/* E2) Кнопки "Действия" в таблице деталей заказа (Информация о заказе) —
      приводим к тому же стилю, что и в таблице заказов */
.woocommerce-account .woocommerce-order-details .order-actions-button,
.woocommerce-account .woocommerce-order-details a.order-actions-button,
.woocommerce-account .woocommerce-order-details .woocommerce-button.order-actions-button {
    padding: 6px 14px !important;
    min-width: 107px !important;
    border: 1px solid rgba(224, 153, 0, 0.75) !important;
    background: #ffffff !important;
    color: #B37A00 !important;
    border-radius: 3px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    text-align: left !important;
    transform: none !important;
}

/* Hover для кнопок действий в деталях заказа — без изменения padding */
.woocommerce-account .woocommerce-order-details .order-actions-button:hover,
.woocommerce-account .woocommerce-order-details a.order-actions-button:hover,
.woocommerce-account .woocommerce-order-details .woocommerce-button.order-actions-button:hover {
    background: #E09900 !important;
    color: #ffffff !important;
    border-color: transparent !important;
    padding: 6px 14px !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Убираем псевдоэлемент ::after у кнопок действий на странице "Информация о заказе" */
.woocommerce-account .woocommerce-order-details .order-actions-button::after,
.woocommerce-account .woocommerce-order-details a.order-actions-button::after,
.woocommerce-account .woocommerce-order-details .order-actions-button:after,
.woocommerce-account .woocommerce-order-details a.order-actions-button:after {
    content: none !important;
    display: none !important;
}

/* Делаем несколько кнопок в "Действия:" аккуратно в ряд (в tfoot) */
.woocommerce-account .woocommerce-order-details tfoot td {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 10px !important;
    align-items: center !important;
}

/* E3) Блоки "Платёжный адрес" и "Адрес доставки" на странице деталей заказа —
      применяем те же текстовые стили (как в разделе адресов) */
.woocommerce-account .woocommerce-customer-details .woocommerce-column__title {
    color: #666666 !important;
    line-height: 1.7em !important;
    font-weight: 500 !important;
}

.woocommerce-account .woocommerce-customer-details address {
    color: #666666 !important;
    font-style: italic !important;
    text-align: left !important;
    line-height: 2.5em !important;
}

/* ======================================================================================== */
/* ==========  F) КНОПКА "ЗАКАЗАТЬ СНОВА" ДЛЯ СТРАНИЦЫ "ПОСМОТРЕТЬ" (view-order) ========= */
/* ====================================================================================== */



/* КНОПКА "ЗАКАЗАТЬ СНОВА" — отдельный акцент (только ЛК, view-order) */
.woocommerce-account .order-again a.button {
    padding: 16px 28px !important;
    font-size: 15px !important;
    font-weight: 600 !important;

    background: #E09900 !important;
    color: #ffffff !important;

    border: none !important;
    border-radius: 4px !important;

    box-shadow: none !important;
    text-decoration: none !important;
    transform: none !important;
}

/* Hover — аккуратный, без "прыжков" */
.woocommerce-account .order-again a.button:hover {
    background: #c88700 !important;
    color: #ffffff !important;
    padding: 16px 28px !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Убираем стрелку ::after ТОЛЬКО у кнопки "Заказать снова" */
.woocommerce-account .order-again a.button::after,
.woocommerce-account .order-again a.button:after {
    content: none !important;
    display: none !important;
}