/*
Theme Name: Cosily Czerń (Blocksy)
Template: blocksy
Description: Czerń i biel jak w logo — elegancki minimalizm, produkt na pierwszym planie. Motyw potomny dla Blocksy przygotowany dla sklepu Cosily.pl.
Version: 1.0.0
Author: Cosily.pl
Text Domain: cosily-czern-blocksy
*/

:root{--c-akcent:#111214;--c-akcent-txt:#FFFFFF}
.site-header,header.wp-block-template-part{background:#111214}
.site-header a,.site-header .site-title{color:#FFFFFF}

/* ====== COSILY — wspólna warstwa sklepu ====== */
:root{
  --c-ink:#111214; --c-ink2:#3A3B42; --c-muted:#6B6C74; --c-faint:#9A9AA2;
  --c-line:#E6E6EA; --c-mist:#F6F6F8; --c-paper:#FFFFFF;
  --c-red:#D91E2A; --c-green:#0E8F49; --c-gold:#C99A2E;
  --c-akcent:var(--c-ink);           /* kolor przycisków i wyróżnień  */
  --c-akcent-txt:#FFFFFF;
  --c-radius:12px;
  --c-font-d:'Montserrat',sans-serif;
  --c-font-b:'Manrope',sans-serif;
}
body{font-family:var(--c-font-b);color:var(--c-ink)}
h1,h2,h3,h4,.woocommerce-loop-product__title{font-family:var(--c-font-d);font-weight:500;letter-spacing:-.01em}

/* przyciski */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce a.button.alt,
.woocommerce button.button.alt,.wp-block-button__link{
  background:var(--c-akcent)!important;color:var(--c-akcent-txt)!important;
  border-radius:8px!important;font-weight:700!important;padding:13px 24px!important;
  transition:opacity .18s!important;border:none!important}
.woocommerce a.button:hover,.woocommerce button.button:hover{opacity:.86!important}

/* karty produktów */
.woocommerce ul.products li.product{
  background:var(--c-paper);border:1px solid var(--c-line);border-radius:var(--c-radius);
  overflow:hidden;transition:transform .2s,box-shadow .2s;padding-bottom:14px}
.woocommerce ul.products li.product:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(17,18,20,.08)}
.woocommerce ul.products li.product img{background:var(--c-mist);mix-blend-mode:multiply;padding:12px;box-sizing:border-box}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:.95rem;padding:10px 14px 0}
.woocommerce ul.products li.product .price{padding:0 14px;font-family:var(--c-font-d);font-weight:600;color:var(--c-ink)}
.woocommerce ul.products li.product .price del{color:var(--c-faint);font-weight:400}
.woocommerce span.onsale{background:var(--c-red)!important;border-radius:999px;font-weight:700;
  min-height:auto;line-height:1;padding:7px 12px;left:10px;top:10px}

/* karta produktu */
.woocommerce div.product p.price{font-family:var(--c-font-d);font-weight:600;font-size:1.7rem;color:var(--c-ink)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom-color:var(--c-akcent)}
.woocommerce div.product div.images img{background:var(--c-mist);border-radius:var(--c-radius)}

/* koszyk, powiadomienia */
.woocommerce-message{border-top-color:var(--c-green)}
.woocommerce-info{border-top-color:var(--c-akcent)}
.woocommerce-error{border-top-color:var(--c-red)}
.woocommerce table.shop_table{border:1px solid var(--c-line);border-radius:var(--c-radius);border-collapse:separate;border-spacing:0}

/* formularze */
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,select{
  border:1px solid var(--c-line);border-radius:8px;padding:11px 13px}

/* plakietka monet i rabatów (z wtyczek Cosily) */
.cosily-badge{letter-spacing:.02em}