/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jan 30 2026 | 10:24:47 */
/* ====================================================================== */
/* ==========  СТРАНИЦА ОПЛАТЫ ЗАКАЗА (ORDER PAY) ========= */
/* ====================================================================== */
/* ВАЖНО: стили ниже заскоуплены на body.woocommerce-order-pay,
 * ссылка вида https://decollection.lv/ru/checkout/order-pay/1094784/... (с конкр. номером заказа)
   чтобы НЕ затронуть другие формы/страницы (в т.ч. обычный checkout и ЛК). */

/* 1) Общая компоновка/отступы */
body.woocommerce-order-pay .woocommerce {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* Чуть больше воздуха между таблицей заказа и блоком оплаты */
body.woocommerce-order-pay form#order_review {
  margin-top: 24px;
}

/* 2) УБИРАЕМ ТОЛЬКО СЕРЫЙ ФОН у контейнера оплаты (#payment)
      НЕ трогаем payment_box и woo notices, чтобы не ломать розовые/оранжевые уведомления */
body.woocommerce-order-pay #payment {
  background: none !important;          /* отключает серый фон */
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Иногда тема/плагин добавляет рамки/тени списку методов — убираем безопасно */
body.woocommerce-order-pay #payment .wc_payment_methods {
  border: 0 !important;
  box-shadow: none !important;
  background: none !important;
}

/* 3) “Карточка” для блока методов оплаты: ограничиваем ширину до 600px */
body.woocommerce-order-pay #payment .makecommerce-payment-methods,
body.woocommerce-order-pay #payment .payment_box.payment_method_makecommerce,
body.woocommerce-order-pay #payment .wc_payment_methods {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

/* Чтобы сама область с методами выглядела аккуратно (но без вмешательства в уведомления) */
body.woocommerce-order-pay #payment .payment_box {
  margin-top: 14px !important;
  border-radius: 10px;
  /* фон НЕ задаём — оставляем штатный, чтобы уведомления не “умирали” */
}

/* Списки методов оплаты: аккуратные отступы */
body.woocommerce-order-pay #payment ul.wc_payment_methods {
  list-style: none;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
}

/* Каждый метод: без лишних разделителей/рамок */
body.woocommerce-order-pay #payment ul.wc_payment_methods li.wc_payment_method {
  margin: 0 !important;
  padding: 10px 0 !important;
  border: 0 !important;
}

/* 4) MakeCommerce: ослабляем тени у “плиток” банков/карт (shadow-sm) */
body.woocommerce-order-pay #payment .makecommerce-payment-methods .shadow-sm,
body.woocommerce-order-pay #payment .makecommerce-payment-methods .payment-method,
body.woocommerce-order-pay #payment .makecommerce-payment-methods button,
body.woocommerce-order-pay #payment .makecommerce-payment-methods a {
  box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important; /* слабее */
}

/* Дополнительно: при hover пусть будет чуть заметнее, но без “жирной” тени */
body.woocommerce-order-pay #payment .makecommerce-payment-methods .shadow-sm:hover,
body.woocommerce-order-pay #payment .makecommerce-payment-methods .payment-method:hover {
  box-shadow: 0 4px 14px rgba(0,0,0,0.10) !important;
}

/* Селект страны MakeCommerce — тоже в ширину 600 */
body.woocommerce-order-pay #payment .makecommerce-payment-methods select,
body.woocommerce-order-pay #payment .makecommerce-payment-methods .form-select,
body.woocommerce-order-pay #payment .makecommerce-payment-methods .form-control {
  max-width: 600px;
}

/* 5) Убираем псевдоэлементы ::after, которые иногда превращают кнопки в “кирпичи” */
body.woocommerce-order-pay #payment a.button::after,
body.woocommerce-order-pay #payment button.button::after,
body.woocommerce-order-pay #payment input.button::after,
body.woocommerce-order-pay #payment #place_order::after {
  content: none !important;
  display: none !important;
}

/* ФОН уведомлений методов оплаты - ставлю вместо розового - оранжевый*/
/*body.woocommerce-order-pay #payment .et_pb_wc_checkout_payment_info_1_tb_body #payment div.payment_box*/
body.woocommerce-order-pay #payment div.payment_box {
   background: #E09900 !important;
}

/* 6) Политика/условия — левее, выше, компактнее */
body.woocommerce-order-pay #payment .woocommerce-terms-and-conditions-wrapper {
  max-width: 600px;
  padding: 0;
}
/*ПРОБУЮ СДВИНУТЬ ВВЕРХ ПОЛИТИКУ - решила не сдвигать. Правило работает */
/*body.woocommerce-order-pay .et_pb_wc_checkout_payment_info form .form-row {
    margin-top: 0px !important;
}*/

