/*
Theme Name: Astra Child
Template: astra
Version: 1.1
Author: WEBinIT
Description: LX Autóüveg egyedi megjelenés – témaszintű CSS (a pluginokból/mu-pluginból ide áthozva).
*/

/* Megjegyzés: a márkaszín CSS-változókat (:root{--lx-red...}) mostantól az
   lx-admin plugin adja ki dinamikusan (LX Rendszer → Megjelenés beállításból).
   Itt csak használjuk őket, fallback értékkel. */

/* ══════════════════════════════════════════════════════════════════════════
   LAPOZÓ (PAGINATION) — kerekített, modern
   ══════════════════════════════════════════════════════════════════════════ */
.woocommerce-pagination ul.page-numbers{display:flex!important;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;list-style:none;margin:34px 0 0!important;padding:0;border:none!important}
.woocommerce-pagination ul.page-numbers li{margin:0!important;border:none!important;display:flex}
.woocommerce-pagination ul.page-numbers li .page-numbers{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;background:#fff!important;color:#1a2e4a!important;border:1px solid #e5e7eb!important;border-radius:12px!important;font-size:14px;font-weight:600;text-decoration:none;line-height:1;box-shadow:none!important;transition:border-color .15s,color .15s,background .15s}
.woocommerce-pagination ul.page-numbers li a.page-numbers:hover{border-color:var(--lx-red,#C81717)!important;color:var(--lx-red,#C81717)!important;background:#fff!important}
.woocommerce-pagination ul.page-numbers li .page-numbers.current{background:var(--lx-red,#C81717)!important;color:#fff!important;border-color:var(--lx-red,#C81717)!important}
.woocommerce-pagination ul.page-numbers li .page-numbers.dots{border-color:transparent!important;background:transparent!important;min-width:auto;padding:0 4px}

/* ══════════════════════════════════════════════════════════════════════════
   WC + ASTRA készlet / „nem rendelhető" szöveg elrejtése
   (saját készlet-badge helyettesíti — lásd lx-arak plugin)
   ══════════════════════════════════════════════════════════════════════════ */
p.stock,span.stock,.woocommerce-variation-availability p,.ast-shop-product-out-of-stock{display:none!important}

/* ══════════════════════════════════════════════════════════════════════════
   Függőleges elválasztó vonal eltüntetése a sáv és a tartalom között
   ══════════════════════════════════════════════════════════════════════════ */
#primary,.content-area.primary{border-left:none!important}
#secondary,.widget-area.secondary{border-right:none!important}

/* ══════════════════════════════════════════════════════════════════════════
   EGYSÉGES GOMB STÍLUS — az egész oldalon (kosárba, pénztár, regisztráció,
   login, Megnézem, Szűrés, WP-blokk gombok). Az ikonos kereső-gombok kivéve.
   ══════════════════════════════════════════════════════════════════════════ */
.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,.woocommerce .single_add_to_cart_button,
.woocommerce form .button,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-form-login button,.woocommerce-form-register button,.woocommerce-Button,
.wc-block-components-button,.wp-block-button__link,
.woocommerce ul.products li.product a.button.lx-view-btn,
.lxsz-widget .lxsz-btn-search{
  background:var(--lx-red,#C81717)!important;
  color:#fff!important;
  border:none!important;
  border-radius:8px!important;
  padding:12px 24px!important;
  min-height:0!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.3!important;
  letter-spacing:normal!important;
  text-transform:none!important;
  text-decoration:none!important;
  box-shadow:none!important;
  cursor:pointer;
  transition:opacity .15s ease!important;
}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,.woocommerce .single_add_to_cart_button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-form-login button:hover,.woocommerce-form-register button:hover,.woocommerce-Button:hover,
.wc-block-components-button:hover,.wp-block-button__link:hover,
.woocommerce ul.products li.product a.button.lx-view-btn:hover,
.lxsz-widget .lxsz-btn-search:hover{
  opacity:.88!important;color:#fff!important;background:var(--lx-red,#C81717)!important;
}