/* --- Global / base --- */
:root {
  --radius: 20px;
  --shadow-soft: 0 7px 24px -19px rgba(66,68,90,.9);
  --shadow-card: 1px 1px 24px rgba(66,68,90,.46);
}

body {
  background: url("/conf-data/26wwg/images/tlo3.jpg") center/cover no-repeat fixed;
}

/* --- Pricing --- */
.pricing__price-wrapper { display: none !important; }
.pricing__content { min-height: 10px !important; }

/* --- Patronat --- */
.patronat { max-width: 700px !important; }
.patronat a img { width: 80%; }

/* --- Navbar / Header --- */
.navbar-right { padding: 20px 0; }

.navbar-inverse {
  background: #fff;
  background-position: center;
  background-size: contain;
  background-attachment: fixed; /* jeśli „pływająca” nawigacja miga na mobile – rozważ usunięcie */
  border-color: #fff !important;
  border-radius: 0 0 var(--radius) var(--radius);
  width: 90%;
  margin: 0 auto;
  box-shadow: var(--shadow-soft);
}

.nav > li > a {
  position: relative;
  display: block;
  padding-left: 10px !important;
  padding-right: 10px !important;
  font-size: 13px !important;
  color: #4d4d4d !important;
}

/* poprawka: brakowało @ w media */
@media (min-width: 1200px) {
  .navbar > .container { width: 1366px !important; }
}

/* to wygląda na literówkę – zwykle chodzi o .navbar .container */
.navbar .container .container { padding-left: 10% !important; }

/* --- Banner --- */
.baner { position: relative; width: 100%; height: 720px; }
.baner p {
  margin: -540px auto 0;
  text-align: center;
}

/* --- Layout główny --- */
.glowna {
  margin-top: -50px;
  margin-bottom: 90px;
  padding: 60px;
  background: #fff;
  border-radius: 30px;
  box-shadow: var(--shadow-card);
}

.container-fluid--max-width { max-width: 1100px; }

/* --- Kolumny treści --- */
.ukladaniekolumn { display: flex; }
.lewa  { width: 30%; display: block; }
.prawa { width: 70%; display: block; padding-left: 50px; padding-right: 50px; }

.columns {
  column-count: 2;
  column-gap: 80px;
  column-rule: 1px dashed #fff;
}

/* --- Inne elementy --- */
.fullwidth-section__tint { padding-bottom: 50px; }
.banner__countdown-wrapper { text-align: center !important; }
.btn {
  display: block;
  margin: 0 auto;
  width: 180px;
  background: #C0D76D !important;
  border: 0 !important;
}
.navbar-item-register { border: 0; }

/* Ukrywanie stopki – uwaga: SEO / dostępność */
.footer { display: none; }

/* --- Responsywność --- */

/* ≤1366px */
@media (max-width: 1366px) {
  .baner p { margin-top: -280px; text-align: center; }
}

/* 769–1366px (fix składni media) */
@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .has-collapsed-aside-menu { padding-top: 55px !important; }
}

/* ≤768px */
@media (max-width: 768px) {
  .columns {
    column-count: 1;
    column-gap: 40px;
    column-rule: 1px dashed #fff;
  }

  .glowna {
    margin-top: -10px;
    padding: 30px;
  }

  .baner { height: 320px; margin-top: -20px; }

  object {
    margin-top: 300px;
    width: 70%;
  }

  .ukladaniekolumn { display: flex; flex-direction: column; }
  .lewa  { width: 100% !important; margin-left: 30px; }
  .prawa { width: 100% !important; padding-left: 10px !important; padding-right: 10px !important; }

  .navbar-header { background: #6A5753; }
}

/* drobne utilsy */
.has-collapsed-aside-menu { padding-top: 25px !important; }

/* --- Scrollbar stylowany (dla Chrome, Edge, Safari) --- */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: #C0D76D; /* zielony akcent z przycisków */
  border-radius: 10px;
  border: 2px solid #ffffff;
}

::-webkit-scrollbar-thumb:hover {
  background: #a9c35a; /* ciemniejszy odcień przy najechaniu */
}

/* --- Scrollbar dla Firefoxa --- */
* {
  scrollbar-width: thin;
  scrollbar-color: #C0D76D rgba(255,255,255,0.8);
}

/* opcjonalnie: subtelne wygładzenie */
html {
  scroll-behavior: smooth;
}


/* ==========================
   BEZPIECZNA TYPOGRAFIA FIX
   (dodane na końcu)
========================== */

/* 1) Bazowa czcionka i wygładzanie */
body{
  font-family: "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #2b2b2b;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 2) Tekst w treści – bez rozwalania layoutu */
.glowna p,
.glowna li,
.fullwidth-section p,
.fullwidth-section li{
  line-height: 1.7;
}

/* 3) Nagłówki – spójne i czytelne, tylko w treści */
.glowna h1, .glowna h2, .glowna h3, .glowna h4,
.fullwidth-section h1, .fullwidth-section h2, .fullwidth-section h3, .fullwidth-section h4{
  font-family: "Segoe UI", Roboto, Arial, sans-serif;
  color: #1f1f1f;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.2px;
}

.glowna h1, .fullwidth-section h1 { font-size: 34px; }
.glowna h2, .fullwidth-section h2 { font-size: 26px; }
.glowna h3, .fullwidth-section h3 { font-size: 20px; }
.glowna h4, .fullwidth-section h4 { font-size: 17px; }

/* 4) Menu – większa czcionka, ale bez ruszania paddingów */
.nav > li > a{
  font-size: 15px !important; /* nadpisuje Twoje 13px */
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.2px;
}

/* 5) Przyciski – czytelniej */
.btn{
  font-size: 15px;
  font-weight: 700;
}

/* 6) Mobile */
@media (max-width: 768px){
  body{ font-size: 16px; }
  .nav > li > a{ font-size: 16px !important; }

  .glowna h1, .fullwidth-section h1 { font-size: 26px; }
  .glowna h2, .fullwidth-section h2 { font-size: 22px; }
  .glowna h3, .fullwidth-section h3 { font-size: 19px; }
}

/* ==========================
   WWG – treść bez pogrubienia
   (wklej na sam koniec)
========================== */

/* Treść ma być normalna (400) */
body { font-weight: 400; }

.glowna,
.fullwidth-section,
.fullwidth-section__tint,
.container,
.container-fluid,
.content,
.main-content {
  font-weight: 400 !important;
}

/* Tekst w treści również normalny (na wypadek nadpisań w childach) */
.glowna p, .glowna li,
.fullwidth-section p, .fullwidth-section li,
.content p, .content li {
  font-weight: 400 !important;
}

/* Nagłówki mogą zostać mocniejsze */
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

/* Pogrubienie tylko tam, gdzie ma sens */
strong, b { font-weight: 600; }

/* Menu i przyciski – czytelne, ale nie „beton” */
.nav > li > a { font-weight: 600; }
.btn { font-weight: 700; }