body.woocommerce-order-pay #payment .woocommerce-terms-and-conditions-wrapper,
body.woocommerce-order-pay #payment .woocommerce-terms-and-conditions-wrapper label,
body.woocommerce-order-pay #payment .woocommerce-terms-and-conditions-wrapper span,
body.woocommerce-order-pay #payment .woocommerce-terms-and-conditions-wrapper p {
  font-size: 12px !important;    /* чуть меньше */
  line-height: 1.35 !important;  /* компактнее */
}

body.woocommerce-order-pay #payment .woocommerce-terms-and-conditions-wrapper a {
  color: #E09900;
  text-decoration: none;
}
body.woocommerce-order-pay #payment .woocommerce-terms-and-conditions-wrapper a:hover {
  text-decoration: underline;
}

/* 7) Кнопка "Оплатить заказ" — стиль как у кнопки подписки */
body.woocommerce-order-pay #payment .form-row.place-order {
  max-width: 600px;
  margin: 0 auto;
  padding: 0;

  display: flex;
  justify-content: center; /* чтобы не была одиноко справа */
  align-items: center;
}

body.woocommerce-order-pay #payment #place_order,
body.woocommerce-order-pay #payment button#place_order,
body.woocommerce-order-pay #payment button.button,
body.woocommerce-order-pay #payment input#place_order,
body.woocommerce-order-pay #payment input.button {
  height: 44px;
  border-radius: 4px;
  cursor: pointer;

  background: #E09900 !important;
  border: 1px solid #E09900 !important;
  color: #fff !important;

  font-size: 16px;
  font-weight: 500;

  padding: 0 22px !important;
  width: auto;
  min-width: 220px;

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

  display: inline-flex;
  align-items: center;
  justify-content: center;
   float: left;  /*прижимаю кнопку по левому краю экрана*/
}

body.woocommerce-order-pay #payment #place_order:hover,
body.woocommerce-order-pay #payment button#place_order:hover,
body.woocommerce-order-pay #payment button.button:hover,
body.woocommerce-order-pay #payment input#place_order:hover,
body.woocommerce-order-pay #payment input.button:hover {
  filter: brightness(0.95);
}

body.woocommerce-order-pay #payment #place_order:active,
body.woocommerce-order-pay #payment button#place_order:active,
body.woocommerce-order-pay #payment button.button:active,
body.woocommerce-order-pay #payment input#place_order:active,
body.woocommerce-order-pay #payment input.button:active {
  transform: translateY(1px);
}

/* 8) Мобильная адаптация */
@media (max-width: 768px) {
  body.woocommerce-order-pay #payment .makecommerce-payment-methods,
  body.woocommerce-order-pay #payment .payment_box.payment_method_makecommerce,
  body.woocommerce-order-pay #payment .wc_payment_methods,
  body.woocommerce-order-pay #payment .woocommerce-terms-and-conditions-wrapper,
  body.woocommerce-order-pay #payment .form-row.place-order {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  body.woocommerce-order-pay #payment #place_order,
  body.woocommerce-order-pay #payment button#place_order,
  body.woocommerce-order-pay #payment button.button,
  body.woocommerce-order-pay #payment input#place_order,
  body.woocommerce-order-pay #payment input.button {
    width: 100%;
    min-width: 0;
  }
}
/* ====================================================================== */
/* ==========  УВЕДОМЛЕНИЯ НА СТРАНИЦЕ ОПЛАТЫ (order-pay)  ============== */
/* ====================================================================== */

/* ===== DC: order-pay notices only (плавность + аккуратные отступы) ===== */
body.woocommerce-order-pay form#order_review ul.woocommerce-error.dc-orderpay-notices{
  margin: 14px 0 14px !important;
  padding: 14px 16px !important;
  border-radius: 5px !important;
  max-width: 600px;
	

  /* плавное появление */
  opacity: 1;
  max-height: 400px;
  overflow: hidden;
  transition: opacity .25s ease, max-height .30s ease, margin .25s ease;
}

/* скрытие (важно: НЕ display:none, чтобы была анимация) */
body.woocommerce-order-pay form#order_review ul.woocommerce-error.dc-orderpay-notices.is-hidden{
  opacity: 0;
  max-height: 0;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* элементы списка */
body.woocommerce-order-pay form#order_review ul.woocommerce-error.dc-orderpay-notices .dc-orderpay-notice-item{
  margin: 0 !important;
  padding: 0 !important;
	font-size: 13px !important;
}

/* если сообщений несколько — добавим небольшой интервал */
body.woocommerce-order-pay form#order_review ul.woocommerce-error.dc-orderpay-notices .dc-orderpay-notice-item + .dc-orderpay-notice-item{
  margin-top: 20px !important;
}