/* ================================================
   MULTICERT PRO v6 — mc-cta fix, footer, nav-left
   ================================================ */

/* === RESET PROBLEMÓW Z all_111_gzip.css === */

/* 1. Header — border-top zamiast sticky */
header {
  position: static !important;
  border-top: 3px solid #c0392b;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.07);
}
header::before {
  content: none !important;
  display: none !important;
}

/* 2. Ikony social media — ukryj w headerze (między nav a bannerem) */
header .socials {
  display: none !important;
}

/* 3. Carousel — usuń ciemny gradient */
#carousel .item .description {
  background: none !important;
}

/* 4. Sidebar CTA i Share — TYLKO na blogpostach (gdy JS doda .has-sidebar) */
.post-sidebar__cta,
.post-sidebar__share {
  display: none !important;
}
.has-sidebar .post-sidebar__cta,
.has-sidebar .post-sidebar__share {
  display: block !important;
}

/* === FONTS === */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

body, p, li, td, input, button, select, textarea {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.25;
}

html { scroll-behavior: smooth; }

/* === NAV LINKS === */
.nav-header > li > a {
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #2d3748 !important;
  transition: color 0.18s ease !important;
  position: relative;
}
.nav-header > li > a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 14px;
  right: 14px;
  height: 2px;
  background: #c0392b;
  transform: scaleX(0);
  transition: transform 0.2s ease;
}
.nav-header > li:hover > a,
.nav-header > li.active > a {
  color: #c0392b !important;
}
.nav-header > li:hover > a::after {
  transform: scaleX(1);
}

/* === CTA button Kontakt === */
.nav-header > li.mdropdown:last-child > a {
  background: #c0392b !important;
  color: #fff !important;
  border-radius: 6px !important;
  padding: 8px 16px !important;
  margin: 14px 0 14px 8px !important;
  font-weight: 600 !important;
}
.nav-header > li.mdropdown:last-child > a::after {
  display: none !important;
}
.nav-header > li.mdropdown:last-child > a:hover {
  background: #a93226 !important;
  color: #fff !important;
}

/* === CAROUSEL — tylko typografia i przycisk === */
#carousel .item .description .description-size h1,
#carousel .item .description .description-size h2,
#carousel .item .description .description-size h3 {
  font-family: 'Inter', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  color: #fff !important;
  line-height: 1.15 !important;
}
#carousel .item .description .description-size .more {
  background: #c0392b !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  padding: 12px 28px !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 16px rgba(192,57,43,0.4) !important;
}
#carousel .item .description .description-size .more:hover {
  background: #a93226 !important;
  transform: translateY(-1px) !important;
}

/* === NEWS CARDS === */
.news-item, .news-item-normal {
  border-radius: 8px;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.news-item:hover, .news-item-normal:hover {
  box-shadow: 0 4px 24px rgba(0,0,0,0.1);
  transform: translateY(-2px);
}
.news-item > div.description h3 a,
.news-item-normal > div.description h3 a {
  color: #1a2a5e !important;
}
.news-item > div.description h3 a:hover,
.news-item-normal > div.description h3 a:hover {
  color: #c0392b !important;
  text-decoration: none !important;
}
.news-item > div.description .more,
.news-item-normal > div.description .more {
  background: transparent !important;
  color: #c0392b !important;
  border: 2px solid #c0392b !important;
  border-radius: 6px !important;
  padding: 7px 18px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
.news-item > div.description .more:hover,
.news-item-normal > div.description .more:hover {
  background: #c0392b !important;
  color: #fff !important;
}

/* === DROPDOWN === */
.dropdown-menu {
  border: none !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.12) !important;
  border-radius: 8px !important;
  padding: 8px 0 !important;
}
.dropdown-menu li > a {
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #2d3748 !important;
  padding: 9px 20px !important;
}
.dropdown-menu li > a:hover {
  background: #f7f8fc !important;
  color: #c0392b !important;
}

/* === TREŚĆ ARTYKUŁÓW === */
.ukl-body, .description-body {
  font-size: 15.5px !important;
  line-height: 1.75 !important;
  color: #2d3748 !important;
}
.ukl-body h1, .ukl-body h2, .ukl-body h3 {
  color: #1a2a5e !important;
}
.ukl-body a { color: #c0392b !important; text-decoration: none !important; }

/* === CTA BOXY W TREŚCI (mc-cta generowane przez CMS) === */
.mc-cta a,
.ukl-body .mc-cta a,
.description-body .mc-cta a {
  color: #fff !important;
  text-decoration: none !important;
}
.mc-cta a:hover,
.ukl-body .mc-cta a:hover {
  color: #fff !important;
  opacity: 0.9;
}

/* === FOOTER === */
footer {
  background: #1a2a5e !important;
  color: rgba(255,255,255,0.7) !important;
  padding: 40px 15px !important;
  margin-top: 60px;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: auto !important; /* MUSI być auto — czyści float dzieci */
}
footer .copyright-left {
  width: 50% !important;
  float: left !important;
  box-sizing: border-box !important;
  padding-right: 20px !important;
  color: rgba(255,255,255,0.6) !important;
  font-size: 12.5px !important;
}
footer .copyright-right {
  width: 50% !important;
  float: right !important;
  text-align: right !important;
  box-sizing: border-box !important;
  padding-left: 10px !important;
  overflow: hidden !important;
}
footer .copyright-right img {
  max-height: 36px !important;
  width: auto !important;
  margin-right: 12px !important;
  vertical-align: middle !important;
}
footer .copyright-right > a {
  margin-left: 10px !important;
  display: inline-block !important;
}
.copyright-left a, .copyright-right a { color: rgba(255,255,255,0.75) !important; }
.copyright-left a:hover, .copyright-right a:hover { color: #fff !important; }
@media (max-width: 991px) {
  footer .copyright-left,
  footer .copyright-right {
    width: 100% !important;
    float: none !important;
    text-align: center !important;
    padding: 0 0 10px !important;
    overflow: visible !important;
  }
  footer .copyright-right img {
    margin-right: 8px !important;
  }
}

/* === NAV-LEFT W SIDEBARZE — wymuś widoczność === */
#sidebar .nav.nav-left,
#sidebar .nav-left,
.sidebar-offcanvas .nav.nav-left,
.sidebar-offcanvas .nav-left {
  display: block !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
#sidebar .nav.nav-left > li,
#sidebar .nav-left > li,
.sidebar-offcanvas .nav.nav-left > li,
.sidebar-offcanvas .nav-left > li {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  opacity: 1 !important;
  border-left: 3px solid #e0e0e0;
  margin-bottom: 2px !important;
  background: none !important;
}
#sidebar .nav.nav-left > li.active,
#sidebar .nav-left > li.active {
  border-left-color: #c0392b !important;
  background: #fdf7f7 !important;
}
#sidebar .nav.nav-left > li > a,
#sidebar .nav-left > li > a,
.sidebar-offcanvas .nav.nav-left > li > a,
.sidebar-offcanvas .nav-left > li > a {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #2d3748 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 8px 12px !important;
  background: none !important;
  background-image: none !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
}
#sidebar .nav.nav-left > li.active > a,
#sidebar .nav-left > li.active > a {
  color: #c0392b !important;
  font-weight: 600 !important;
}
#sidebar .nav.nav-left > li > a:hover,
#sidebar .nav-left > li > a:hover {
  color: #c0392b !important;
  background: #fdf7f7 !important;
  background-image: none !important;
}

/* === SELECTION === */
::selection { background: #c0392b; color: #fff; }