/* --- 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;
}