/* PUDRA — WooCommerce: корзина / чекаут / кабинет / уведомления / кнопки.
   Переопределение дефолтных шаблонов в дизайн-системе прототипа (:root).
   Агрессивные дефолты WC требуют точечных !important. Без hover-теней (§4). */

/* ---- общий контейнер WC-страниц ---- */
.page{padding:var(--sec) 0}
.page-title{font-family:var(--font-d);font-weight:600;font-size:clamp(28px,4vw,46px);line-height:1.08;letter-spacing:-.015em;margin-bottom:26px}
.woocommerce .wrap, .woocommerce-page .wrap{max-width:var(--wrap)}

/* ---- кнопки WC → пилюля .btn-dark ---- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #respond input#submit, .wc-block-components-button{
  display:inline-flex !important;align-items:center;justify-content:center;gap:9px;
  background:var(--ink) !important;color:#fff !important;
  font-family:var(--font-b) !important;font-weight:600 !important;font-size:15px !important;
  padding:15px 28px !important;border-radius:var(--r-pill) !important;border:none !important;
  text-transform:none !important;line-height:1.2 !important;transition:background .3s var(--ease) !important;box-shadow:none !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover{background:#000 !important}
.woocommerce .button.wc-backward, .woocommerce .added_to_cart{background:#fff !important;color:var(--ink) !important;border:1px solid var(--line-2) !important}
.woocommerce .button.wc-backward:hover{border-color:var(--line-3) !important}

/* ---- уведомления ---- */
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews{
  border:1px solid var(--line) !important;border-top:2px solid var(--ink) !important;
  background:var(--cream) !important;border-radius:var(--r) !important;
  padding:18px 22px !important;font-size:15px;color:var(--ink) !important;margin-bottom:24px !important;list-style:none;
}
.woocommerce-message{border-top-color:var(--rose) !important}
.woocommerce-error{border-top-color:#c0392b !important}
.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before{display:none !important}

/* сторонний чат-плагин (Chaty) добавляет body{padding-top:96px} на WC-страницах,
   а шапка у нас sticky (не fixed) → лишний отступ над шапкой. Убираем. */
body.woocommerce-page,body.woocommerce-account,body.woocommerce-checkout,body.woocommerce-cart{padding-top:0 !important}

/* ---- таблицы (корзина / обзор заказа) ---- */
.woocommerce table.shop_table{border:1px solid var(--line) !important;border-collapse:collapse !important;border-radius:var(--r) !important;box-shadow:none !important;overflow:hidden}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{border:none !important;border-bottom:1px solid var(--line) !important;padding:18px 16px !important}
.woocommerce table.shop_table thead th{font-family:var(--font-b);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}
.woocommerce .cart .product-thumbnail img, .woocommerce .cart img{width:72px;border-radius:12px;border:1px solid var(--line)}
.woocommerce table.cart td.product-name a{font-weight:600;color:var(--ink)}
.woocommerce table.cart td.product-price, .woocommerce table.cart td.product-subtotal{white-space:nowrap}
.woocommerce .product-remove a.remove{color:var(--ink-3) !important;font-size:22px}
.woocommerce .product-remove a.remove:hover{color:var(--ink) !important;background:none !important}

/* ---- количество ---- */
.woocommerce .quantity{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:var(--r-pill);overflow:hidden}
.woocommerce .quantity input.qty{width:58px;height:46px;border:none !important;text-align:center;font-family:var(--font-b);font-weight:600;background:none}

/* ---- купон + действия корзины ---- */
.woocommerce .coupon .input-text, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text, .woocommerce select, .select2-container .select2-selection{
  border:1px solid var(--line-2) !important;border-radius:12px !important;
  padding:13px 16px !important;font-family:var(--font-b) !important;font-size:15px !important;
  background:var(--cream) !important;min-height:50px !important;color:var(--ink) !important;
}
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus, .woocommerce select:focus{
  outline:none !important;border-color:var(--ink) !important;background:#fff !important;
}

/* ---- итоги / обзор заказа ---- */
.cart_totals, .woocommerce-checkout #order_review{border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(20px,3vw,32px);background:#fff}
.cart_totals h2, #order_review_heading{font-family:var(--font-d);font-weight:600;font-size:24px;margin-bottom:18px}
.order-total td .amount, .order-total td strong .amount{font-family:var(--font-d);font-weight:600;font-size:22px;color:var(--ink)}
.woocommerce-checkout #order_review .amount, .cart_totals .amount{white-space:nowrap}
.woocommerce-checkout .wc-proceed-to-checkout, .checkout-button{width:100%}
.woocommerce #payment, .woocommerce-checkout #payment{background:var(--cream) !important;border-radius:var(--r) !important;border:1px solid var(--line)}
.woocommerce #payment ul.payment_methods{border-bottom:1px solid var(--line) !important}

/* ---- чекаут: 2 колонки ---- */
@media(min-width:900px){
  .woocommerce-checkout form.checkout.woocommerce-checkout{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(24px,3vw,44px);align-items:start}
  .woocommerce-checkout #customer_details{grid-column:1;grid-row:1 / span 2}
  .woocommerce-checkout #order_review_heading{grid-column:2;grid-row:1;margin-top:0}
  .woocommerce-checkout #order_review{grid-column:2;grid-row:2}
}
/* реквизиты и «Детали» — в стек на всю ширину колонки (не два узких флоат-столбца WC) */
.woocommerce-checkout .col2-set{display:block;width:auto}
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2{float:none;width:100%;max-width:none;padding:0}
.woocommerce-checkout .col2-set .col-2{margin-top:clamp(22px,3vw,34px)}
/* селекты формы чекаута (Страна/регион, Область) — на всю ширину поля, как инпуты */
.woocommerce-checkout .form-row select{width:100% !important}
/* Имя/Фамилия — ровный ряд по половине ширины, аккуратный зазор */
.woocommerce-checkout .form-row-first{width:calc(50% - 8px) !important;float:left;margin-right:16px !important;clear:none}
.woocommerce-checkout .form-row-last{width:calc(50% - 8px) !important;float:right;margin-right:0 !important}
.woocommerce-checkout .form-row-wide{width:100% !important;clear:both}
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3{font-family:var(--font-d);font-weight:600;font-size:22px;margin-bottom:16px}

/* ---- личный кабинет ---- */
.woocommerce-account .woocommerce-MyAccount-navigation{float:none;width:auto;margin-bottom:30px}
.woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);padding-bottom:14px}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:inline-block;padding:9px 16px;border-radius:var(--r-pill);font-weight:600;font-size:14.5px;color:var(--ink-2);border:1px solid transparent;transition:.25s}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{border-color:var(--line-2);color:var(--ink)}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:var(--ink);color:#fff}
.woocommerce-account .woocommerce-MyAccount-content{float:none;width:auto}

