/* ==========================================================================
   Covalent Research Peptides — Catalog polish
   A SUBTLE branded pass over the WooCommerce shop/archive/product pages so they
   feel cohesive with the homepage. Kept light on purpose: these pages render
   inside the active theme's header/footer, so a full dark takeover would clash.
   Targets standard WooCommerce classes, namespaced under .woocommerce.
   ========================================================================== */

:root{
  --crp-c-ink:#152743;
  --crp-c-brand:#2f62b0;
  --crp-c-brand-2:#4f9be0;
  --crp-c-cyan:#3f8fb0;
  --crp-c-line:#e4ecf5;
  --crp-c-muted:#5f7186;
  --crp-c-pale:#f5f9fe;
}

/* --- page heading + toolbar --- */
.woocommerce .woocommerce-products-header__title,
.woocommerce h1.page-title,
.woocommerce-page h1.page-title{
  font-family:"Fraunces",Georgia,serif!important;
  font-weight:500;letter-spacing:-.01em;color:var(--crp-c-ink);
}
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering select,
.woocommerce .woocommerce-ordering{
  font-family:"IBM Plex Mono",monospace!important;
  font-size:12.5px;color:var(--crp-c-muted);
}
.woocommerce .woocommerce-ordering select{
  border:1px solid var(--crp-c-line);border-radius:8px;padding:8px 12px;background:#fff;color:var(--crp-c-ink);
}

/* --- product cards --- */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  background:linear-gradient(180deg,#ffffff,var(--crp-c-pale));
  border:1px solid var(--crp-c-line);
  border-radius:14px;
  padding:14px 14px 20px;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
  box-shadow:0 1px 0 rgba(21,39,67,.02);
}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover{
  transform:translateY(-5px);
  border-color:var(--crp-c-brand-2);
  box-shadow:0 26px 46px -24px rgba(21,39,67,.34);
}
.woocommerce ul.products li.product a img{
  border-radius:10px;
  background:#fff;
  margin-bottom:14px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title{
  font-family:"Fraunces",Georgia,serif!important;
  font-weight:500;font-size:1.06rem;color:var(--crp-c-ink);
  padding-bottom:.4em;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  font-family:"IBM Plex Mono",monospace!important;
  color:var(--crp-c-brand)!important;font-weight:500;
}
.woocommerce ul.products li.product .price del{color:var(--crp-c-muted)!important;font-weight:400;opacity:.7}
.woocommerce ul.products li.product .price ins{text-decoration:none}

/* rating stars in brand blue */
.woocommerce .star-rating span::before,
.woocommerce p.stars a::before{color:var(--crp-c-brand-2)!important}

/* --- buttons (loop + single) --- */
.woocommerce a.button,
.woocommerce ul.products li.product .button,
.woocommerce div.product form.cart .button,
.woocommerce #respond input#submit,
.woocommerce button.button.alt,
.woocommerce a.button.alt{
  background:var(--crp-c-brand)!important;
  color:#fff!important;
  border:1px solid var(--crp-c-brand)!important;
  border-radius:9px!important;
  font-family:"IBM Plex Mono",monospace!important;
  font-size:12px!important;letter-spacing:.05em!important;text-transform:uppercase!important;
  font-weight:600!important;
  padding:.7em 1.2em!important;
  box-shadow:none!important;
  transition:background .2s, border-color .2s, transform .2s!important;
}
.woocommerce a.button:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover{
  background:var(--crp-c-brand-2)!important;border-color:var(--crp-c-brand-2)!important;
  transform:translateY(-1px);color:#fff!important;
}
.woocommerce a.added_to_cart{
  font-family:"IBM Plex Mono",monospace!important;font-size:11px!important;letter-spacing:.04em;
  color:var(--crp-c-brand)!important;text-transform:uppercase;
}

/* sale badge */
.woocommerce span.onsale{
  background:var(--crp-c-ink)!important;color:#fff!important;
  border-radius:999px!important;
  font-family:"IBM Plex Mono",monospace!important;font-size:11px;letter-spacing:.05em;
  min-height:auto;min-width:auto;padding:.35em .7em;line-height:1;
}

/* --- single product page --- */
.woocommerce div.product .product_title{
  font-family:"Fraunces",Georgia,serif!important;font-weight:500;letter-spacing:-.01em;color:var(--crp-c-ink);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom-color:transparent}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-family:"IBM Plex Mono",monospace;font-size:13px;letter-spacing:.03em}
