/**
 * hazel-theme.css – minimalna podmiana hazel-style-inline-css
 * Tylko co potrzebne dla headera, menu, footera i typografii serwisu.
 * Zastępuje ~60 KB inline bloku WordPress na każdej stronie.
 */

/* ── Kolory brandowe ──────────────────────────────────────────── */
:root {
  --brand: #b8b8b8;
  --brand-dark: #999999;
  --text: #595959;
  --heading: #303030;
  --bg: #ffffff;
  --footer-bg: rgba(25,25,25,1);
  --footer2-bg: rgba(245,245,245,1);
}

/* ── Tło strony ───────────────────────────────────────────────── */
body, #main { background-color: var(--bg) !important; }

/* ── Header – bazowy ──────────────────────────────────────────── */
/* Header nad Revolution Slider – naprawa dotykań hamburgera na mobile (cały pasek klikalny) */
header.navbar.navbar-fixed-top,
.navbar-fixed-top,
#site-header .navbar,
#site-header,
header.navbar {
  z-index: 2147483647 !important;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  pointer-events: auto !important;
}
header .nav-container,
header #dl-menu,
header .dl-trigger-wrapper,
header button.dl-trigger,
header .navbar-brand {
  pointer-events: auto !important;
}
header.navbar {
  background-color: rgba(255,255,255,1);
}
header .navbar-header,
header.style4 .nav-container .navbar-header {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 0;
  height: 100px;
}
header a.navbar-brand img { max-height: 100px; }

/* ── Desktop menu ─────────────────────────────────────────────── */
.navbar-collapse ul.navbar-nav > li > a,
.navbar-collapse > .header_style2_menu > ul > li > a {
  font-weight: 500 !important;
  font-size: 11px;
  color: #444444;
  text-transform: uppercase;
  letter-spacing: 3px;
}
body .navbar-default .navbar-nav > li > a {
  padding-top: 32px;
  padding-bottom: 32px;
}
.navbar-default .navbar-nav > li { padding-right: 20px; padding-left: 20px; }

/* aktywny / hover ─ menu desktop */
.navbar-collapse ul.navbar-nav > li > a:hover,
.navbar-collapse ul.navbar-nav > li.current-menu-item > a,
.navbar-collapse ul.navbar-nav > li.current-menu-ancestor > a,
.navbar-collapse ul.navbar-nav > li > a.selected,
.navbar-collapse ul.navbar-nav > li > a.hover_selected { color: var(--brand-dark) !important; }

/* podkreślenie aktywnego */
header.navbar-default.hazel-underlining .navbar-nav > li:hover > a::before,
.navbar-collapse ul.navbar-nav > li.current-menu-item > a::before,
.navbar-collapse ul.navbar-nav > li.current-menu-ancestor > a::before,
.navbar-collapse ul.navbar-nav > li > a.selected::before { background: var(--brand-dark) !important; }

/* padding header icons */
header.style1 .hazel_right_header_icons,
header.style5 .hazel_right_header_icons,
header.style7 .hazel_right_header_icons { padding-top: 32px; padding-bottom: 32px; }

/* dropdown menu */
header ul.menu-depth-1,
header ul.menu-depth-1 ul,
header ul.menu-depth-1 ul li,
header.header_after_scroll ul.menu-depth-1,
header.header_after_scroll ul.menu-depth-1 ul,
header.header_after_scroll ul.menu-depth-1 ul li,
header.header_after_scroll #dl-menu ul { background-color: rgba(255,255,255,1) !important; }

header:not(.header_after_scroll) .navbar-nav > li > ul { margin-top: 32px; }

.navbar-collapse li:not(.hazel_mega_menu) ul.menu-depth-1 li:not(:first-child) {
  border-top: 1px solid rgba(237,237,237,1) !important;
}
.navbar-collapse ul.menu-depth-1 li a,
.dl-menuwrapper li a, .gosubmenu {
  font-weight: 300; font-size: 13px; color: #1a1a1a !important; letter-spacing: 0;
}
.navbar-collapse ul.menu-depth-1 li:hover > a,
.dl-menuwrapper li:not(.hazel_mega_hide_link):hover > a,
.dl-menuwrapper li:not(.hazel_mega_hide_link):hover > .gosubmenu,
.dl-menuwrapper li.dl-back:hover { color: var(--brand) !important; }

.dl-menuwrapper li:not(.hazel_mega_hide_link):hover > a { background-color: rgba(16,16,16,1) !important; }

header li:not(.hazel_mega_menu) ul.menu-depth-1 li:hover,
header #dl-menu ul li:hover,
header.header_after_scroll li:not(.hazel_mega_menu) ul.menu-depth-1 li:hover,
header.header_after_scroll #dl-menu ul li:hover { background-color: rgba(16,16,16,1) !important; }

#dl-menu ul li:not(:last-child) a { border-bottom: 1px solid #ededed; }

