.elementor-kit-53{--e-global-color-primary:#0A1F4A;--e-global-color-secondary:#D5A515;--e-global-color-text:#3A3A44;--e-global-color-accent:#1A3057;--e-global-color-cream:#FAF6F0;--e-global-color-white:#FFFFFF;--e-global-color-gold_hover:#B98F0F;--e-global-color-card_dark:#1A3057;--e-global-color-text_muted:#6B6B78;--e-global-color-border_light:#E7E2D9;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Playfair Display";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:600;color:#3A3A44;font-family:"Inter", sans-serif;font-size:17px;font-weight:400;line-height:1.7em;}.elementor-kit-53 button,.elementor-kit-53 input[type="button"],.elementor-kit-53 input[type="submit"],.elementor-kit-53 .elementor-button{background-color:#D5A515;font-family:"Inter", sans-serif;font-size:16px;font-weight:600;letter-spacing:0.3px;color:#0A1F4A;border-radius:8px 8px 8px 8px;padding:15px 32px 15px 32px;}.elementor-kit-53 button:hover,.elementor-kit-53 button:focus,.elementor-kit-53 input[type="button"]:hover,.elementor-kit-53 input[type="button"]:focus,.elementor-kit-53 input[type="submit"]:hover,.elementor-kit-53 input[type="submit"]:focus,.elementor-kit-53 .elementor-button:hover,.elementor-kit-53 .elementor-button:focus{background-color:#B98F0F;color:#FFFFFF;}.elementor-kit-53 e-page-transition{background-color:#FFBC7D;}.elementor-kit-53 a{color:#0A1F4A;}.elementor-kit-53 a:hover{color:#D5A515;}.elementor-kit-53 h1{color:#0A1F4A;font-family:"Playfair Display", sans-serif;font-size:48px;font-weight:700;line-height:1.15em;}.elementor-kit-53 h2{color:#0A1F4A;font-family:"Playfair Display", sans-serif;font-size:36px;font-weight:700;line-height:1.2em;}.elementor-kit-53 h3{color:#0A1F4A;font-family:"Inter", sans-serif;font-size:24px;font-weight:600;line-height:1.3em;}.elementor-kit-53 h4{color:#1A3057;font-family:"Inter", sans-serif;font-size:20px;font-weight:600;line-height:1.4em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){margin-block-end:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   CENTRUM KOREPETYCJI — GLOBALNE ZMIENNE CSS
   Wklej w: Elementor > Site Settings > Custom CSS
   (lub Hello Theme > Custom CSS / wtyczka Code Snippets)
   Uzywaj potem np.: background: var(--ck-navy);
   ========================================================= */

:root {
  /* --- KOLORY --- */
  --ck-navy:         #0A1F4A;  /* primary: header, footer, hero, naglowki */
  --ck-navy-card:    #1A3057;  /* karty / hover wewnatrz ciemnych sekcji */
  --ck-gold:         #D5A515;  /* akcent: CTA, ikony, podkreslenia */
  --ck-gold-hover:   #B98F0F;  /* hover przyciskow zlotych */
  --ck-cream:        #FAF6F0;  /* cieple tlo co drugiej sekcji */
  --ck-white:        #FFFFFF;  /* tlo glowne */
  --ck-text:         #3A3A44;  /* tekst body na jasnym */
  --ck-text-muted:   #6B6B78;  /* tekst przygaszony / podpisy */
  --ck-text-light:   #C9D2E4;  /* tekst przygaszony na navy */
  --ck-border:       #E7E2D9;  /* obramowania na jasnym tle */

  /* --- TYPOGRAFIA --- */
  --ck-font-head: 'Playfair Display', Georgia, serif;   /* naglowki H1/H2 */
  --ck-font-body: 'Inter', -apple-system, sans-serif;   /* UI / body / H3+ */

  /* --- KSZTALTY / GLEBIA --- */
  --ck-radius:     8px;                                  /* przyciski, male karty */
  --ck-radius-lg:  12px;                                 /* duze karty / sekcje */
  --ck-shadow:     0 4px 16px rgba(10, 31, 74, 0.08);   /* lekki cien pod kartami */
  --ck-shadow-lg:  0 8px 30px rgba(10, 31, 74, 0.12);   /* cien przy hover */
  --ck-transition: 0.25s ease;
}

/* =========================================================
   GOTOWE KLASY POMOCNICZE (opcjonalne)
   Dodaj nazwe klasy w Advanced > CSS Classes danego widgetu
   ========================================================= */

/* Sekcja na ciemnym navy */
.ck-section-dark {
  background: var(--ck-navy);
  color: #fff;
}
.ck-section-dark h1,
.ck-section-dark h2,
.ck-section-dark h3 { color: #fff; }

/* Sekcja na ciepłym kremie */
.ck-section-cream { background: var(--ck-cream); }

/* Karta z lekkim cieniem + hover uniesienie */
.ck-card {
  background: var(--ck-white);
  border-radius: var(--ck-radius-lg);
  box-shadow: var(--ck-shadow);
  transition: transform var(--ck-transition), box-shadow var(--ck-transition);
}
.ck-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--ck-shadow-lg);
}

/* Karta na ciemnym tle (navy) */
.ck-card-dark {
  background: var(--ck-navy-card);
  border-radius: var(--ck-radius-lg);
  color: #fff;
  transition: transform var(--ck-transition);
}
.ck-card-dark:hover { transform: translateY(-4px); }

/* Zlota etykieta nad naglowkiem (eyebrow) */
.ck-eyebrow {
  color: var(--ck-gold);
  font-family: var(--ck-font-body);
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* Zlote podkreslenie pod naglowkiem */
.ck-underline::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background: var(--ck-gold);
  border-radius: 2px;
  margin-top: 14px;
}

/* Przycisk-duch (obrys) na ciemnym tle */
.ck-btn-ghost {
  border: 1.5px solid rgba(255,255,255,0.35) !important;
  background: transparent !important;
  color: #fff !important;
  transition: var(--ck-transition);
}
.ck-btn-ghost:hover {
  border-color: var(--ck-gold) !important;
  color: var(--ck-gold) !important;
}/* End custom CSS */