/* ════════════════════════════════════════════════════════════════════════════
 * patch-6.5-carousel-nav.css
 *
 * Защита стрелок навигации каруселей (.kp-rndbtn) от WoodMart-перебивок
 * на button/button:hover. По образцу patch-6.2 для .kp-prod-add: правила в
 * main.css:347-349 уже соответствуют эталону Nick (44×44, border-radius:50%,
 * bg:#fff, border 1px var(--line), display:grid place-items:center, transition,
 * color:var(--ink), hover yellow), но WoodMart-каскад на button может их
 * перебивать без !important.
 *
 * Используется в 4 местах:
 *   - template-parts/home/products-carousel.php:226-227 (Новинки на главной)
 *   - woocommerce/archive-product.php:407-408 (Хиты категории внизу архива)
 * Все 4 кнопки одного типа — селектор .kp-rndbtn узкий, без коллизий.
 *
 * Селектор body.kp-body .kp-rndbtn = специфичность 0,0,2,1, выигрывает у
 * WoodMart-стилей на button (0,0,0,1) даже без !important. !important —
 * страховка от любых :is(button,…)-блоков с высокой специфичностью.
 * ════════════════════════════════════════════════════════════════════════════ */

body.kp-body .kp-rndbtn {
  width:           44px              !important;
  height:          44px              !important;
  border-radius:   50%               !important;
  background:      #fff              !important;
  border:          1px solid var(--line) !important;
  color:           var(--ink)        !important;   /* SVG-стрелка через currentColor */
  display:         grid              !important;
  place-items:     center            !important;
  transition:      all .15s          !important;
  padding:         0                 !important;   /* WoodMart может задавать кнопке padding */
  cursor:          pointer           !important;
}

body.kp-body .kp-rndbtn:hover {
  background:      var(--yellow)     !important;
  border-color:    var(--yellow)     !important;
  color:           var(--ink)        !important;   /* стрелка остаётся чёрной на жёлтом */
}