/**
 * Стили для WooCommerce уведомлений
 */

/* ============================================
   БЛОК УВЕДОМЛЕНИЙ - ОСНОВНЫЕ СТИЛИ
   ============================================ */

/* Контейнер уведомлений - 1064px по центру, алерты справа (6 из 12 колонок) */
/* Fixed позиционирование - уведомления поверх экрана, под хедером */
.woocommerce-notices-wrapper {
    max-width: 1064px; /* 1024px + 40px для корректной работы отступов */
    margin: 0 auto;
    padding: 0 20px; /* Только по бокам, сверху и снизу - 0 */
    display: flex;
    flex-direction: column;
    align-items: flex-end; /* Выравниваем алерты справа */
    gap: 8px;
    box-sizing: border-box;
    position: fixed;
    top: 80px; /* Отступ от верха (под хедером) - можно изменить на нужную высоту хедера */
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999; /* Поверх всего контента */
    background: transparent;
}

/* ============================================
   SUCCESS И INFO УВЕДОМЛЕНИЯ
   ============================================ */

/* Одиночный алерт - 50% ширины контейнера минус 20px (6 из 12 колонок) */
.woocommerce-notices-wrapper > .woocommerce-message.da-notice,
.woocommerce-notices-wrapper > .woocommerce-info.da-notice {
    width: calc(50% - 10px); /* 6 из 12 колонок минус 10px */
    border-radius: 16px;
    box-shadow: 0 345px 97px 0 rgba(186, 196, 186, 0.00), 0 221px 88px 0 rgba(186, 196, 186, 0.01), 0 124px 75px 0 rgba(186, 196, 186, 0.05), 0 55px 55px 0 rgba(186, 196, 186, 0.09), 0 14px 30px 0 rgba(186, 196, 186, 0.10);
    padding: 16px 12px 16px 42px; /* top right bottom left: 12px (базовый) + 20px (иконка) + 10px (отступ) = 42px */
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap; /* Позволяет кнопке переноситься на новую строку */
    gap: 10px;
    margin: 0;
    border-top: none;
    list-style: none;
    outline: none; /* Убираем обводку при фокусе */
}

/* Убираем обводку при фокусе */
.woocommerce-notices-wrapper > .woocommerce-message.da-notice:focus,
.woocommerce-notices-wrapper > .woocommerce-message.da-notice:focus-visible,
.woocommerce-notices-wrapper > .woocommerce-info.da-notice:focus,
.woocommerce-notices-wrapper > .woocommerce-info.da-notice:focus-visible {
    outline: none;
    box-shadow: 0 345px 97px 0 rgba(186, 196, 186, 0.00), 0 221px 88px 0 rgba(186, 196, 186, 0.01), 0 124px 75px 0 rgba(186, 196, 186, 0.05), 0 55px 55px 0 rgba(186, 196, 186, 0.09), 0 14px 30px 0 rgba(186, 196, 186, 0.10);
}

/* Общие стили для текста */
.woocommerce-notices-wrapper > .woocommerce-message.da-notice,
.woocommerce-notices-wrapper > .woocommerce-info.da-notice {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.3px;
}

/* Успешное уведомление - фон и цвет текста */
.woocommerce-notices-wrapper .woocommerce-message.da-notice-success,
.da-notice-success {
    background-color: #2FA42F;
    color: #FFFFFF;
}

/* Информационное уведомление - фон и цвет текста */
.woocommerce-notices-wrapper .woocommerce-info.da-notice-info,
.da-notice-info {
    background-color: #FFFFFF;
    color: #171717;
}

/* ============================================
   ERROR УВЕДОМЛЕНИЯ (UL/LI структура)
   ============================================ */

/* UL обертка для error - только обёртка, без визуальных стилей */
.woocommerce-notices-wrapper > .woocommerce-error.da-notice-wrapper {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: calc(50% - 10px); /* 50% минус 10px */
    list-style: none;
    background: none;
    border: none;
    box-shadow: none;
}

