/* WooCommerce-native elements restyled to the Nice & Natural mockup */

/* archive grid → mockup cards */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin:2.2rem 0 0;padding:0;list-style:none}
@media(max-width:900px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.woocommerce ul.products{gap:.8rem}}
.woocommerce ul.products li.product{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#fff;transition:.4s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column;margin:0;padding:0;width:auto;float:none}
.woocommerce ul.products li.product:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:color-mix(in oklch,var(--oxblood) 28%,transparent)}
.woocommerce ul.products li.product a img{height:240px;width:auto;max-width:88%;object-fit:contain;margin:.6rem auto}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--serif);font-size:1.02rem;font-weight:600;padding:.4rem 1.05rem 0;color:var(--ink)}
.woocommerce ul.products li.product .price{padding:0 1.05rem;color:var(--oxblood);font-weight:600;font-size:1rem}
.woocommerce ul.products li.product .price del{opacity:.5;margin-right:.4rem}
.woocommerce ul.products li.product .button{margin:.7rem 1.05rem 1.1rem;background:var(--oxblood);color:var(--cream);border-radius:2px;font-family:var(--sans);font-weight:500;padding:.6rem 1.2rem;border:1.5px solid var(--oxblood)}
.woocommerce ul.products li.product .button:hover{background:var(--oxblood-deep)}
.woocommerce ul.products li.product .onsale{background:var(--gold);color:var(--oxblood-deep);border-radius:2px;font-family:var(--serif);font-weight:700}

/* buttons everywhere */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{
  background:var(--oxblood);color:var(--cream);border-radius:2px;font-family:var(--sans);font-weight:500;border:1.5px solid var(--oxblood)}
.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{
  background:var(--oxblood-deep);color:var(--cream)}
.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled]{background:var(--paper);color:var(--ink)}

/* single product */
.woocommerce div.product .product_title{font-family:var(--serif);font-weight:600}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--oxblood);font-weight:600;font-size:1.35rem}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom-color:var(--gold)}
.woocommerce div.product form.cart .variations select{border:1px solid var(--line);border-radius:2px;padding:.5rem}

/* notices */
.woocommerce-message,.woocommerce-info{border-top-color:var(--gold);background:var(--paper);color:var(--ink)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--gold)}
.woocommerce-error{border-top-color:var(--oxblood)}

/* breadcrumb + result count */
.woocommerce .woocommerce-breadcrumb{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--clay);margin-bottom:1.4rem}
.woocommerce .woocommerce-result-count{color:color-mix(in oklch,var(--ink) 60%,transparent)}
.woocommerce .woocommerce-ordering select{border:1px solid var(--line);border-radius:2px;padding:.45rem}

/* cart & checkout tables */
.woocommerce table.shop_table{border:1px solid var(--line);border-radius:4px;border-collapse:separate}
.woocommerce table.shop_table th{font-family:var(--sans);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;color:var(--clay)}
.woocommerce .cart_totals h2,.woocommerce-checkout h3{font-family:var(--serif)}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{background:var(--oxblood);border-radius:2px}
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover{background:var(--oxblood-deep)}

/* pagination */
.woocommerce nav.woocommerce-pagination ul{border:none}
.woocommerce nav.woocommerce-pagination ul li{border:none}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{border:1px solid var(--line);border-radius:2px;margin:0 .15rem;color:var(--ink)}
.woocommerce nav.woocommerce-pagination ul li span.current,.woocommerce nav.woocommerce-pagination ul li a:hover{background:var(--oxblood);color:var(--cream);border-color:var(--oxblood)}

/* page content typography for classic pages */
.page-content p{margin-bottom:1rem;max-width:70ch}
.page-content h2,.page-content h3{margin:1.6rem 0 .7rem}
.page-content ul,.page-content ol{margin:0 0 1rem 1.4rem}

/* wp_nav_menu outputs <li> — make them transparent so the mockup nav CSS applies */
.navlinks li{list-style:none;display:contents}
.navlinks .current-menu-item>a,.navlinks a[aria-current="page"]{color:var(--oxblood);font-weight:600}