/*
Theme Name: KlimatLux
Theme URI: https://klimatlux.pl
Description: Sklep z klimatyzacją i pompami ciepła. Motyw potomny (block child) oparty na Twenty Twenty-Five, z systemem marki KlimatLux i integracją WooCommerce.
Author: Entsolve
Author URI: https://entsolve.com
Template: twentytwentyfive
Version: 0.2.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: klimatlux
*/

:root{
  --klx-blue:#0052A3; --klx-blue-600:#0068CE; --klx-ink:#0F2740; --klx-muted:#5A7184;
  --klx-accent:#33E1C4; --klx-bg:#ffffff; --klx-soft:#F3F7FB; --klx-line:#E6EDF4;
  --klx-radius:14px; --klx-shadow:0 10px 30px rgba(15,39,64,.08);
}

/* ---------- Podstawy ---------- */
body{ color:var(--klx-ink); }
a{ color:var(--klx-blue); }
.klx-section{ padding:56px 0; }
.klx-soft{ background:var(--klx-soft); }
.klx-eyebrow{ color:var(--klx-blue); font-weight:700; letter-spacing:.12em; text-transform:uppercase; font-size:13px; }

/* ---------- Przyciski marki ---------- */
.wp-block-button__link, .wc-block-components-button, .single_add_to_cart_button, .button.alt, .klx-btn{
  background:var(--klx-blue)!important; border:1px solid var(--klx-blue)!important; color:#fff!important;
  border-radius:10px!important; font-weight:600!important; padding:.7em 1.4em!important;
}
.wp-block-button__link:hover, .single_add_to_cart_button:hover, .klx-btn:hover{ background:var(--klx-blue-600)!important; }
.wp-block-button.is-style-outline .wp-block-button__link, .klx-btn-ghost{
  background:transparent!important; color:var(--klx-blue)!important; border:1.5px solid var(--klx-blue)!important;
}

/* ---------- Hero ---------- */
.klx-hero{ background:linear-gradient(135deg,#062a4d 0%,var(--klx-blue) 55%,var(--klx-blue-600) 100%);
  color:#fff; border-radius:22px; padding:64px 40px; overflow:hidden; position:relative; }
.klx-hero :where(h1,h2){ color:#fff; font-size:clamp(2rem,4vw,3.2rem); line-height:1.08; letter-spacing:-.02em; }
.klx-hero p{ color:#DCEBFA; font-size:1.15rem; max-width:44ch; }
.klx-hero .wp-block-buttons{ margin-top:8px; }

/* ---------- Chipy zaufania ---------- */
.klx-trust{ display:flex; gap:18px; flex-wrap:wrap; margin:14px 0; color:var(--klx-muted); font-size:14px; }
.klx-trust span::before{ content:"✓ "; color:var(--klx-accent); font-weight:800; }
.klx-hero .klx-trust{ color:#DCEBFA; }
.klx-hero .klx-trust span::before{ color:var(--klx-accent); }

/* ---------- Kafle kategorii ---------- */
.klx-tiles .wp-block-column{ background:#fff; border:1px solid var(--klx-line); border-radius:var(--klx-radius);
  padding:22px; transition:transform .15s, box-shadow .15s; }
.klx-tiles .wp-block-column:hover{ transform:translateY(-3px); box-shadow:var(--klx-shadow); }
.klx-tiles h3{ margin:.2em 0; font-size:1.15rem; }
.klx-tiles a{ text-decoration:none; }

/* ---------- Dobór wg mocy ---------- */
.klx-power a{ display:block; background:#fff; border:1px solid var(--klx-line); border-radius:var(--klx-radius);
  padding:18px; text-align:center; text-decoration:none; color:var(--klx-ink); font-weight:600; }
.klx-power a:hover{ border-color:var(--klx-blue); color:var(--klx-blue); }
.klx-power .klx-kw{ display:block; font-size:1.5rem; color:var(--klx-blue); font-weight:800; }

/* ---------- Marki ---------- */
.klx-brands{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.klx-brands a{ background:#fff; border:1px solid var(--klx-line); border-radius:999px; padding:8px 18px;
  color:var(--klx-ink); text-decoration:none; font-weight:600; font-size:.95rem; }
.klx-brands a:hover{ border-color:var(--klx-blue); color:var(--klx-blue); }

/* ---------- USP ---------- */
.klx-usp .wp-block-column{ padding:8px 6px; }
.klx-usp h3{ font-size:1.05rem; margin:.3em 0; }
.klx-usp .klx-ico{ font-size:1.8rem; }

/* ---------- CTA band ---------- */
.klx-cta{ background:var(--klx-ink); color:#fff; border-radius:22px; padding:44px; text-align:center; }
.klx-cta :where(h2){ color:#fff; }
.klx-cta p{ color:#B9C7D6; }

/* ---------- Nagłówek / stopka ---------- */
.klx-topbar{ background:var(--klx-ink); color:#cfe0f0; font-size:13px; }
.klx-topbar a{ color:#fff; text-decoration:none; }
.wp-block-site-title a{ color:var(--klx-ink); font-weight:800; text-decoration:none; }
.klx-footer{ background:var(--klx-ink); color:#B9C7D6; }
.klx-footer :where(h3){ color:#fff; font-size:1rem; }
.klx-footer a{ color:#B9C7D6; text-decoration:none; }
.klx-footer a:hover{ color:#fff; }
.klx-credit{ text-align:center; padding:14px; color:#8aa0b6; font-size:13px; border-top:1px solid rgba(255,255,255,.08); }
.klx-credit a{ color:var(--klx-accent); text-decoration:none; }

/* ---------- WooCommerce katalog ---------- */
ul.products li.product{ border:1px solid var(--klx-line); border-radius:var(--klx-radius); padding:12px; transition:box-shadow .15s; }
ul.products li.product:hover{ box-shadow:var(--klx-shadow); }
.woocommerce-Price-amount{ color:var(--klx-ink); font-weight:700; }
del .woocommerce-Price-amount{ color:var(--klx-muted); font-weight:400; }

@media (max-width:781px){
  .klx-hero{ padding:40px 22px; }
  .klx-section{ padding:40px 0; }
}