/* Nova Praxis – Hestia + WooCommerce override
   Author: ChatGPT
   Usage: upload as /wp-content/uploads/novapraxis-hestia-woo.css and enqueue, or paste into
          Appearance → Customize → Additional CSS.
   Notes: Change --brand to match your color. All overrides are non-destructive and safe for updates.
*/

/* =========================
   0) Brand tokens (edit me)
   ========================= */
:root{
  --brand: #2F2F6B;                 /* główny kolor marki */
  --brand-600: #262B6A;             /* hover/focus */
  --on-brand: #ffffff;              /* kolor tekstu na brand */
  /* Hestia native tokens */
  --hestia-primary-color: var(--brand);
  --hestia-primary-hover-color: var(--brand-600);
}

/* Optional: darken helper */
@supports (color: color-mix(in srgb, red, red)) {
  :root{
    --brand-600: color-mix(in srgb, var(--brand) 85%, black);
  }
}

/* =====================================
   1) Global links, text utilities, etc.
   ===================================== */
a{ color: var(--brand) !important; }
a:hover, a:focus{ color: var(--brand-600) !important; }
.text-primary{ color: var(--brand) !important; }

/* =====================================
   2) Buttons – Hestia + WooCommerce
   ===================================== */
button,
input[type="submit"],
input[type="button"],
.btn.btn-primary,
/* Woo classic buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
/* Woo emphasized */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
/* Woo Blocks buttons */
.wc-block-components-button,
.wc-block-components-button:not([disabled]):not(.is-secondary),
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button{
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
  color: var(--on-brand) !important;
  text-decoration: none !important;
  box-shadow: 0 2px 2px 0 rgba(47,47,107,.14),
              0 3px 1px -2px rgba(47,47,107,.20),
              0 1px 5px 0 rgba(47,47,107,.12) !important;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.btn.btn-primary:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.wc-block-components-button:hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover{
  filter: brightness(.92);
  box-shadow: 0 14px 26px -12px rgba(47,47,107,.42),
              0 4px 23px 0 rgba(0,0,0,.12),
              0 8px 10px -5px rgba(47,47,107,.20) !important;
}

/* Secondary / outline variants inherit brand for text */
.btn.btn-primary.btn-simple,
.btn.btn-border,
.wc-block-components-button.is-secondary{
  background: transparent !important;
  color: var(--brand) !important;
  border-color: var(--brand) !important;
}
.btn.btn-primary.btn-simple:hover,
.btn.btn-border:hover,
.wc-block-components-button.is-secondary:hover{
  color: var(--brand-600) !important;
  border-color: var(--brand-600) !important;
}

/* =====================================
   3) Inputs & focus states
   ===================================== */
.form-control,
.form-group .form-control,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea{
  background-image:
    linear-gradient(var(--brand), var(--brand)),
    linear-gradient(#d2d2d2,#d2d2d2) !important;
  background-size: 0 2px, 100% 1px;
  background-repeat: no-repeat;
  background-position: center bottom, center calc(100% - 1px);
}
.form-group.is-focused .form-control{
  background-size: 100% 2px, 100% 1px !important;
}

/* =====================================
   4) Pagination & badges
   ===================================== */
.pagination span.current,
.pagination span.current:focus,
.pagination span.current:hover{
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
  color: var(--on-brand) !important;
  box-shadow: 0 4px 5px 0 rgba(47,47,107,.14),
              0 1px 10px 0 rgba(47,47,107,.12),
              0 2px 4px -1px rgba(47,47,107,.20) !important;
}
.woocommerce span.onsale,
.wc-block-grid__product-onsale{
  background-color: var(--brand) !important;
  color: var(--on-brand) !important;
}

/* =====================================
   5) Notices / alerts (Woo)
   ===================================== */
.woocommerce-info,
.woocommerce-message,
.woocommerce-error{
  border-top-color: var(--brand) !important;
}
.woocommerce-info a,
.woocommerce-message a{
  color: var(--brand) !important;
}
.woocommerce-error a{ color: var(--brand-600) !important; }

/* =====================================
   6) Prices & stars
   ===================================== */
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price,
.wc-block-grid__product-price{
  color: var(--brand) !important;
}
.woocommerce .star-rating span::before{
  color: var(--brand) !important;
}

/* =====================================
   7) Cart / Checkout specifics
   ===================================== */
/* Proceed to checkout */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
}
/* Update cart / Apply coupon */
.woocommerce-cart .actions .button,
.woocommerce-cart table.shop_table td.actions .coupon .button{
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
}
/* Remove item (x) */
.woocommerce a.remove{
  color: var(--brand) !important;
}
.woocommerce a.remove:hover{
  background: var(--brand) !important;
  color: var(--on-brand) !important;
}

/* Woo Blocks cart/checkout buttons */
.wc-block-cart__submit-container .wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button{
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
  color: var(--on-brand) !important;
}

/* =====================================
   8) Hestia components with hard-coded purple
   ===================================== */
/* Card primary header – replace default purple gradient */
.card .header-primary,
.card .content-primary{
  background: linear-gradient(60deg, var(--brand), var(--brand-600)) !important;
  color: var(--on-brand) !important;
}
/* Any leftover hardcoded purple text utilities */
.label.label-primary{ background-color: var(--brand) !important; }

/* =====================================
   9) Header/nav accents
   ===================================== */
.navbar .navbar-nav > li.btn > a{ background: var(--brand) !important; }
.navbar .navbar-nav > li.btn > a:hover{ background: var(--brand-600) !important; }
.hestia-top-bar a:hover{ color: var(--brand-600) !important; }

/* =====================================
   10) Accessibility tweaks for contrast
   ===================================== */
button:focus-visible,
.btn:focus-visible,
a.button:focus-visible{
  outline: 2px solid var(--on-brand) !important;
  outline-offset: 2px;
  box-shadow: 0 0 0 3px rgba(47,47,107,.35) !important;
}

/* =====================================
   11) Small fixes
   ===================================== */
/* Breadcrumbs links */
.woocommerce-breadcrumb a{ color: var(--brand) !important; }
.woocommerce-breadcrumb a:hover{ color: var(--brand-600) !important; }
/* Product tabs active */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
  color: var(--brand) !important;
}
/* Inputs (checkbox/radio) accent if theme/wc applies color */
input[type="checkbox"]:checked,
input[type="radio"]:checked{
  accent-color: var(--brand);
}

/* Woo Store Notice – kolor i kontrast */
.woocommerce-store-notice,
p.demo_store{
  background: var(--brand) !important;   /* #2F2F6B */
  color: var(--on-brand) !important;     /* #fff */
  border: 0 !important;
}
.woocommerce-store-notice a{
  color: var(--on-brand) !important;
  text-decoration: underline;
}

.hestia-top-bar{ background: #fff !important; color:#3C4858 !important; }
.hestia-top-bar a{ color:#2F2F6B !important; }