:root {
  --accent-color: #e31e24; /* Twój czerwony */
}

/* ====== MENU ====== */
.navbar ul li a::after,
.navbar ul li a.active::after,
.navbar ul li a:hover::after {
  background-color: var(--accent-color) !important;
}

/* ====== BUTTONS ====== */
.btn-get-started,
.btn-primary,
.btn-warning {
  background-color: var(--accent-color) !important;
  border-color: var(--accent-color) !important;
}

.btn-get-started:hover,
.btn-primary:hover,
.btn-warning:hover {
  background-color: #c71a1f !important; /* ciemniejszy odcień dla hover */
  border-color: #c71a1f !important;
}

/* ====== SCROLL TOP ====== */
.scroll-top {
  background: var(--accent-color) !important;
}

/* ====== SECTION HEADERS ====== */
.section-header h2::after {
  background: var(--accent-color) !important;
}

/* ====== ICONS ====== */
.services .icon-box i,
.features .icon-box i,
.contact .info i {
  color: var(--accent-color) !important;
}

/* ====== PORTFOLIO FILTERS ====== */
.portfolio .portfolio-flters li:hover,
.portfolio .portfolio-flters li.filter-active {
  color: var(--accent-color) !important;
}

/* ====== TESTIMONIALS ====== */
.testimonials .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--accent-color) !important;
}

/* ====== FOOTER ====== */
.footer .footer-links ul li a:hover {
  color: var(--accent-color) !important;
}

/* ====== BLOG ====== */
.blog .read-more:hover {
  color: var(--accent-color) !important;
}

/* ====== CONTACT FORM ====== */
.contact .php-email-form button[type=submit] {
  background: var(--accent-color) !important;
  border: 0;
}

.contact .php-email-form button[type=submit]:hover {
  background: #c71a1f !important;
}

/* ====== BACKGROUND ACCENTS ====== */
.features .icon-box:hover {
  border-color: var(--accent-color) !important;
}

.services .icon-box:hover {
  border-color: var(--accent-color) !important;
}
.logo img {
  height: 100px    !important;/* wysokość logo */
  max-height: 100px  !important;
}

.logo h1 {
  font-size: 28px !important; /* powiększenie tekstu obok logo */
  margin-left: 10px !important;
}
/* Hero nagłówek */
.hero .info h2 {
  font-size: clamp(1.4rem, 4vw, 3rem) !important;
  line-height: 1.2 !important;
  color: #fff !important;
  margin-bottom: 0.75rem !important;
}

/* Hero opis */
.hero .info p {
  font-size: clamp(0.9rem, 2.2vw, 1.25rem) !important;
  line-height: 1.6 !important;
  color: #fff !important;
  margin: 0 auto !important;
  max-width: 800px !important;
}

/* Hero przycisk */
.hero .btn-get-started {
  font-size: clamp(0.85rem, 1.8vw, 1.05rem) !important;
  padding: clamp(0.5rem, 1.5vw, 0.75rem) clamp(1rem, 3vw, 1.25rem) !important;
  margin-top: 1rem !important;
}

/* Overlay */
.hero .info .container {
  padding: 0 16px !important;
}

/* Dodatkowe korekty dla bardzo małych ekranów */
@media (max-width: 480px) {
  .hero .info h2 { font-size: 1.4rem !important; }
  .hero .info p { font-size: 0.9rem !important; max-width: 90% !important; }
  .hero .btn-get-started { font-size: 0.85rem !important; }
}

/* Dodatkowe korekty dla bardzo dużych ekranów */
@media (min-width: 1400px) {
  .hero .info h2 { font-size: 3rem !important; }
  .hero .info p { max-width: 900px !important; }
}
/* Logo obrazek */
.logo img {
  height: clamp(40px, 8vw, 120px) !important; /* min 40px, płynnie rośnie do max 120px */
  width: auto !important;
}

/* Tekst obok logo */
.logo h1 {
  font-size: clamp(1rem, 2.5vw, 2rem) !important; /* min 1rem, max 2rem */
  margin-left: 10px !important;
  line-height: 1.2 !important;
}

/* Dodatkowe korekty dla bardzo małych ekranów */
@media (max-width: 480px) {
  .logo img {
    height: 40px !important;
  }
  .logo h1 {
    font-size: 1rem !important;
  }
}

/* Dodatkowe korekty dla bardzo dużych ekranów */
@media (min-width: 1400px) {
  .logo img {
    height: 120px !important;
  }
  .logo h1 {
    font-size: 2rem !important;
  }
}
.footer {
  position: relative !important;
  color: #fff !important;
}

.footer::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0,0,0,0.7) !important; /* overlay dla czytelności */
  z-index: 0 !important;
}

.footer .footer-content,
.footer .footer-legal,
.footer * {
  position: relative !important;
  z-index: 1 !important;
}

/* Linki */
.footer a {
  color: #fff !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

.footer a:hover {
  color: #c71a1f !important;
}

/* Social media ikony */
.footer .social-links a {
  background: #222 !important;
  color: #fff !important;
  font-size: 18px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  margin-right: 10px !important;
  transition: background 0.3s ease, color 0.3s ease !important;
}

.footer .social-links a:hover {
  background: #c71a1f !important;
  color: #111 !important;
}