/* VapeArena inner pages: breadcrumb, shop/category grid, product page, cart, checkout. Inert unless html.va-on */

/* ---------- breadcrumb bar (theme shows a smoke photo) ---------- */
html.va-on .va-bc-wrap{background:var(--va-bg2)!important;background-image:none!important;border-bottom:1px solid var(--va-line);padding-top:0!important;padding-bottom:0!important;min-height:0!important;height:auto!important}
html.va-on .va-bc-wrap::before,html.va-on .va-bc-wrap::after{display:none!important}
html.va-on .breadcrumb{background:none!important;padding:14px 0!important;margin:0!important;color:var(--va-mute)!important;font:500 13px/1.4 var(--va-f)!important}
html.va-on .breadcrumb a,html.va-on .breadcrumb span,html.va-on .breadcrumb li{color:var(--va-mute)!important}
html.va-on .breadcrumb a:hover{color:var(--va-red)!important}
html.va-on .breadcrumb .active,html.va-on .breadcrumb .breadcrumb_last,html.va-on .breadcrumb>span:last-child{color:var(--va-ink)!important}
html.va-on .breadcrumb h1,html.va-on .page-title{display:none}

/* ---------- archive: layout ---------- */
html.va-on #primary,html.va-on .site-main{background:#fff}
html.va-on .main-archive-product{padding-top:24px}
html.va-on .bwp-sidebar .widget{background:#fff;border:1px solid var(--va-line);border-radius:var(--va-r);padding:18px 18px 12px;margin-bottom:16px;box-shadow:none}
html.va-on .bwp-sidebar .widget-title{margin:0 0 12px;font:800 14px/1.2 var(--va-fh);letter-spacing:.06em;text-transform:uppercase;color:var(--va-ink)}
html.va-on .bwp-sidebar a{color:var(--va-ink);font:500 14px/1.3 var(--va-f)}
html.va-on .bwp-sidebar a:hover{color:var(--va-red)}
html.va-on .woocommerce-result-count{font:500 14px/1.4 var(--va-f);color:var(--va-mute)}
html.va-on .woocommerce-ordering select,html.va-on .woocommerce-ordering .dropdown-toggle{border:1px solid var(--va-line);border-radius:10px;background:#fff;font:600 14px/1 var(--va-f);padding:10px 14px}
html.va-on .archive .page-title,html.va-on .woocommerce-products-header__title{font:800 clamp(26px,3vw,38px)/1.1 var(--va-fh);text-transform:uppercase}

/* ---------- archive: product cards (match the home cards) ---------- */
html.va-on ul.products.products-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0!important}
html.va-on .main-archive-product .col-xl-9 ul.products.products-list{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1199px){html.va-on ul.products.products-list{grid-template-columns:repeat(3,minmax(0,1fr))}html.va-on .main-archive-product .col-xl-9 ul.products.products-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){html.va-on ul.products.products-list,html.va-on .main-archive-product .col-xl-9 ul.products.products-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
html.va-on ul.products.products-list>li,html.va-on ul.products.products-list>.item-product{width:auto!important;max-width:none!important;float:none!important;margin:0!important;padding:0!important}
html.va-on .products-entry{display:flex!important;flex-direction:column;height:100%;background:#fff!important;border:1px solid var(--va-line)!important;border-radius:var(--va-r)!important;padding:12px!important;box-shadow:var(--va-shadow);transition:transform .18s,box-shadow .18s;overflow:hidden}
html.va-on .products-entry:hover{transform:translateY(-3px);box-shadow:0 14px 34px #14141a1c}
html.va-on .products-entry .products-thumb{position:relative;aspect-ratio:1;border-radius:var(--va-rs);background:var(--va-bg2);overflow:hidden;padding:0!important;margin:0!important}
html.va-on .products-entry .products-thumb a.woocommerce-LoopProduct-link{display:block;height:100%}
html.va-on .products-entry .products-thumb img{width:100%!important;height:100%!important;object-fit:contain;mix-blend-mode:multiply;padding:10px;transform:none!important}
html.va-on .products-entry .product-lable{position:absolute;left:10px;top:10px;z-index:3}
html.va-on .products-entry .onsale{position:static!important;background:var(--va-red)!important;color:#fff!important;border-radius:7px!important;padding:5px 9px!important;font:700 12px/1 var(--va-f)!important;min-height:0!important;min-width:0!important;width:auto!important;height:auto!important;line-height:1!important}
html.va-on .products-entry .onsale::before,html.va-on .products-entry .onsale::after{display:none!important}
html.va-on .products-entry .brands-single,html.va-on .products-entry .cfvsw_variations_form,html.va-on .products-entry .variations_form,html.va-on .products-entry .product-wishlist,html.va-on .products-entry .woocommerce-product-details__short-description{display:none!important}
html.va-on .products-entry .products-content{padding:0!important;display:flex;flex-direction:column;flex:1}
html.va-on .products-entry .contents{display:flex;flex-direction:column;flex:1;text-align:left}
html.va-on .products-entry .product-title{margin:14px 2px 6px!important;font:600 15px/1.3 var(--va-f)!important;min-height:39px;text-transform:none!important}
html.va-on .products-entry .product-title a{color:var(--va-ink)!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html.va-on .products-entry .product-title a:hover{color:var(--va-red)!important}
html.va-on .products-entry .price{margin:auto 2px 12px!important;padding-top:4px;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;font:600 15px/1.2 var(--va-f)!important}
html.va-on .products-entry .price del{order:1;color:var(--va-mute)!important;font-weight:500;font-size:13px}
html.va-on .products-entry .price ins{order:2;text-decoration:none;background:none}
html.va-on .products-entry .price .amount{color:var(--va-red)!important}
html.va-on .products-entry .price del .amount{color:var(--va-mute)!important;font-weight:500}
html.va-on .products-entry .star-rating{margin:0 2px 4px!important;color:var(--va-amber)}
/* the theme shows the button only on hover; show it like the home cards */
html.va-on .products-entry .product-button{position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;margin:0!important;padding:0!important;background:none!important;width:100%!important;height:auto!important}
html.va-on .products-entry .product-button>div{display:block!important;width:100%}
html.va-on .products-entry .product-button a.button,html.va-on .products-entry .product-button a{display:block!important;width:100%!important;padding:13px 10px!important;border-radius:999px!important;background:var(--va-red)!important;color:#fff!important;text-align:center;font:700 14px/1 var(--va-f)!important;letter-spacing:0!important;text-transform:none!important;border:0!important;box-shadow:none!important}
html.va-on .products-entry .product-button a:hover{background:var(--va-red-d)!important}
html.va-on .products-entry .product-button a::before{display:none!important}
html.va-on .products-entry .product-button .added_to_cart,html.va-on .products-entry .product-button .wc-forward{display:none!important}

/* ---------- product page ---------- */
html.va-on .single-product .product_title{font:800 clamp(24px,2.6vw,34px)/1.15 var(--va-fh)!important;letter-spacing:-.01em;text-transform:none}
html.va-on .single-product .summary .price,html.va-on .single-product .summary .price .amount{color:var(--va-red)!important;font:800 28px/1.2 var(--va-fh)!important}
html.va-on .single-product .summary .price del,html.va-on .single-product .summary .price del .amount{color:var(--va-mute)!important;font-size:18px!important;font-weight:500!important}
html.va-on .single-product .summary .tagged_as,html.va-on .single-product .summary .brands-single,html.va-on .single-product .summary .product_meta .brand{display:none!important}
html.va-on .single-product .product_meta{font:500 14px/1.6 var(--va-f);color:var(--va-mute)}
html.va-on .single-product .single_add_to_cart_button{border-radius:12px!important;padding:16px 26px!important}
html.va-on .single-product .woocommerce-tabs ul.tabs li a{font:700 14px/1 var(--va-f);text-transform:uppercase;letter-spacing:.05em}
html.va-on .single-product .woocommerce-tabs ul.tabs li.active a{color:var(--va-red)}
html.va-on .single-product .related h2,html.va-on .single-product .upsells h2{font:800 clamp(22px,2.4vw,30px)/1.1 var(--va-fh);text-transform:uppercase}
@media(max-width:767px){html.va-on .single-product .summary .price,html.va-on .single-product .summary .price .amount{font-size:24px!important}}

/* ---------- cart + checkout ---------- */
html.va-on .woocommerce-cart table.cart,html.va-on .woocommerce-checkout table.shop_table{border:1px solid var(--va-line)!important;border-radius:var(--va-r);overflow:hidden;border-collapse:separate;background:#fff}
html.va-on .woocommerce table.shop_table th{font:700 12.5px/1 var(--va-f);letter-spacing:.06em;text-transform:uppercase;color:var(--va-mute);background:var(--va-bg2)}
html.va-on .woocommerce-checkout h3,html.va-on .woocommerce-cart h2,html.va-on .cart_totals h2{font:800 20px/1.2 var(--va-fh);text-transform:uppercase}
html.va-on .woocommerce form .form-row input.input-text,html.va-on .woocommerce form .form-row textarea,html.va-on .woocommerce form .form-row select{border:1px solid var(--va-line)!important;border-radius:10px!important;padding:13px 14px!important;font:500 15px/1.2 var(--va-f)!important;background:#fff}
html.va-on .woocommerce form .form-row input.input-text:focus,html.va-on .woocommerce form .form-row textarea:focus{border-color:var(--va-red)!important;outline:0;box-shadow:0 0 0 3px #b1293120}
html.va-on #place_order,html.va-on .checkout-button{background:var(--va-red)!important;color:#fff!important;border-radius:12px!important;padding:17px 24px!important;font:700 16px/1 var(--va-f)!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important}
html.va-on #place_order:hover,html.va-on .checkout-button:hover{background:var(--va-red-d)!important}
html.va-on .woocommerce-checkout #payment{background:var(--va-bg2);border-radius:var(--va-r)}
html.va-on .woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid var(--va-line)}
html.va-on .woocommerce-message,html.va-on .woocommerce-info{border-top-color:var(--va-red)!important;border-radius:10px}
html.va-on .woocommerce-message::before,html.va-on .woocommerce-info::before{color:var(--va-red)!important}