.woocommerce .quantity input.qty{border:1px solid var(--crp-c-line);border-radius:8px;padding:.5em}

/* pagination */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  font-family:"IBM Plex Mono",monospace;border-color:var(--crp-c-line);color:var(--crp-c-ink);
}
.woocommerce nav.woocommerce-pagination ul li span.current{
  background:var(--crp-c-brand);color:#fff;border-color:var(--crp-c-brand);
}

/* --- branded catalog banner (logo + homepage-style color) --- */
.crp-catalog-banner{
  position:relative;overflow:hidden;
  display:flex;align-items:center;gap:26px;
  margin:0 0 34px;padding:26px 30px;border-radius:16px;
  background:
    radial-gradient(600px 300px at 85% -20%, rgba(79,155,224,.35), transparent 60%),
    linear-gradient(120deg,#0a1526 0%,#122a49 55%,#1c3f6b 100%);
  box-shadow:0 24px 46px -26px rgba(21,39,67,.55);
}
.crp-catalog-banner-bg{position:absolute;inset:0;z-index:0;opacity:.5;pointer-events:none}
.crp-catalog-banner-bg .crp-bg-net{width:100%;height:100%}
.crp-catalog-banner-logo{position:relative;z-index:1;height:74px;width:auto;flex:none;filter:drop-shadow(0 8px 18px rgba(0,0,0,.4))}
.crp-catalog-banner-text{position:relative;z-index:1}
.crp-catalog-eyebrow{
  font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.24em;text-transform:uppercase;
  color:#7fc0f0;display:block;margin-bottom:8px;
}
.crp-catalog-heading{
  font-family:"Fraunces",Georgia,serif!important;font-weight:500;letter-spacing:-.01em;
  color:#fff!important;font-size:2rem;margin:0 0 6px;line-height:1.05;
}
.crp-catalog-sub{color:#c7d5e8;margin:0;font-size:14.5px;max-width:520px}

/* a touch more color on the product cards to echo the homepage */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  background:linear-gradient(180deg,#ffffff,#eef4fc)!important;
}

@media(max-width:600px){
  .crp-catalog-banner{flex-direction:column;text-align:center;gap:16px;padding:24px 20px}
  .crp-catalog-banner-logo{height:60px}
  .crp-catalog-heading{font-size:1.6rem}
}

/* ==========================================================================
   High-specificity overrides for block themes (e.g. WordPress.com default),
   which set a black button color with strong priority. Loaded after the theme.
   ========================================================================== */
body.woocommerce a.button,
body.woocommerce a.button.button,
body.woocommerce-page a.button,
body.woocommerce-page a.button.button,
body .woocommerce ul.products li.product a.button,
body .woocommerce ul.products li.product a.add_to_cart_button,
body .woocommerce a.button.wp-element-button,
body .woocommerce a.wp-element-button,
body .woocommerce button.wp-element-button,
body .woocommerce div.product form.cart button.button,
body .woocommerce #respond input#submit,
body .woocommerce button.button.alt,
body .woocommerce a.button.alt,
body .woocommerce .single_add_to_cart_button{
  background-color:#2f62b0 !important;
  background-image:none !important;
  color:#ffffff !important;
  border:1px solid #2f62b0 !important;
  border-radius:9px !important;
  font-family:"IBM Plex Mono",monospace !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
  font-weight:600 !important;
  box-shadow:none !important;
}
body.woocommerce a.button:hover,
body.woocommerce-page a.button:hover,
body .woocommerce ul.products li.product a.button:hover,
body .woocommerce a.wp-element-button:hover,
body .woocommerce button.wp-element-button:hover,
body .woocommerce button.button.alt:hover,
body .woocommerce .single_add_to_cart_button:hover{
  background-color:#4f9be0 !important;
  border-color:#4f9be0 !important;
  color:#ffffff !important;
}

/* banner: match the preview width/height (centered, capped, consistent) */
.crp-catalog-banner{
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  min-height:126px;
  box-sizing:border-box;
}