/* Каждый LI элемент error - все визуальные стили здесь */
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper li.da-notice-error,
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper .da-notice-error,
.da-notice-wrapper li.da-notice-error,
.da-notice-wrapper .da-notice-error,
.woocommerce-notices-wrapper .woocommerce-error li.da-notice-error {
    padding: 16px 12px 16px 42px !important; /* Переопределяем WooCommerce padding-left: 0 !important */
    margin: 0;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
    border-radius: 16px;
    box-shadow: 0 345px 97px 0 rgba(186, 196, 186, 0.00), 0 221px 88px 0 rgba(186, 196, 186, 0.01), 0 124px 75px 0 rgba(186, 196, 186, 0.05), 0 55px 55px 0 rgba(186, 196, 186, 0.09), 0 14px 30px 0 rgba(186, 196, 186, 0.10);
    position: relative;
    width: 100%;
    background-color: #DC3545; /* Красный цвет для ошибок */
    color: #FFFFFF;
    list-style: none;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.3px;
    outline: none;
}

/* Убираем обводку при фокусе для error */
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper li.da-notice-error:focus,
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper li.da-notice-error:focus-visible,
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper .da-notice-error:focus,
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper .da-notice-error:focus-visible,
.da-notice-wrapper li.da-notice-error:focus,
.da-notice-wrapper li.da-notice-error:focus-visible {
    outline: none;
    box-shadow: 0 345px 97px 0 rgba(186, 196, 186, 0.00), 0 221px 88px 0 rgba(186, 196, 186, 0.01), 0 124px 75px 0 rgba(186, 196, 186, 0.05), 0 55px 55px 0 rgba(186, 196, 186, 0.09), 0 14px 30px 0 rgba(186, 196, 186, 0.10);
}

/* ============================================
   ИКОНКИ
   ============================================ */

