/*
Theme Name: FITPRINT Child
Theme URI: https://fitprint.pl
Description: Motyw potomny Astry ze stylem marki FITPRINT (kolory, czcionki Barlow, przyciski, karty produktów WooCommerce).
Author: FITPRINT
Template: astra
Version: 1.0.0
Text Domain: fitprint-child
*/

/* =====================================================================
   FITPRINT.PL — globalny styl marki (Astra + WooCommerce)
   Czcionki (Barlow / Barlow Condensed) ładuje functions.php.
   ===================================================================== */

:root{
  --fp-red:#E1121A;
  --fp-red-deep:#B00D14;
  --fp-ink:#15171C;
  --fp-muted:#6B7078;
  --fp-line:#E4E6EA;
  --fp-surface:#F5F6F8;
}

/* --- Typografia globalna --- */
body,
.ast-container, .site-content, .site-footer,
p, li, td, th,
input, select, textarea, button,
.woocommerce, .woocommerce-page{
  font-family:'Barlow', -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

h1,h2,h3,h4,h5,h6,
.entry-title, .page-title,
.ast-single-post .entry-title,
.woocommerce-products-header__title,
.woocommerce-loop-product__title,
.product_title,
.widget-title, .footer-adv .widget-title, .wc-block-grid__product-title,
.site-title{
  font-family:'Barlow Condensed', "Arial Narrow", sans-serif !important;
  letter-spacing:.4px;
  text-transform:uppercase;
}

/* --- Linki i akcent --- */
a{ color:var(--fp-ink); }
a:hover{ color:var(--fp-red); }
.main-header-menu a:hover,
.ast-header-break-point .main-header-menu a:hover{ color:var(--fp-red); }

/* --- Przyciski (spójne z makietą) --- */
.ast-button,
.button, .wp-block-button__link,
.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,
.woocommerce .single_add_to_cart_button,
.wc-block-components-button{
  background-color:var(--fp-red) !important;
  border:2px solid var(--fp-red) !important;
  color:#fff !important;
  border-radius:10px !important;
  font-family:'Barlow Condensed', sans-serif !important;
  text-transform:uppercase;
  letter-spacing:1px;
  font-weight:700 !important;
  padding:.7em 1.5em !important;
  transition:background-color .15s ease, border-color .15s ease, transform .12s ease;
}
.ast-button:hover,
.button:hover, .wp-block-button__link:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover,
.woocommerce .single_add_to_cart_button:hover,
.wc-block-components-button:hover{
  background-color:var(--fp-red-deep) !important;
  border-color:var(--fp-red-deep) !important;
  color:#fff !important;
  transform:translateY(-2px);
}

/* Przycisk "outline" (np. Wybierz opcje) — czerwony kontur na białym */
.woocommerce ul.products li.product .button.product_type_variable,
.woocommerce ul.products li.product .add_to_cart_button.product_type_variable{
  background-color:#fff !important;
  color:var(--fp-red) !important;
  border-color:var(--fp-line) !important;
}
.woocommerce ul.products li.product .button.product_type_variable:hover{
  border-color:var(--fp-red) !important;
  color:var(--fp-red) !important;
}

/* --- Ceny --- */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  color:var(--fp-ink);
  font-family:'Barlow Condensed', sans-serif !important;
  font-weight:700;
  font-size:1.35em;
}
.woocommerce del{ color:var(--fp-muted); font-weight:400; }
.woocommerce ins{ text-decoration:none; }

/* --- Karty produktów w sklepie / kategoriach --- */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  background:#fff;
  border:1px solid var(--fp-line);
  border-radius:14px;
  padding:14px !important;
  transition:transform .14s ease, box-shadow .14s ease;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 30px rgba(21,23,28,.10);
}
.woocommerce ul.products li.product a img{ border-radius:8px; margin-bottom:10px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:1.05rem;
  font-weight:600;
  color:var(--fp-ink);
  padding-bottom:6px;
}

/* --- Plakietka promocji --- */
.woocommerce span.onsale{
  background:var(--fp-red) !important;
  color:#fff !important;
  border-radius:6px !important;
  font-family:'Barlow Condensed', sans-serif;
  text-transform:uppercase;
  font-weight:700;
  letter-spacing:.5px;
  min-height:auto !important;
  min-width:auto !important;
  line-height:1.2 !important;
  padding:4px 10px !important;
  top:10px; left:10px;
}

/* --- Nagłówki stron sklepu / breadcrumb --- */
.woocommerce-breadcrumb{
  color:var(--fp-muted);
  font-size:.9em;
}

/* --- Pola formularzy (zaokrąglone, spójne) --- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce .quantity input.qty,
input[type="text"], input[type="email"], input[type="tel"], input[type="search"], select, textarea{
  border-radius:10px !important;
  border:1px solid var(--fp-line) !important;
}

/* --- Komunikaty WooCommerce w kolorze marki --- */
.woocommerce-message,
.woocommerce-info{
  border-top-color:var(--fp-red) !important;
}
.woocommerce-message::before,
.woocommerce-info::before{ color:var(--fp-red) !important; }

/* --- Drobne dopracowanie nagłówka Astry --- */
.site-title, .site-title a{ font-family:'Barlow Condensed', sans-serif; }