/* Дельта поверх common.css (байт-в-байт копия backend/static/css/common.css) —
   только то, что нужно из-за структуры WordPress (нет <div class="app"> с flex,
   нет #appScreen), плюс маппинг WooCommerce-классов на существующие правила common.css. */

html,body{overflow-x:hidden}

/* common.css рассчитан на .app{display:flex}+.sidebar(flex-item)+.main(flex:1).
   В WP такой обёртки нет — держим тот же визуальный результат через fixed+padding. */
.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:60}
.wp-site-blocks{padding-left:220px;transition:padding-left .25s cubic-bezier(.4,0,.2,1)}
body.rc-sb-collapsed .wp-site-blocks{padding-left:62px}
main.wp-block-group{padding:28px 32px}

/* Мобильный режим — тот же паттерн, что #appScreen (drawer) в common.css, с body
   вместо #appScreen (на shop.recurva.ru всегда drawer-режим, рельса иконок не нужна). */
@media(max-width:768px){
  body .rv-topbar{display:flex}
  body .rv-drawer-close{display:flex}
  body .sidebar,body .sidebar.collapsed{position:fixed;width:272px;box-shadow:var(--shadow);
    transform:translateX(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1)}
  body.drawer-open .sidebar,body.drawer-open .sidebar.collapsed{transform:translateX(0)}
  body .rv-scrim{display:block}
  body.drawer-open .rv-scrim{opacity:1;pointer-events:auto}
  main.wp-block-group{padding-top:66px}
  .wp-site-blocks,body.rc-sb-collapsed .wp-site-blocks{padding-left:0 !important}
}

/* Заголовок архива WooCommerce (Каталог/Магазин) — сайдбар и так даёт контекст. */
.wp-block-query-title{display:none}

/* ── WooCommerce → те же переменные и классы, что и в common.css ── */
.woocommerce{color:var(--text)}
.woocommerce ul.products li.product,.woocommerce div.product{background:var(--bg2);border:1px solid var(--border);
  border-radius:var(--radius);padding:16px;transition:transform .18s,border-color .15s}
.woocommerce ul.products li.product{margin-bottom:24px !important}
.woocommerce ul.products li.product:hover{transform:translateY(-2px);border-color:var(--gold)}
.woocommerce ul.products li.product a img{border-radius:8px}
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:var(--text)}
.woocommerce span.price{color:var(--gold);font-weight:600}
.woocommerce span.price del{color:var(--text3);opacity:.7}
.woocommerce span.price ins{text-decoration:none;color:var(--gold)}

.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.wp-block-button__link{
  background:linear-gradient(135deg,var(--gold),var(--gold2)) !important;color:#080500 !important;
  border:none !important;border-radius:8px !important;font-weight:600 !important;
  padding:10px 20px !important;font-family:inherit !important;transition:all .18s !important}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.wp-block-button__link:hover{box-shadow:0 4px 16px rgba(168,212,48,.35);transform:translateY(-1px)}
.woocommerce a.added_to_cart{color:var(--gold) !important}

.star-rating{color:var(--gold)}
.star-rating::before{color:var(--border)}

.woocommerce nav.woocommerce-pagination ul{border-color:var(--border)}
.woocommerce nav.woocommerce-pagination ul li{border-color:var(--border)}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{
  background:var(--bg2);color:var(--text2)}
.woocommerce nav.woocommerce-pagination ul li a:hover,.woocommerce nav.woocommerce-pagination ul li span.current{
  background:var(--gold);color:#080500}

.woocommerce div.product .product_title{color:var(--text)}
.woocommerce div.product form.cart .quantity input.qty{background:var(--bg);border:1px solid var(--border);
  color:var(--text);border-radius:8px}
.woocommerce-tabs{border-top:1px solid var(--border)}
.woocommerce-tabs ul.tabs li{background:transparent}
.woocommerce-tabs ul.tabs li a{color:var(--text3)}
.woocommerce-tabs ul.tabs li.active a{color:var(--gold)}
.woocommerce-Reviews *{color:var(--text)}

.woocommerce table.shop_table{border:1px solid var(--border);background:var(--bg3)}
.woocommerce-cart-form,.woocommerce-checkout-review-order{background:var(--bg3);border:1px solid var(--border);
  border-radius:var(--radius);padding:20px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,
.woocommerce-checkout select,.select2-container .select2-selection--single{
  background:var(--bg2) !important;border:1px solid var(--border) !important;color:var(--text) !important;
  border-radius:8px !important}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text)}
.select2-dropdown{background:var(--bg3);border-color:var(--border)}
.select2-results__option{color:var(--text)}
.woocommerce-message,.woocommerce-info{border-top-color:var(--gold) !important;background:var(--bg3) !important;color:var(--text) !important}
.woocommerce-error{border-top-color:var(--red) !important;background:var(--bg3) !important;color:var(--text) !important}
.woocommerce-message::before,.woocommerce-info::before{color:var(--gold) !important}