/* PPE Superstore styling for WordPress + WooCommerce + Elementor Pro.
   Paste into Elementor > Site Settings > Custom CSS (or Appearance > Customise > Additional CSS).
   Matches the design preview: yellow #FCD917, black #171417, Archivo Black headings, Lato body. */

:root{
  --ppe-yellow:#FCD917; --ppe-yellow-d:#E9C400; --ppe-black:#171417; --ppe-panel:#1E1B1E;
  --ppe-bg:#EEEFEB; --ppe-card:#FFFFFF; --ppe-muted:#5F625C; --ppe-line:#D6D8D2; --ppe-green:#2E7D32;
  --ppe-head:"Archivo Black","Arial Black",Arial,sans-serif;
  --ppe-body:"Lato","Segoe UI",Arial,sans-serif;
  --ppe-r:14px;
}

/* Page floor and type */
body{background:var(--ppe-bg);color:var(--ppe-black);font-family:var(--ppe-body)}
h1,h2,h3,.ppe-head .elementor-heading-title{font-family:var(--ppe-head);font-weight:400;text-transform:uppercase;line-height:1.05;letter-spacing:-.005em}

/* Buttons everywhere (WooCommerce and Elementor) */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt,.elementor-button.ppe-btn{
  background:var(--ppe-yellow);color:var(--ppe-black);border:0;border-radius:10px;font-family:var(--ppe-body);
  font-weight:900;font-size:17px;padding:14px 22px;text-transform:none;line-height:1.2}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{
  background:var(--ppe-yellow-d);color:var(--ppe-black)}
.woocommerce button.button.alt.disabled,.woocommerce button.button:disabled{background:#BDBDB8;color:var(--ppe-black)}

/* Header pieces */
.ppe-util a{color:#CFCFC9;text-decoration:none;font-weight:700}
.ppe-util a:hover{color:var(--ppe-yellow)}
.ppe-search .elementor-search-form__container{border:2px solid var(--ppe-black)!important;border-radius:12px;overflow:hidden;background:var(--ppe-bg)}
.ppe-search .elementor-search-form__submit{background:var(--ppe-yellow)!important;color:var(--ppe-black)!important;font-family:var(--ppe-head);text-transform:uppercase;min-width:110px}
.ppe-cats .elementor-nav-menu--main .elementor-item{font-family:"Montserrat",var(--ppe-body);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:13px;border-radius:8px}
.ppe-cats .elementor-nav-menu--dropdown{border-radius:12px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.22)}
.ppe-strip a{color:inherit}

/* Product cards: shop, category pages, Products widget, related products */
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;margin:0}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;background:var(--ppe-card);
  border-radius:var(--ppe-r);overflow:hidden;display:flex;flex-direction:column;padding:0 0 18px!important;transition:box-shadow .15s,transform .15s;position:relative}
.woocommerce ul.products li.product:hover{box-shadow:0 10px 28px rgba(23,20,23,.12);transform:translateY(-2px)}
.woocommerce ul.products li.product a img{aspect-ratio:1;object-fit:contain;background:#fff;padding:8%;margin:0 0 4px!important;width:100%}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--ppe-body)!important;font-weight:900;font-size:18px!important;
  line-height:1.25;text-transform:none;padding:8px 18px 0!important;color:var(--ppe-black);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.75em}
.woocommerce ul.products li.product .price{font-family:var(--ppe-head);font-size:28px!important;color:var(--ppe-black)!important;padding:0 18px;margin:auto 0 10px!important;line-height:1}
.woocommerce ul.products li.product .price del{font-size:16px;opacity:.6}
.woocommerce ul.products li.product .button{display:block;margin:0 18px!important;text-align:center}
.woocommerce ul.products li.product .onsale{top:12px;left:12px;right:auto;margin:0;background:var(--ppe-yellow);color:var(--ppe-black);font-weight:900;border-radius:6px;min-height:0;line-height:1.6;padding:2px 10px}
@media (max-width:600px){.woocommerce ul.products{grid-template-columns:1fr 1fr;gap:10px}
  .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:15px!important;padding:6px 12px 0!important}
  .woocommerce ul.products li.product .price{font-size:22px!important;padding:0 12px}
  .woocommerce ul.products li.product .button{margin:0 12px!important;font-size:15px;padding:12px}}