/* ikony w headerze */
header.navbar .nav-container .hazel_right_header_icons .icon,
header .menu-controls .icon,
header .social_container i { color: #333333 !important; }
header.navbar .nav-container .hazel_right_header_icons .icon:hover,
header .social_container:hover i { color: #d8d8d8 !important; }

/* ── Hamburger ────────────────────────────────────────────────── */
header.navbar .hamburguer-trigger-menu-icon span { background-color: #333333; }
header:not(.header_after_scroll) .dl-menuwrapper button:after {
  background: var(--brand-dark);
  box-shadow: 0 6px 0 var(--brand-dark), 0 12px 0 var(--brand-dark);
}
.dl-trigger { font-weight: 500 !important; font-size: 11px; text-transform: uppercase; letter-spacing: 3px; }

/* ── Header po scrollu ────────────────────────────────────────── */
header.navbar.header_after_scroll { background-color: rgba(16,16,16,1); }
header.header_after_scroll a.navbar-brand img.logo_after_scroll { max-height: 60px; }
header.header_after_scroll .navbar-header,
header.style4.header_after_scroll .nav-container .navbar-header,
header.headerclone.header_after_scroll .navbar-header {
  margin-top: 20px; margin-bottom: 20px; margin-left: 0; height: 60px;
}
header.header_after_scroll.navbar .hamburguer-trigger-menu-icon span { background-color: #ebebeb; }
header.header_after_scroll.navbar .nav-container .hazel_right_header_icons .icon,
header.header_after_scroll .social_container i { color: #ebebeb !important; }
header.header_after_scroll.navbar .nav-container .hazel_right_header_icons .icon:hover,
header.header_after_scroll .social_container:hover i { color: #ffffff !important; }

.header_after_scroll .navbar-collapse ul.navbar-nav > li > a {
  font-weight: normal; font-size: 11px; color: #a8a8a8;
  text-transform: uppercase; letter-spacing: 3px;
}
.header_after_scroll .navbar-collapse ul.navbar-nav > li > a:hover,
.header_after_scroll .navbar-collapse ul.navbar-nav > li.current-menu-item > a,
.header_after_scroll .navbar-collapse ul.navbar-nav > li > a.selected { color: #ededed !important; }

.header_after_scroll .dl-menuwrapper button:after {
  background: #ededed; box-shadow: 0 6px 0 #ededed, 0 12px 0 #ededed;
}
header.header_after_scroll.navbar-default .navbar-nav > li > a,
header.headerclone.navbar-default .navbar-nav > li > a { padding-top: 25px; padding-bottom: 20px; margin-bottom: 0; }
header.header_after_scroll.navbar-default .navbar-nav > li,
header.headerclone.navbar-default .navbar-nav > li { padding-right: 20px; padding-left: 20px; margin-bottom: 0; }
header.header_after_scroll .navbar-nav > li > ul { margin-top: 0 !important; }
header.header_after_scroll.style1 .hazel_right_header_icons,
header.header_after_scroll.style5 .hazel_right_header_icons,
header.header_after_scroll.style7 .hazel_right_header_icons { padding-top: 25px; padding-bottom: 20px; }
header #dl-menu ul,
header.header_after_scroll #dl-menu ul { background-color: rgba(255,255,255,1) !important; }
/* Tekst w menu hamburgera zawsze ciemny na białym tle - maksymalny kontrast */
header #dl-menu .dl-menu li a,
header #dl-menu .dl-menu li .gosubmenu,
header.header_after_scroll #dl-menu .dl-menu li a,
header.header_after_scroll #dl-menu .dl-menu li .gosubmenu,
.dl-menuwrapper .dl-menu li a,
.dl-menuwrapper .dl-menu li .gosubmenu { color: #000000 !important; }
header.header_after_scroll .navbar-collapse ul.menu-depth-1 li a,
header.header_after_scroll .dl-menuwrapper li a,
header.header_after_scroll .gosubmenu { color: #1a1a1a !important; }
header.header_after_scroll .dl-back { color: #1a1a1a !important; }
header.header_after_scroll .navbar-collapse ul.menu-depth-1 li:hover > a,
header.header_after_scroll .dl-menuwrapper li:not(.hazel_mega_hide_link):hover > a,
header.header_after_scroll .dl-menuwrapper li.dl-back:hover { color: var(--brand) !important; }
header.header_after_scroll #dl-menu li:not(:last-child) a,
header.header_after_scroll #dl-menu ul li:not(:last-child) a { border-bottom: 1px solid rgba(237,237,237,1) !important; }

/* ── Mobile menu ──────────────────────────────────────────────── */
@media only screen and (max-width: 767px) {
  body header .nav-container .navbar-header {
    margin-top: 30px !important; margin-bottom: 30px !important; height: 18px !important;
  }
  body header a.navbar-brand img { max-height: 18px; }
  body header.header_after_scroll .nav-container .navbar-header {
    margin-top: 20px !important; margin-bottom: 20px !important; height: 18px !important;
  }
  body header.header_after_scroll a.navbar-brand img,
  body header.header_after_scroll a.navbar-brand img.logo_after_scroll { max-height: 18px; }
  .dl-menuwrapper .dl-menu { top: calc(80% + 30px); }
  .header_after_scroll .dl-menuwrapper .dl-menu { top: calc(80% + 20px); }
  header .nav-container .dl-menuwrapper { margin-top: 30px; }
  header.header_after_scroll .nav-container .dl-menuwrapper { margin-top: 20px; }
}

/* ── Push sidebar ─────────────────────────────────────────────── */
.hazel-push-sidebar.hazel-push-sidebar-right { background-color: #171717 !important; }
.hazel-push-sidebar a:not(.vc_btn3) { color: #ededed !important; font-size: 14px; line-height: 1.7em; }
.hazel-push-sidebar a:hover:not(.vc_btn3) { color: #ffffff !important; }
.hazel-push-sidebar p, .hazel-push-sidebar .widget ul li, .hazel-push-sidebar .widget span {
  color: #ededed !important; font-size: 14px;
}

/* ── Border header (przezroczysty) ───────────────────────────── */
header.navbar:not(.header_after_scroll),
header.navbar:not(.header_after_scroll) .navbar-right { border-color: rgba(0,0,0,0) !important; }
header.navbar.header_after_scroll,
header.navbar.header_after_scroll .navbar-right { border-color: rgba(255,255,255,0) !important; }

/* ── Footer ───────────────────────────────────────────────────── */
#big_footer { background-color: var(--footer-bg); }
#secondary_footer { background-color: var(--footer2-bg); padding-top: 80px; padding-bottom: 80px; }
#secondary_footer .social-icons-fa a i { font-size: 16px; line-height: 16px; color: #333333; }
#secondary_footer .social-icons-fa a:hover i { color: #d8d8d8; }
.footer_custom_text * { font-weight: normal !important; font-size: 13px !important; color: #ababab !important; }
#primary_footer > .container, #primary_footer > .no-fcontainer { padding-top: 80px; padding-bottom: 80px; }
#primary_footer a { color: #ACACAD; }
#primary_footer, #primary_footer p { color: #999999; }
#primary_footer .footer_sidebar > h4, #primary_footer .footer_sidebar > .widget > h4 { color: #ffffff !important; }
#primary_footer input, #primary_footer textarea { border: 1px solid #191919; }
#big_footer .widget-newsletter input { background: #191919 !important; }

/* ── Kolory akcentu (brand) ───────────────────────────────────── */
.widget_nav_menu .current-menu-item > a,
.team-position,
.metas-container i,
.widget-contact-content i { color: var(--brand); }

.hazel-button-color,
.des-pages .postpagelinks,
.tagcloud a:hover { border: 1px solid var(--brand); }

.hazel-button-color span,
.widget ul li a:hover,
.widget_nav_menu li a:hover { color: var(--brand) !important; }

a.p-button:hover,
.tagcloud a:hover,
.nav-previous, .nav-next,
a#send-comment,
.navbar-collapse ul.navbar-nav > li.current-menu-item > a::before {
  background-color: var(--brand);
}

/* ── Typografia ───────────────────────────────────────────────── */
body, p, li { font-weight: normal; font-size: 14px; color: var(--text); }
p { line-height: 1.7em !important; }
h1 { font-weight: 300; font-size: 40px; color: var(--heading); line-height: 1.3em; letter-spacing: 10px; text-transform: uppercase; }
h2:not(.the_title h2) { font-weight: 300; font-size: 32px; color: var(--heading); line-height: 1.3em; letter-spacing: 10px; text-transform: uppercase; }
h3 { font-weight: 300; font-size: 29px; color: var(--heading); line-height: 1.3em; }
h4 { font-weight: 300; font-size: 22px; color: var(--heading); line-height: 1.3em; letter-spacing: 10px; text-transform: uppercase; }
h5:not(.title) { font-weight: 500; font-size: 18px; color: var(--heading); line-height: 1.3em; letter-spacing: 5px; text-transform: uppercase; }
h6, h6 a { font-weight: 600; font-size: 12px; color: var(--heading); line-height: 1.3em; letter-spacing: 3px; text-transform: uppercase; }

@media only screen and (max-width: 844px) {
  h1 { font-size: 28px !important; letter-spacing: 4px; }
  h2:not(.the_title h2) { font-size: 25px !important; letter-spacing: 3px; }
  h3 { font-size: 22px !important; letter-spacing: 3px; }
  h4 { font-size: 18px !important; letter-spacing: 3px; }
  h5:not(.title) { font-size: 15px !important; letter-spacing: 1px; }
}