/*


* CIS Brand Overrides — centralny system kolorów


 * @author Wojciech Modzelewski


 * @version 3.0 — 2026-05


 *


 * Ładowany jako ostatni stylesheet (po cis-wow, cis-global-styles, cis-kp-styles).


 * Przykrywa TYLKO klasy które faktycznie istnieją w szablonach.


 * Zmiana palety w Admin → Instytut SI → Brand Kit działa natychmiast.


 */





/* ── ALIASY GLOBALNE ─────────────────────────────── */


:root {


  --c-main:   #F0F6FF;


  --c-sec:    #E8F1FB;


  --c-dark:   #1a2e4a;


  --c-deep:   #0D2038;


  --c-text:   #0D2E6B;


  --c-head:   #1a2e4a;


  --c-muted:  #4a6080;


  --c-acc:    #C4788A;


  --c-acch:   #8B4A5E;


  --c-accs:   #FAF0F2;


  --c-sage:   #1B5FAA;


  --c-border: rgba(13,46,107,.1);


}





/* ── ACCESSIBILITY ───────────────────────────────── */


:focus-visible          { outline-color: var(--c-sage) !important; }


.skip-to-content:focus  { background: var(--c-sage) !important; }





/* ── GLOBALNE PRZYCISKI ──────────────────────────── */


.cis-btn-blue  { background: var(--c-sage)  !important; }


.cis-btn-pink  { background: linear-gradient(90deg, var(--c-acc), var(--c-acch)) !important; }





/* ── HEADER / NAV ────────────────────────────────── */


.cis-logo__accent                         { color: var(--c-sage) !important; }


.cis-nav-link:hover,


.cis-nav-link.is-active                   { color: var(--c-sage) !important; }


.cis-nav-btn--filled                      { background: linear-gradient(90deg, var(--c-acc), var(--c-acch)) !important; }


.cis-nav-btn--outline                     { border-color: var(--c-sage) !important; color: var(--c-sage) !important; }


.cis-nav-btn--outline:hover               { background: var(--c-sage) !important; color: white !important; }


.cis-mobile-link:hover,


.cis-mobile-link.is-active                { color: var(--c-sage) !important; }


.cis-mobile-cta                           { color: var(--c-acc) !important; }


.cis-mobile-sublink:hover                 { color: var(--c-sage) !important; }


.cis-mobile-toggle.is-open                { color: var(--c-sage) !important; }


.cis-mobile-contact i                     { color: var(--c-sage) !important; }


.cis-has-mega.is-open > a.cis-nav-link   { color: var(--c-sage) !important; }


.cis-mega-link:hover                      { color: var(--c-sage) !important; }





/* ── TOPBAR ──────────────────────────────────────── */


.cis-topbar-btn,


.cis-topbar__cta                          { background: var(--c-acc) !important; color: var(--c-dark) !important; }





/* ── KARTY KURSÓW (globalny shortcode) ───────────── */


.cis-kurs-card                            { border-color: var(--c-border) !important; }


.cis-kurs-card__title a:hover             { color: var(--c-sage) !important; }


.cis-kurs-card__meta i                    { color: var(--c-sage) !important; }


.cis-kurs-card__price                     { color: var(--c-dark) !important; }


.cis-kurs-card__link                      { color: var(--c-sage) !important; }





/* ── ARCHIWUM KURSÓW (arch-*) ────────────────────── */


/* arch-hero jest już ciemny — nie nadpisujemy tła, tylko akcenty */


.arch-hero h1                             { color: white !important; }


.arch-search-input:focus                  { border-color: var(--c-sage) !important; }


.arch-quick-submit                        { background: var(--c-acc) !important; color: var(--c-dark) !important; }


.cat-filter-btn.active,


.cat-filter-btn:hover                     { background: var(--c-dark) !important; border-color: var(--c-dark) !important; color: white !important; }





/* ── SZKOLENIA HUB (sh-*) ────────────────────────── */


/* sh-hero jest jasny (#E8F1FB) — NIE zmieniamy tła, tylko akcenty */


.sh-badge                                 { border-color: var(--c-acc) !important; color: var(--c-acc) !important; }


.sh-hero h1 em                            { color: var(--c-acc) !important; }


.sh-hero-cat:hover,


.sh-hero-cat.on                           { border-color: var(--c-dark) !important; color: var(--c-dark) !important; }


/* sh-fil.on: var(--c) pochodzi z inline style na elemencie — respektujemy */


.sh-section-title em                      { color: var(--c-sage) !important; }


.sh-cta                                   { background: var(--c-dark) !important; }


.sh-cta h2 em                             { color: var(--c-acc) !important; }


.sh-card-btn:not(.free)                   { background: var(--c-dark) !important; }


.sh-card-btn.free                         { background: var(--c-sage) !important; }





/* ── SINGLE KURS / STUDIA (kp-*) ─────────────────── */


/* kp-hero jest ciemny — respektujemy, zmieniamy akcenty */