/* ---- цены/распродажа в каталоге WC ---- */
.woocommerce span.onsale{display:none} /* бейджи рисуем своими .tag */

/* ширина WC внутри .page (cart/checkout/account шорткоды) */
.woocommerce-cart .page .wrap, .woocommerce-checkout .page .wrap, .woocommerce-account .page .wrap{max-width:var(--wrap)}

/* ---- брендовый тост корзины (вместо стандартных WC-уведомлений) ---- */
.pudra-toasts{position:fixed;left:50%;top:84px;transform:translateX(-50%);z-index:1200;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}
.pudra-toast{pointer-events:auto;display:flex;align-items:center;gap:11px;background:var(--ink);color:#fff;border-radius:14px;padding:13px 16px;box-shadow:0 14px 40px rgba(26,21,18,.28);font-family:var(--font-b);font-size:14.5px;font-weight:500;transform:translateY(-14px);opacity:0;transition:transform .32s var(--ease),opacity .32s var(--ease);max-width:340px}
.pudra-toast.show{transform:none;opacity:1}
.pudra-toast .fa-circle-check{color:var(--rose);font-size:18px}
.pudra-toast .pt-link{margin-left:6px;color:#fff;font-weight:600;border-bottom:1px solid rgba(255,255,255,.5);white-space:nowrap;transition:border-color .2s}
.pudra-toast .pt-link:hover{border-color:#fff}
@media(max-width:520px){.pudra-toasts{left:12px;right:12px;top:72px;transform:none;align-items:stretch}.pudra-toast{max-width:none}}
/* скрываем штатную ссылку «Просмотреть корзину», которую WC дописывает после кнопки */
.prod-add a.added_to_cart,.pdp-buy a.added_to_cart,.woocommerce a.added_to_cart{display:none !important}

/* ---- брендовая обёртка страниц корзины/чекаута (page-cart/page-checkout) ---- */
.wc-page{padding:clamp(40px,5vw,72px) 0}
.wc-page .woocommerce{max-width:none}
/* купон: поле шире, чтобы «Код купона» помещался, ровный ряд */
.woocommerce .coupon{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.woocommerce .coupon .input-text{min-width:190px;flex:0 1 220px}
/* количество в корзине — чистый бокс (не овал) */
.woocommerce-cart td.product-quantity .quantity{border-radius:12px}
/* «нет способов оплаты» — мягкий вид вместо тревожного */
.woocommerce-checkout #payment .woocommerce-info,.woocommerce-checkout .woocommerce-notice--info{background:var(--cream) !important;border:1px solid var(--line) !important;border-top:2px solid var(--rose) !important;border-radius:var(--r) !important;color:var(--ink-2)}

/* ══════ Вход / Регистрация (auth) ══════ */
.account-page .woocommerce{max-width:none}
.auth{max-width:480px;margin:0 auto}
.auth-card{position:relative;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(26px,3.5vw,40px);background:#fff}
.auth-radio{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.auth-tabs{display:flex;gap:6px;background:var(--cream);border-radius:var(--r-pill);padding:5px;margin-bottom:26px}
.auth-tabs.single{background:none;padding:0;margin-bottom:20px}
.auth-tab{flex:1;text-align:center;padding:11px 16px;border-radius:var(--r-pill);font-family:var(--font-b);font-weight:600;font-size:14.5px;color:var(--ink-2);cursor:pointer;transition:.25s var(--ease);user-select:none}
.auth-tab.is-static{cursor:default;flex:none;text-align:left;font-family:var(--font-d);font-size:22px;color:var(--ink);padding:0}
#pauth-login:checked ~ .auth-tabs label[for="pauth-login"],
#pauth-register:checked ~ .auth-tabs label[for="pauth-register"]{background:#fff;color:var(--ink);box-shadow:var(--shadow-sm)}
.auth-panel{display:none}
#pauth-login:checked ~ .auth-panel-login{display:block}
#pauth-register:checked ~ .auth-panel-register{display:block}
.auth-sub{color:var(--ink-2);font-size:14.5px;line-height:1.55;margin-bottom:22px}
.auth .form-row,.auth .woocommerce-form-row{margin:0 0 16px;display:block;padding:0}
.auth label{display:block;font-family:var(--font-b);font-weight:600;font-size:13.5px;color:var(--ink-2);margin-bottom:7px}
.auth .input-text{width:100% !important;border:1px solid var(--line-2) !important;border-radius:12px !important;padding:13px 16px !important;font-family:inherit;font-size:15px;background:#fff;color:var(--ink);transition:border-color .2s}
.auth .input-text:focus{outline:none;border-color:var(--ink) !important}
.auth .required{color:var(--rose);border:0}
.auth-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.auth-remember{display:inline-flex !important;align-items:center;gap:8px;margin:0 !important;font-family:var(--font-b);font-weight:500 !important;color:var(--ink-2) !important;font-size:14px !important;cursor:pointer}
.auth-remember input{width:16px;height:16px;accent-color:var(--ink);margin:0}
.auth-lost{font-size:13.5px;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
.auth-lost:hover{color:var(--ink)}
.auth-submit{width:100% !important;justify-content:center;margin-top:6px}
.auth-note{font-size:13.5px;color:var(--ink-3);margin-bottom:16px}
.auth-switch{text-align:center;margin-top:22px;font-size:14px;color:var(--ink-2)}
.auth-switch-link{color:var(--ink);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}

/* ══════ Кабинет (dashboard) — доработка ══════ */
.woocommerce-account .woocommerce-MyAccount-content{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(22px,3vw,34px)}
.woocommerce-account .woocommerce-MyAccount-content p{color:var(--ink-2);line-height:1.6}
.woocommerce-account .woocommerce-MyAccount-content a{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.woocommerce-account .woocommerce-MyAccount-content mark{background:var(--powder-100);color:var(--ink);padding:0 4px;border-radius:4px}
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a{color:var(--rose)}
@media(min-width:820px){
	.woocommerce-account .woocommerce-MyAccount-navigation{width:230px;float:left;margin-right:36px}
	.woocommerce-account .woocommerce-MyAccount-navigation ul{flex-direction:column;border-bottom:none;gap:4px;padding-bottom:0}
	.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;text-align:left}
	.woocommerce-account .woocommerce-MyAccount-content{overflow:hidden}
}