.elementor-507 .elementor-element.elementor-element-856c398{--display:flex;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-507 .elementor-element.elementor-element-3939b23.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-507 .elementor-element.elementor-element-3939b23.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-507 .elementor-element.elementor-element-3939b23.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-507 .elementor-element.elementor-element-3939b23.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS *//* =========================================================
   AMMO ONLINE — PRODUCT ARCHIVE / SHOP PAGE STYLING
   Where to paste this: Elementor → Site Settings (hamburger icon,
   top left of Elementor editor) → Custom CSS → paste this whole file.
   (Requires Elementor Pro for the Custom CSS panel.)

   This does NOT create any products — it only re-styles the real
   WooCommerce product grid, prices, and add-to-cart buttons that
   your Products Archive template will display.
   ========================================================= */

:root{
  --ao-charcoal:#14161A;
  --ao-charcoal-2:#1D2024;
  --ao-steel:#3C4650;
  --ao-brass:#B8843F;
  --ao-brass-bright:#D9A55E;
  --ao-paper:#EDE7DA;
  --ao-paper-dim:#A8A29A;
  --ao-olive:#6B7B5E;
  --ao-line:rgba(237,231,218,0.12);
}

/* Force dark background at every wrapping level — Elementor/theme often
   sets its own background on the section wrapping the product grid,
   which sits on top of a page-level background and blocks it visually.
   These broader rules make sure the dark background actually wins. */
html, body{
  background:var(--ao-charcoal) !important;
}
.woocommerce.archive,
.woocommerce-page,
.tax-product_cat,
.elementor-widget-archive-products,
.elementor-widget-woocommerce-archive-products,
.elementor-widget-container{
  background:var(--ao-charcoal) !important;
}

/* "Showing 1-12 of 24 results" + sort dropdown row */
.woocommerce-result-count,
.woocommerce-ordering select{
  color:var(--ao-paper-dim) !important;
  font-family:'JetBrains Mono', monospace;
  font-size:12.5px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.woocommerce-ordering select{
  background:var(--ao-charcoal-2);
  border:1px solid var(--ao-line);
  padding:8px 12px;
  border-radius:2px;
}

/* Product grid cards */
ul.products li.product,
.products .product,
.elementor-widget-archive-products ul.products li.product{
  background:var(--ao-charcoal-2) !important;
  border:1px solid var(--ao-line) !important;
  border-radius:2px !important;
  padding:0 !important;
  transition:border-color .25s ease, transform .25s ease !important;
}
ul.products li.product:hover,
.products .product:hover,
.elementor-widget-archive-products ul.products li.product:hover{
  border-color:var(--ao-brass) !important;
  transform:translateY(-4px) !important;
}

/* Product image inside the card */
ul.products li.product img{
  border-radius:0 !important;
  aspect-ratio:1/1;
  object-fit:cover;
}

/* Product title in the grid */
ul.products li.product .woocommerce-loop-product__title{
  color:var(--ao-paper) !important;
  font-family:'Inter', sans-serif !important;
  font-weight:600 !important;
  font-size:15px !important;
  text-transform:none !important;
  padding:14px 16px 4px !important;
}

/* Price */
ul.products li.product .price{
  color:var(--ao-paper) !important;
  font-family:'Barlow Condensed', sans-serif !important;
  font-weight:700 !important;
  font-size:19px !important;
  padding:0 16px 14px !important;
  display:block;
}
ul.products li.product .price del{
  color:var(--ao-paper-dim) !important;
  opacity:.7;
}
ul.products li.product .price ins{
  text-decoration:none;
  color:var(--ao-brass-bright) !important;
}

/* Add to cart button on grid cards */
ul.products li.product a.add_to_cart_button,
ul.products li.product a.button{
  background:transparent !important;
  border:1px solid var(--ao-brass) !important;
  color:var(--ao-brass-bright) !important;
  font-family:'JetBrains Mono', monospace !important;
  font-size:11.5px !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  border-radius:2px !important;
  margin:0 16px 16px !important;
  width:calc(100% - 32px) !important;
  padding:10px 0 !important;
  transition:background .2s ease, color .2s ease;
}
ul.products li.product a.add_to_cart_button:hover,
ul.products li.product a.button:hover{
  background:var(--ao-brass) !important;
  color:var(--ao-charcoal) !important;
}

/* Out of stock / sale badges WooCommerce generates automatically */
.onsale{
  background:var(--ao-brass) !important;
  color:var(--ao-charcoal) !important;
  font-family:'JetBrains Mono', monospace !important;
  font-size:10px !important;
  letter-spacing:.06em;
  text-transform:uppercase;
  border-radius:2px !important;
  min-height:auto !important;
  min-width:auto !important;
  padding:4px 9px !important;
  line-height:1.4 !important;
  left:12px !important;
  top:12px !important;
  right:auto !important;
}
.stock.out-of-stock{
  background:var(--ao-steel) !important;
  color:var(--ao-paper) !important;
  font-family:'JetBrains Mono', monospace !important;
  font-size:10px !important;
  text-transform:uppercase;
  border-radius:2px !important;
  padding:4px 9px !important;
  display:inline-block;
  margin:0 16px;
}

/* Pagination at the bottom of the archive */
.woocommerce-pagination ul.page-numbers{
  border:none !important;
}
.woocommerce-pagination .page-numbers li span,
.woocommerce-pagination .page-numbers li a{
  background:var(--ao-charcoal-2) !important;
  color:var(--ao-paper-dim) !important;
  border:1px solid var(--ao-line) !important;
  border-radius:2px !important;
  margin:0 4px;
  font-family:'JetBrains Mono', monospace !important;
}
.woocommerce-pagination .page-numbers li .current,
.woocommerce-pagination .page-numbers li a:hover{
  background:var(--ao-brass) !important;
  color:var(--ao-charcoal) !important;
  border-color:var(--ao-brass) !important;
}

/* Sidebar filter widgets, if you add any (price filter, attribute filter) */
.widget_price_filter .price_slider_amount .button{
  background:var(--ao-brass) !important;
  color:var(--ao-charcoal) !important;
  border-radius:2px !important;
  font-family:'JetBrains Mono', monospace !important;
  text-transform:uppercase;
  font-size:11.5px !important;
}
.widget_layered_nav ul li a{
  color:var(--ao-paper-dim) !important;
}
.widget_layered_nav ul li a:hover{
  color:var(--ao-brass-bright) !important;
}/* End custom CSS */