/* Иконка для success - на самом алерте */
.woocommerce-notices-wrapper .da-notice-success::before {
    content: '';
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    background-image: url('/wp-content/uploads/2025/11/check.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0) invert(1); /* Белая иконка */
    display: block;
    flex-shrink: 0;
    position: absolute;
    left: 12px;
    top: 16px;
}

/* Иконка для error - на li элементе */
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper li.da-notice-error::before,
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper .da-notice-error::before,
.da-notice-wrapper li.da-notice-error::before,
.da-notice-wrapper .da-notice-error::before {
    content: '';
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    background-image: url('/wp-content/uploads/2025/11/warning.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0) invert(1); /* Белая иконка */
    display: block;
    flex-shrink: 0;
    position: absolute;
    left: 12px;
    top: 16px;
}

/* Иконка для info - на самом алерте */
.woocommerce-notices-wrapper .da-notice-info::before {
    content: '';
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    background-image: url('/wp-content/uploads/2025/11/info.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0) saturate(100%) invert(8%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%); /* Иконка #171717 */
    display: block;
    flex-shrink: 0;
    position: absolute;
    left: 12px;
    top: 16px;
}

/* Иконки внутри .da-notice-text (для шаблонов с разделением текста и кнопок) */
.da-notice-success .da-notice-text::before {
    content: '';
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    background-image: url('/wp-content/uploads/2025/11/check.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0) invert(1);
    font-family: none;
    display: block;
    flex-shrink: 0;
}

.da-notice-error .da-notice-text::before {
    content: '';
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    background-image: url('/wp-content/uploads/2025/11/warning.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0) invert(1);
    font-family: none;
    display: block;
    flex-shrink: 0;
}

.da-notice-info .da-notice-text::before {
    content: '';
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    background-image: url('/wp-content/uploads/2025/11/info.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0) saturate(100%) invert(8%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
    font-family: none;
    display: block;
    flex-shrink: 0;
}

/* ============================================
   КНОПКИ В УВЕДОМЛЕНИЯХ
   ============================================ */

/* Базовые стили для всех кнопок */
.woocommerce-notices-wrapper .da-notice a.button,
.woocommerce-notices-wrapper .da-notice .button,
.woocommerce-notices-wrapper .da-notice a.wc-forward,
.woocommerce-notices-wrapper .da-notice a.wc-backward,
.woocommerce-notices-wrapper .da-notice .wc-forward,
.woocommerce-notices-wrapper .da-notice .wc-backward,
.woocommerce-notices-wrapper .da-notice a.button.wc-forward,
.woocommerce-notices-wrapper .da-notice a.button.wc-backward,
.woocommerce-notices-wrapper .da-notice a.wc-forward.button,
.woocommerce-notices-wrapper .da-notice a.wc-backward.button,
.woocommerce-notices-wrapper .da-notice a.showcoupon,
.woocommerce-notices-wrapper .da-notice .showcoupon {
    border-radius: 222px;
    padding: 2px 12px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.3px;
    margin-left: auto;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
    min-width: fit-content;
}

/* Кнопка в success уведомлении */
.woocommerce-notices-wrapper .da-notice-success a.button,
.woocommerce-notices-wrapper .da-notice-success .button,
.woocommerce-notices-wrapper .da-notice-success a.wc-forward,
.woocommerce-notices-wrapper .da-notice-success a.wc-backward,
.woocommerce-notices-wrapper .da-notice-success .wc-forward,
.woocommerce-notices-wrapper .da-notice-success .wc-backward,
.woocommerce-notices-wrapper .da-notice-success a.button.wc-forward,
.woocommerce-notices-wrapper .da-notice-success a.button.wc-backward,
.woocommerce-notices-wrapper .da-notice-success a.wc-forward.button,
.woocommerce-notices-wrapper .da-notice-success a.wc-backward.button,
.woocommerce-notices-wrapper .da-notice-success a.showcoupon,
.woocommerce-notices-wrapper .da-notice-success .showcoupon {
    background-color: #FFFFFF;
    color: #00BE00;
    border-radius: 222px;
}

.woocommerce-notices-wrapper .da-notice-success a.button:hover,
.woocommerce-notices-wrapper .da-notice-success .button:hover,
.woocommerce-notices-wrapper .da-notice-success a.wc-forward:hover,
.woocommerce-notices-wrapper .da-notice-success a.wc-backward:hover,
.woocommerce-notices-wrapper .da-notice-success .wc-forward:hover,
.woocommerce-notices-wrapper .da-notice-success .wc-backward:hover,
.woocommerce-notices-wrapper .da-notice-success a.button.wc-forward:hover,
.woocommerce-notices-wrapper .da-notice-success a.button.wc-backward:hover,
.woocommerce-notices-wrapper .da-notice-success a.wc-forward.button:hover,
.woocommerce-notices-wrapper .da-notice-success a.wc-backward.button:hover,
.woocommerce-notices-wrapper .da-notice-success a.showcoupon:hover,
.woocommerce-notices-wrapper .da-notice-success .showcoupon:hover {
    color: #199519;
}

/* Кнопка в error уведомлении */
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper li.da-notice-error a.button,
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper li.da-notice-error .button,
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper li.da-notice-error a.wc-forward,
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper li.da-notice-error a.wc-backward,
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper li.da-notice-error .wc-forward,
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper li.da-notice-error .wc-backward,
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper li.da-notice-error a.button.wc-forward,
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper li.da-notice-error a.button.wc-backward,
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper li.da-notice-error a.wc-forward.button,
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper li.da-notice-error a.wc-backward.button,
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper li.da-notice-error a.showcoupon,
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper li.da-notice-error .showcoupon,
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper .da-notice-error a.button,
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper .da-notice-error .button,
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper .da-notice-error a.wc-forward,
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper .da-notice-error a.wc-backward,
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper .da-notice-error .wc-forward,
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper .da-notice-error .wc-backward,
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper .da-notice-error a.button.wc-forward,
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper .da-notice-error a.button.wc-backward,
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper .da-notice-error a.wc-forward.button,
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper .da-notice-error a.wc-backward.button,
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper .da-notice-error a.showcoupon,
.woocommerce-notices-wrapper .woocommerce-error.da-notice-wrapper .da-notice-error .showcoupon,
.da-notice-wrapper li.da-notice-error a.button,
.da-notice-wrapper li.da-notice-error .button,
.da-notice-wrapper li.da-notice-error a.wc-forward,
.da-notice-wrapper li.da-notice-error a.wc-backward,
.da-notice-wrapper li.da-notice-error .wc-forward,
.da-notice-wrapper li.da-notice-error .wc-backward,
.da-notice-wrapper li.da-notice-error a.button.wc-forward,
.da-notice-wrapper li.da-notice-error a.button.wc-backward,
.da-notice-wrapper li.da-notice-error a.wc-forward.button,
.da-notice-wrapper li.da-notice-error a.wc-backward.button,
.da-notice-wrapper li.da-notice-error a.showcoupon,
.da-notice-wrapper li.da-notice-error .showcoupon {
    background-color: #FFFFFF;
    color: #171717; /* Чёрный текст */
    border-radius: 222px;
}

/* Кнопка в info уведомлении */
.woocommerce-notices-wrapper .da-notice-info a.button,
.woocommerce-notices-wrapper .da-notice-info .button,
.woocommerce-notices-wrapper .da-notice-info a.wc-forward,
.woocommerce-notices-wrapper .da-notice-info a.wc-backward,
.woocommerce-notices-wrapper .da-notice-info .wc-forward,
.woocommerce-notices-wrapper .da-notice-info .wc-backward,
.woocommerce-notices-wrapper .da-notice-info a.button.wc-forward,
.woocommerce-notices-wrapper .da-notice-info a.button.wc-backward,
.woocommerce-notices-wrapper .da-notice-info a.wc-forward.button,
.woocommerce-notices-wrapper .da-notice-info a.wc-backward.button,
.woocommerce-notices-wrapper .da-notice-info a.showcoupon,
.woocommerce-notices-wrapper .da-notice-info .showcoupon {
    background-color: #00BE00;
    color: #FFFFFF;
    border-radius: 222px;
}

.woocommerce-notices-wrapper .da-notice-info a.button:hover,
.woocommerce-notices-wrapper .da-notice-info .button:hover,
.woocommerce-notices-wrapper .da-notice-info a.wc-forward:hover,
.woocommerce-notices-wrapper .da-notice-info a.wc-backward:hover,
.woocommerce-notices-wrapper .da-notice-info .wc-forward:hover,
.woocommerce-notices-wrapper .da-notice-info .wc-backward:hover,
.woocommerce-notices-wrapper .da-notice-info a.button.wc-forward:hover,
.woocommerce-notices-wrapper .da-notice-info a.button.wc-backward:hover,
.woocommerce-notices-wrapper .da-notice-info a.wc-forward.button:hover,
.woocommerce-notices-wrapper .da-notice-info a.wc-backward.button:hover,
.woocommerce-notices-wrapper .da-notice-info a.showcoupon:hover,
.woocommerce-notices-wrapper .da-notice-info .showcoupon:hover {
    background-color: #199519;
}

/* ============================================
   ССЫЛКИ В УВЕДОМЛЕНИЯХ (restore-item и похожие)
   ============================================ */

/* Ссылка restore-item и похожие - цвет как у текста, подчёркивание с offset */
.woocommerce-notices-wrapper .da-notice a.restore-item,
.woocommerce-notices-wrapper .da-notice .restore-item,
.woocommerce-notices-wrapper .da-notice a:not(.button):not(.wc-forward):not(.wc-backward):not(.showcoupon) {
    color: inherit; /* Цвет как у текста уведомления */
    text-decoration: underline;
    text-underline-offset: 25%;
}

/* ============================================
   УНИВЕРСАЛЬНЫЕ СТИЛИ ДЛЯ ВСЕХ УВЕДОМЛЕНИЙ НА CHECKOUT
   (кроме тех, что в форме купона)
   ============================================ */

/* Применяем стили ко всем уведомлениям на checkout, кроме формы купона */
.woocommerce-checkout .woocommerce-message:not(.woocommerce-form-coupon-toggle .woocommerce-message):not(.woocommerce-notices-wrapper .woocommerce-message),
.woocommerce-checkout .woocommerce-info:not(.woocommerce-form-coupon-toggle .woocommerce-info):not(.woocommerce-notices-wrapper .woocommerce-info),
.woocommerce-checkout .woocommerce-error:not(.woocommerce-form-coupon-toggle .woocommerce-error):not(.woocommerce-notices-wrapper .woocommerce-error) {
    width: calc(50% - 10px);
    max-width: 512px; /* 50% от 1064px (как у .woocommerce-notices-wrapper) */
    border-radius: 16px;
    box-shadow: 0 345px 97px 0 rgba(186, 196, 186, 0.00), 0 221px 88px 0 rgba(186, 196, 186, 0.01), 0 124px 75px 0 rgba(186, 196, 186, 0.05), 0 55px 55px 0 rgba(186, 196, 186, 0.09), 0 14px 30px 0 rgba(186, 196, 186, 0.10);
    padding: 16px 12px 16px 42px;
    position: fixed;
    top: 80px;
    right: calc((100% - 1064px) / 2 + 20px); /* Выравнивание справа, как у .woocommerce-notices-wrapper */
    z-index: 9999;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    border-top: none;
    list-style: none;
    outline: none;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.3px;
    box-sizing: border-box;
}

/* Success уведомления - зеленый фон */
.woocommerce-checkout .woocommerce-message:not(.woocommerce-form-coupon-toggle .woocommerce-message) {
    background-color: #2FA42F;
    color: #FFFFFF;
}

/* Info уведомления - белый фон */
.woocommerce-checkout .woocommerce-info:not(.woocommerce-form-coupon-toggle .woocommerce-info) {
    background-color: #FFFFFF;
    color: #171717;
}

/* Error уведомления - красный фон (UL обертка) */
.woocommerce-checkout .woocommerce-error:not(.woocommerce-form-coupon-toggle .woocommerce-error):not(.woocommerce-notices-wrapper .woocommerce-error) {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: calc(50% - 10px);
    max-width: 512px;
    position: fixed;
    top: 80px;
    right: calc((100% - 1064px) / 2 + 20px);
    z-index: 9999;
    list-style: none;
    background: none;
    border: none;
    box-shadow: none;
    box-sizing: border-box;
}

/* Error уведомления - каждый LI элемент */
.woocommerce-checkout .woocommerce-error:not(.woocommerce-form-coupon-toggle .woocommerce-error):not(.woocommerce-notices-wrapper .woocommerce-error) li {
    padding: 16px 12px 16px 42px !important;
    margin: 0;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
    border-radius: 16px;
    box-shadow: 0 345px 97px 0 rgba(186, 196, 186, 0.00), 0 221px 88px 0 rgba(186, 196, 186, 0.01), 0 124px 75px 0 rgba(186, 196, 186, 0.05), 0 55px 55px 0 rgba(186, 196, 186, 0.09), 0 14px 30px 0 rgba(186, 196, 186, 0.10);
    position: relative;
    width: 100%;
    background-color: #DC3545;
    color: #FFFFFF;
    list-style: none;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.3px;
    outline: none;
}

/* Цвет текста для ссылок и strong в error уведомлениях */
.woocommerce-checkout .woocommerce-error:not(.woocommerce-form-coupon-toggle .woocommerce-error):not(.woocommerce-notices-wrapper .woocommerce-error) li a,
.woocommerce-checkout .woocommerce-error:not(.woocommerce-form-coupon-toggle .woocommerce-error):not(.woocommerce-notices-wrapper .woocommerce-error) li strong {
    color: #FFFFFF;
}

/* Иконки для уведомлений вне .woocommerce-notices-wrapper */
.woocommerce-checkout .woocommerce-message:not(.woocommerce-form-coupon-toggle .woocommerce-message)::before {
    content: '';
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    background-image: url('/wp-content/uploads/2025/11/check.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0) invert(1);
    display: block;
    flex-shrink: 0;
    position: absolute;
    left: 12px;
    top: 16px;
}

.woocommerce-checkout .woocommerce-info:not(.woocommerce-form-coupon-toggle .woocommerce-info)::before {
    content: '';
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    background-image: url('/wp-content/uploads/2025/11/info.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0) saturate(100%) invert(8%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
    display: block;
    flex-shrink: 0;
    position: absolute;
    left: 12px;
    top: 16px;
}

.woocommerce-checkout .woocommerce-error:not(.woocommerce-form-coupon-toggle .woocommerce-error) li::before {
    content: '';
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    background-image: url('/wp-content/uploads/2025/11/warning.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0) invert(1);
    display: block;
    flex-shrink: 0;
    position: absolute;
    left: 12px;
    top: 16px;
}

/* ============================================
   АДАПТИВНОСТЬ
   ============================================ */

@media (max-width: 1024px) {
    /* Уведомления на 100% ширины на планшетах и мобильных */
    .woocommerce-notices-wrapper > .woocommerce-message.da-notice,
    .woocommerce-notices-wrapper > .woocommerce-info.da-notice {
        width: 100%;
    }

    .woocommerce-notices-wrapper > .woocommerce-error.da-notice-wrapper {
        width: 100%;
    }

    /* Универсальные уведомления тоже на 100% ширины */
    .woocommerce-checkout .woocommerce-message:not(.woocommerce-form-coupon-toggle .woocommerce-message):not(.woocommerce-notices-wrapper .woocommerce-message),
    .woocommerce-checkout .woocommerce-info:not(.woocommerce-form-coupon-toggle .woocommerce-info):not(.woocommerce-notices-wrapper .woocommerce-info),
    .woocommerce-checkout .woocommerce-error:not(.woocommerce-form-coupon-toggle .woocommerce-error):not(.woocommerce-notices-wrapper .woocommerce-error) {
        width: 100%;
        max-width: calc(100% - 40px);
        right: 20px;
    }

    /* Отступ сверху для fixed уведомлений на планшетах и мобильных */
    .woocommerce-notices-wrapper {
        top: 88px;
    }
}