.kp-badge--open                           { color: var(--c-sage) !important; }


.kp-badge--soon                           { color: var(--c-acc) !important; }


.kp-badge--type                           { color: var(--c-dark) !important; }


.kp-hero__cta-btn                         { background: linear-gradient(90deg, var(--c-acc), var(--c-acch)) !important; }


.kp-tab.active                            { color: var(--c-dark) !important; border-color: var(--c-dark) !important; }


.kp-tab:hover                             { color: var(--c-sage) !important; }


.kp-accordion-trigger:hover               { color: var(--c-sage) !important; }


.kp-breadcrumb                            { background: var(--c-main) !important; border-color: var(--c-border) !important; }


.kp-breadcrumb a:hover                    { color: var(--c-sage) !important; }





/* ── WYKŁADOWCY ──────────────────────────────────── */


.cis-wykladowca-card__photo               { background: var(--c-sage) !important; }





/* ── KONTAKT ─────────────────────────────────────── */


.contact-icon                             { background: var(--c-acc) !important; }





/* ── NEWSLETTER / FORMULARZE ─────────────────────── */


input[type="checkbox"]:checked,


input[type="radio"]:checked               { accent-color: var(--c-sage) !important; }





/* ── GRADIENT TEXT (globalny) ────────────────────── */


.gradient-text {


    background: linear-gradient(90deg, var(--c-sage), var(--c-sage)) !important;


    -webkit-background-clip: text !important;


    -webkit-text-fill-color: transparent !important;


    background-clip: text !important;


}





/* ── TAILWIND ARBITRARY CLASSES ──────────────────── */


.text-\[\#2d4a6e\]                        { color: var(--c-sage) !important; }


.hover\:text-\[\#2d4a6e\]:hover           { color: var(--c-sage) !important; }


.border-\[\#2d4a6e\]                      { border-color: var(--c-sage) !important; }


.border-b-2.border-\[\#2d4a6e\]          { border-color: var(--c-sage) !important; }


.bg-\[\#2d4a6e\]                         { background-color: var(--c-sage) !important; }


.bg-\[\#1a2e4a\]                         { background-color: var(--c-dark) !important; }


.bg-\[\#C4788A\]                         { background-color: var(--c-acc) !important; }


.text-\[\#C4788A\]                        { color: var(--c-acc) !important; }


.border-\[\rgba(13,46,107,.1)\]                      { border-color: var(--c-border) !important; }





/* ── FRONT-PAGE (fp-*) ───────────────────────────── */


.fp-hero-section {


    background: linear-gradient(135deg, var(--c-main) 0%, var(--c-sec) 50%, var(--c-border) 100%) !important;


    padding: 56px 0;


    border-bottom: 1px solid var(--c-border);


    position: relative; overflow: hidden; text-align: center;


}


.fp-hero-h1        { color: var(--c-head) !important; }


.fp-badge-text     { color: var(--c-sage) !important; }


#fp-cur            { color: var(--c-acc) !important; }


a.fp-cta1          { background: var(--c-acc) !important; color: var(--c-dark) !important; }


a.fp-cta2          { background: var(--c-dark) !important; color: var(--c-sec) !important; }


.fp-news           { border-top-color: var(--c-dark) !important; }


.fp-news__badge    { background: linear-gradient(90deg, var(--c-acc), var(--c-acch)) !important; }


.fp-news__item::before,


.fp-news__item a   { color: var(--c-sage) !important; }


.fp-stat__num em   { color: var(--c-dark) !important; }


.fp-stat           { border-color: var(--c-border) !important; }


.knowledge-badge   { background: var(--c-main) !important; color: var(--c-acc) !important; border-color: var(--c-acc) !important; }


.fp-offer          { background: var(--c-sec) !important; }


.fp-tab.active,


.fp-tab:hover      { border-color: var(--c-dark) !important; color: var(--c-dark) !important; background: var(--c-sec) !important; }


.fp-card           { border-color: var(--c-border) !important; }


.fp-card__link     { color: var(--c-dark) !important; }


.fp-card__title a:hover { color: var(--c-dark) !important; }


.fp-why__title em  { background: linear-gradient(90deg, var(--c-acc), var(--c-acch)) !important;


                     -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; }


.fp-ss             { background: linear-gradient(135deg, var(--c-dark) 0%, var(--c-deep) 100%) !important; }


.fp-ss__lbl        { color: var(--c-acc) !important; }


.fp-ss__btn        { background: var(--c-acc) !important; color: var(--c-dark) !important; }


.fp-nl__badge      { background: linear-gradient(90deg, var(--c-acc), var(--c-acch)) !important; }


.fp-nl__tile.checked { border-color: var(--c-dark) !important; color: var(--c-dark) !important; background: var(--c-sec) !important; }


.fp-nl__input:focus { border-color: var(--c-dark) !important; }


.fp-nl__btn        { background: linear-gradient(90deg, var(--c-acc), var(--c-acch)) !important; }