/*
Theme Name: Kadence HKC Coach
Template: kadence
Version: 2.5.0
Description: HKC Coach child theme — Granat #2A5BA8 + Róż #C4547A (HKC Design System)
Author: HKC Coach
*/

/* ============================================================
   HKC COACH — SYSTEM KOLORÓW: COBALT + POWDER PINK
   ============================================================

   PALETA GŁÓWNA:
   ┌─────────────────────────────────────────────────────────┐
   │  COBALT (PRIMARY)                                       │
   │  #0D3578  Cobalt Dark   — footer, dark hero, hover      │
   │  #144EA0  Cobalt Core   — CTA, linki, przyciski         │
   │  #1A5CB8  Cobalt Mid    — gradients, secondary          │
   │  #E0E8FF  Cobalt Light  — tła sekcji, karty             │
   │                                                         │
   │  POWDER PINK (ACCENT)                                   │
   │  #D8A0BA  Pink Dark     — hover accents                 │
   │  #EDBCD0  Pink Core     — secondary CTA, akcenty        │
   │  #FAF0F5  Pink Light    — delikatne tła                 │
   │                                                         │
   │  NEUTRALNE                                              │
   │  #0D1F3C  Text Dark     — główny kolor tekstu/nagłówki  │
   │  #5A6B80  Text Muted    — tekst drugorzędny             │
   │  #E2D8E8  Border        — separatory, obramowania       │
   │  #FAF8F6  Cream         — tło strony (warm white)       │
   │  #F5EEF3  Cream Alt     — tło sekcji alternatywne       │
   │  #080F1E  Footer Dark   — stopka                        │
   └─────────────────────────────────────────────────────────┘

   ZASADY STOSOWANIA:
   • Primary CTA button     → tło #144EA0,  tekst #fff
   • Secondary CTA button   → tło #EDBCD0,  tekst #0D3578
   • Nagłówki (h1–h3)       → #0D1F3C
   • Nagłówki z akcentem    → em/span w #144EA0 lub #EDBCD0
   • Tekst body             → #0D1F3C
   • Tekst secondary/muted  → #5A6B80
   • Linki w nawigacji      → #144EA0, hover #0D3578
   • Tło strony (light)     → #FAF8F6
   • Tło sekcji alt         → #F5EEF3
   • Separatory/borders     → #E2D8E8
   • Dark sections          → #0D3578
   • Tekst na dark sekcji   → #fff
   • Akcent na dark sekcji  → #EDBCD0

   KADENCE GLOBAL PALETTE MAPPING:
   --global-palette1  →  #144EA0  (Cobalt Core — primary brand)
   --global-palette2  →  #EDBCD0  (Powder Pink — accent)
   --global-palette3  →  #0D3578  (Cobalt Dark — hover/footer)
   --global-palette4  →  #0D1F3C  (Text Dark — headings)
   --global-palette5  →  #5A6B80  (Text Muted — body muted)
   --global-palette6  →  #E2D8E8  (Border — separators)
   --global-palette7  →  #FAF0F5  (Pink Light — light bg)
   --global-palette8  →  #FAF8F6  (Cream — page background)
   --global-palette9  →  #FFFFFF  (White)
   ============================================================ */

/* ── GLOBAL PALETTE OVERRIDE (Kadence) ───────────────────── */
:root {
	--global-palette1: #2A5BA8;
	--global-palette2: #C4547A;
	--global-palette3: #1B3A6B;
	--global-palette4: #1A1A2E;
	--global-palette5: #3A3A4E;
	--global-palette6: #E2DED7;
	--global-palette7: #FBEAF0;
	--global-palette8: #F5F3F0;
	--global-palette9: #FFFFFF;

	/* ── tokeny HKC (HKC Design System: granat + róż + krem) ── */
	--hkc-cobalt:        #2A5BA8;
	--hkc-cobalt-dark:   #1B3A6B;
	--hkc-cobalt-mid:    #4E7AC0;
	--hkc-cobalt-light:  #E6EEF8;
	--hkc-pink:          #C4547A;
	--hkc-pink-dark:     #A8456A;
	--hkc-pink-light:    #FBEAF0;
	--hkc-text:          #1A1A2E;
	--hkc-text-muted:    #3A3A4E;
	--hkc-cream:         #F5F3F0;
	--hkc-cream-alt:     #FFFFFF;
	--hkc-border:        #E2DED7;
	--hkc-footer-dark:   #1A1A2E;

	/* ── typografia ── */
	--hkc-font-display: 'Cormorant Garamond', Georgia, serif;
	--hkc-font-body:    'Plus Jakarta Sans', system-ui, sans-serif;
}

/* ── TŁO STRONY ──────────────────────────────────────────── */
body {
	background-color: var(--hkc-cream);
	font-family: var(--hkc-font-body);
}