/* Category tiles (Product Categories widget) */
.woocommerce ul.products li.product-category{padding-bottom:0!important}
.woocommerce ul.products li.product-category h2{font-family:var(--ppe-head)!important;font-weight:400;text-transform:uppercase;font-size:17px!important;padding:12px 14px 14px!important}
.woocommerce ul.products li.product-category h2 mark{background:none;color:var(--ppe-muted);font-family:var(--ppe-body);font-size:13px}

/* Single product: dark buy panel (the template gives the column the .ppe-buy class) */
.ppe-gallery .woocommerce-product-gallery{margin:0!important;width:100%!important}
.ppe-gallery .woocommerce-product-gallery__image img{background:#fff;border-radius:16px;aspect-ratio:1;object-fit:contain;padding:6%}
.ppe-gallery .flex-control-thumbs li img{border-radius:10px;background:#fff;border:3px solid transparent}
.ppe-gallery .flex-control-thumbs li img.flex-active{border-color:var(--ppe-black)}
.ppe-buy,.ppe-buy label,.ppe-buy .woocommerce-product-details__short-description{color:#fff}
.ppe-buy .product_title{color:#fff}
.ppe-buy .price,.ppe-buy .woocommerce-Price-amount{font-family:var(--ppe-head);color:#fff!important;line-height:.95}
.ppe-buy .price small,.ppe-buy .woocommerce-price-suffix{font-family:var(--ppe-body);font-size:17px;color:#D6D6D0}
.ppe-buy table.variations{margin-bottom:12px}
.ppe-buy table.variations th,.ppe-buy table.variations td{display:block;padding:0 0 8px!important;text-align:left}
.ppe-buy table.variations label{font-weight:900;font-size:19px}
.ppe-buy table.variations select{width:100%;max-width:none;background:#fff;color:var(--ppe-black);border:2px solid var(--ppe-yellow);border-radius:10px;padding:12px 14px;font-size:17px;font-weight:700}
.ppe-buy .reset_variations{color:#BDBDB8}
.ppe-buy .stock{color:#7EDC8A!important;font-weight:900;font-size:18px}
.ppe-buy .stock.out-of-stock{color:#FF8A80!important}
.ppe-buy form.cart{display:flex;flex-wrap:wrap;gap:14px;align-items:stretch}
.ppe-buy form.cart.variations_form{display:block}
.ppe-buy .woocommerce-variation-add-to-cart{display:flex;gap:14px;align-items:stretch}
.ppe-buy .quantity .qty{height:64px;width:90px;border-radius:12px;border:0;background:#fff;color:var(--ppe-black);font-weight:900;font-size:20px}
.ppe-buy .single_add_to_cart_button{flex:1;min-height:64px;font-size:22px!important;border-radius:12px!important}
.ppe-buy .product_meta{color:#BDBDB8;font-size:14px;display:grid;gap:4px}
.ppe-buy .product_meta a{color:#fff}
.ppe-buy a.ppe-quote{color:#D6D6D0;font-weight:700}

/* Product tabs and "Features / Standards" description */
.woocommerce div.product .woocommerce-tabs{background:var(--ppe-card);border-radius:var(--ppe-r);padding:24px}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 18px}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-color:var(--ppe-line)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--ppe-bg);border:0;border-radius:10px 10px 0 0}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--ppe-yellow)}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-weight:900;color:var(--ppe-black)}
.woocommerce-Tabs-panel h3{font-size:22px;margin:18px 0 10px}
.woocommerce-Tabs-panel ul{display:grid;gap:5px}
.woocommerce table.shop_attributes th{font-weight:900}

/* Shop toolbar, breadcrumbs, notices */
.woocommerce .woocommerce-breadcrumb{color:var(--ppe-muted);font-size:15px}
.woocommerce .woocommerce-breadcrumb a{color:var(--ppe-black)}
.woocommerce .woocommerce-ordering select{border:1px solid var(--ppe-line);background:#fff;border-radius:10px;padding:9px 12px}
.woocommerce-message,.woocommerce-info{border-top-color:var(--ppe-yellow)!important;border-radius:10px}
.woocommerce-message::before,.woocommerce-info::before{color:var(--ppe-black)!important}
.woocommerce nav.woocommerce-pagination ul{border:0}
.woocommerce nav.woocommerce-pagination ul li{border:0;margin:0 3px}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{border-radius:8px;background:#fff;font-weight:900;padding:10px 14px}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--ppe-yellow);color:var(--ppe-black)}

/* Basket and checkout */
.woocommerce-cart table.cart,.woocommerce-checkout #order_review{background:#fff;border-radius:var(--ppe-r)}
.woocommerce .cart-collaterals .cart_totals{background:var(--ppe-panel);color:#fff;border-radius:18px;padding:26px}
.woocommerce .cart-collaterals .cart_totals h2{color:#fff;font-size:24px}
.woocommerce .cart-collaterals .cart_totals table,.woocommerce .cart-collaterals .cart_totals th,.woocommerce .cart-collaterals .cart_totals td{border-color:#3A363B!important;color:#fff}

/* Header menu cart badge */
.elementor-menu-cart__toggle .elementor-button-icon[data-counter]::before{background:var(--ppe-yellow)!important;color:var(--ppe-black)!important;font-weight:900}

/* Footer */
.ppe-footer a{color:#BDBDB8;text-decoration:none}
.ppe-footer a:hover{color:var(--ppe-yellow)}
.ppe-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}

:focus-visible{outline:3px solid var(--ppe-yellow);outline-offset:2px}

/* Homepage hero: two-thirds / one-third split on desktop, stacked on phones */
@media (min-width:1025px){
  .ppe-hero > .elementor-container > .elementor-column:first-child{width:66.666%!important}
  .ppe-hero > .elementor-container > .elementor-column:last-child{width:33.333%!important}
}

/* Card details added by the PPE Superstore Style plugin, and theme extras hidden so cards match the design */
body,body[class*="elementor-kit-"]{background-color:var(--ppe-bg)!important}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{background:var(--ppe-card)!important;box-shadow:none}
.woocommerce ul.products li.product .ppe-tag{position:absolute;top:12px;left:12px;z-index:2;background:#fff;color:var(--ppe-black);font-weight:900;font-size:14px;padding:4px 10px;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.woocommerce ul.products li.product .ppe-sku{display:block;font-size:13px;color:var(--ppe-muted);padding:4px 18px 8px}
.woocommerce ul.products li.product .ppe-stock{display:block;color:var(--ppe-green);font-weight:900;font-size:14px;padding:0 18px 12px}
.woocommerce ul.products li.product .star-rating,
.woocommerce ul.products li.product .ast-woo-product-category,
.woocommerce ul.products li.product .woocommerce-loop-product__category,
.woocommerce ul.products li.product .posted_in{display:none!important}
.woocommerce ul.products li.product .button{width:auto;opacity:1!important;visibility:visible!important;position:static!important;transform:none!important}
.woocommerce ul.products li.product .added_to_cart{display:block;text-align:center;padding:8px 18px 0;font-weight:700;color:var(--ppe-black)}
@media (max-width:600px){.woocommerce ul.products li.product .ppe-sku,.woocommerce ul.products li.product .ppe-stock{padding-left:12px;padding-right:12px}}

/* Whole product photo, centred on white, whatever the theme sets */
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product img.attachment-woocommerce_thumbnail,
.woocommerce ul.products li.product .wp-post-image{
  aspect-ratio:1/1!important;width:100%!important;height:auto!important;object-fit:contain!important;object-position:center!important;
  background:#fff!important;padding:8%!important;box-sizing:border-box!important;max-height:none!important}
.woocommerce ul.products li.product-category a img{padding:10%!important}