/* ── NAGŁÓWKI ────────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6 {
	font-family: var(--hkc-font-display);
	color: var(--hkc-text);
}

/* ── LINKI ───────────────────────────────────────────────── */
a {
	color: var(--hkc-cobalt);
}
a:hover {
	color: var(--hkc-cobalt-dark);
}

/* ── PRIMARY BUTTON ──────────────────────────────────────── */
.wp-block-button__link,
.button,
.wp-element-button,
input[type="submit"],
button[type="submit"] {
	background-color: var(--hkc-cobalt);
	color: #fff;
	border-color: var(--hkc-cobalt);
	font-family: var(--hkc-font-body);
}
.wp-block-button__link:hover,
.button:hover,
.wp-element-button:hover {
	background-color: var(--hkc-cobalt-dark);
	border-color: var(--hkc-cobalt-dark);
	color: #fff;
}

/* ── KADENCE BUTTONS ─────────────────────────────────────── */
.kt-btn-wrap a.kt-button,
.kt-btn-wrap .kt-button {
	background-color: var(--hkc-cobalt);
	color: #fff;
	border-color: var(--hkc-cobalt);
}
.kt-btn-wrap a.kt-button:hover,
.kt-btn-wrap .kt-button:hover {
	background-color: var(--hkc-cobalt-dark);
	border-color: var(--hkc-cobalt-dark);
}

/* ── NAWIGACJA ───────────────────────────────────────────── */
.site-header {
	background-color: #fff;
	border-bottom: 1px solid var(--hkc-border);
}
#site-navigation .nav-link-color,
.header-navigation .nav-link-color {
	color: var(--hkc-text);
	font-family: var(--hkc-font-body);
}
#site-navigation a:hover,
.header-navigation a:hover {
	color: var(--hkc-cobalt);
}

/* ── SEKCJE Z CIEMNYM TŁEM ───────────────────────────────── */
.has-cobalt-dark-background-color,
.hkc-dark-section {
	background-color: var(--hkc-cobalt-dark);
	color: #fff;
}
.has-cobalt-dark-background-color h1,
.has-cobalt-dark-background-color h2,
.has-cobalt-dark-background-color h3 {
	color: #fff;
}

/* ── KARTY I BOXY ────────────────────────────────────────── */
.wp-block-group.has-cobalt-light-background-color,
.hkc-card {
	background-color: var(--hkc-cobalt-light);
}

/* ── ACCENT SPANS (em w nagłówkach) ─────────────────────── */
h1 em, h2 em, h3 em {
	color: var(--hkc-cobalt);
	font-style: italic;
}

/* ── WOOCOMMERCE ─────────────────────────────────────────── */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .button,
.woocommerce #respond input#submit {
	background-color: var(--hkc-cobalt);
	color: #fff;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover {
	background-color: var(--hkc-cobalt-dark);
	color: #fff;
}
.woocommerce span.onsale {
	background-color: var(--hkc-cobalt);
}
.woocommerce .price {
	color: var(--hkc-text);
}

/* ── SURECART ────────────────────────────────────────────── */
.sc-button-primary,
sc-button[type="primary"]::part(base) {
	background-color: var(--hkc-cobalt);
	border-color: var(--hkc-cobalt);
}

/* ── LATEPOINT ───────────────────────────────────────────── */
.latepoint-btn,
.latepoint-step-btn-next {
	background-color: var(--hkc-cobalt) !important;
	border-color: var(--hkc-cobalt) !important;
}

/* ── FORMULARZE ──────────────────────────────────────────── */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
	border-color: var(--hkc-cobalt);
	outline: 2px solid rgba(42,91,168,0.15);
}

/* ── FOOTER ──────────────────────────────────────────────── */
.site-footer {
	background-color: var(--hkc-footer-dark);
	color: rgba(255,255,255,0.55);
}
.site-footer a {
	color: var(--hkc-pink);
}
.site-footer a:hover {
	color: #fff;
}

/* ── BLOKI GUTENBERG — KOLORY ────────────────────────────── */
.has-cobalt-color          { color: var(--hkc-cobalt); }
.has-cobalt-dark-color     { color: var(--hkc-cobalt-dark); }
.has-pink-color            { color: var(--hkc-pink); }
.has-pink-dark-color       { color: var(--hkc-pink-dark); }
.has-text-muted-color      { color: var(--hkc-text-muted); }

.has-cobalt-background-color       { background-color: var(--hkc-cobalt); }
.has-cobalt-dark-background-color  { background-color: var(--hkc-cobalt-dark); }
.has-pink-background-color         { background-color: var(--hkc-pink); }
.has-pink-light-background-color   { background-color: var(--hkc-pink-light); }
.has-cream-background-color        { background-color: var(--hkc-cream); }
.has-cream-alt-background-color    { background-color: var(--hkc-cream-alt); }