.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#272727;color:#a5a4a4;font-family:"Roboto", Sans-serif;font-size:14px;line-height:20px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:#d9985f;}.elementor-kit-5 a:hover{color:#ffffff;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --bg-page:#272727; --bg-dark:#181818; --bg-panel:#3a3a3a; --bg-panel-alt:#2c2c2c; --accent:#d9985f; --accent-light:#ffcea3; --text-body:#a5a4a4; --text-muted:#656464; --text-link-tile:#c0c0c0; --heading:#ffffff; --text-dark:#333333; --font-heading:Roboto Condensed; --font-body:Roboto; }
/* Start custom CSS *//* adwokat-kazubski.pl – CSS witryny (Elementor → Ustawienia witryny → Własny CSS) */

/* Zdjęcie w tle (posąg) tylko w nagłówku i w hero strony głównej – reszta strony ma jednolite tło.
   background-attachment: fixed sprawia, że nagłówek i hero tworzą jedno ciągłe zdjęcie jak w oryginale. */
body { background-color: #272727; }
.site-header, .home-hero-bg {
  background: #272727 url("/wp-content/uploads/2026/10/bg1.webp") center top no-repeat fixed !important;
}
@media (max-width: 1024px) {
  .site-header, .home-hero-bg { background-attachment: scroll !important; background-position: right top !important; }
  .home-hero-bg { background-position: right -330px !important; }
}

/* Treść: linki, akcentowe pogrubienia, listy */
.content-p a, .content-h a, .content-h2 a, .breadcrumbs a, .sidebar-list a,
.svc-cta-text a, .svc-expert-text a, .footer-branch a, .footer-list a { color: #d9985f; text-decoration: none; }
.content-p a:hover, .breadcrumbs a:hover, .sidebar-list a:hover,
.footer-branch a:hover, .footer-list a:hover { color: #ffffff; }
.content-p b, .svc-expert-text b { color: #d9985f; font-weight: 700; }
/* Uwaga: przeglądarka wyjmuje <ul> z <p>, więc listy celujemy przez kontener, nie przez akapit */
.svc-content ul, .svc-content ol, .home-right ul, .home-right ol { margin: 0 0 10px 20px; padding: 0; color: #a5a4a4; }
.svc-content li a, .home-right li a { color: #d9985f; text-decoration: none; }

/* Pasek boczny: duże tytuły, pomarańczowa lista z myślnikiem */
.svc-sidebar ul { list-style: none; margin: 0 0 40px; padding: 0; }
.svc-sidebar li { margin-bottom: 10px; line-height: 18px; }
.svc-sidebar li::before { content: "- "; color: #d9985f; }
.svc-sidebar li a {
  font-family: "Roboto Condensed", sans-serif; font-size: 13px; text-transform: uppercase;
  letter-spacing: 1px; color: #d9985f; text-decoration: none;
}
.svc-sidebar li a:hover { color: #ffffff; }
.svc-sidebar .sidebar-list a { color: #d9985f; text-decoration: none; }

/* Krótka biała kreska nad H2 (jak w motywie) */
.content-h2::before, .alarm-h2::before, .hero-tel::before {
  content: ""; position: absolute; top: 0; left: 0; width: 30px; height: 2px; background: #ffffff;
}
.hero-tel a { color: #d9985f; text-decoration: none; }

/* Stopka */
.footer-text a { color: #575757; text-decoration: none; }
.footer-text a:hover { color: #d9985f; }
.footer-col ul { list-style: none; margin: 28px 0; padding: 0; }
.footer-col li { position: relative; padding-left: 14px; margin-bottom: 10px; line-height: 18px; }
.footer-col li::before { content: ""; position: absolute; left: 0; top: 7px; width: 4px; height: 4px; background: #d9985f; }
.footer-col li a { font-family: "Roboto Condensed", sans-serif; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #d9985f; text-decoration: none; }
.footer-col li a:hover { color: #ffffff; }

/* Menu mobilne (hamburger) */
.site-header .elementor-menu-toggle { background: #d9985f !important; color: #ffffff !important; padding: 10px; }
.site-header .elementor-menu-toggle svg { fill: #ffffff !important; }
.site-header .elementor-nav-menu--dropdown { background: #2c2c2c !important; }
.site-header .elementor-nav-menu--dropdown a { color: #ffffff !important; font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; font-size: 13px; }
.site-header .elementor-nav-menu--dropdown a:hover,
.site-header .elementor-nav-menu--dropdown a.elementor-item-active { background: #d9985f !important; color: #181818 !important; }
@media (max-width: 767px) {
  .site-header .elementor-nav-menu--dropdown.elementor-nav-menu__container { position: absolute; left: 0; right: 0; z-index: 999; }
}

/* Podmenu jak w motywie: wysuwane w bok (120px od lewej, 20px w górę), szerokie, pozycje w jednej linii, wyśrodkowane */
@media (min-width: 768px) {
  .site-header .elementor-nav-menu--main .elementor-nav-menu > li { position: relative; }
  .site-header .elementor-nav-menu--main .elementor-nav-menu > li > ul.sub-menu {
    position: absolute !important; left: 120px !important; top: -20px !important; right: auto !important;
    width: max-content !important; min-width: 0 !important; max-width: none !important;
    padding: 15px 0 !important; margin: 0 !important; z-index: 999; box-shadow: none !important;
  }
  .site-header .elementor-nav-menu--main .sub-menu li { width: 100%; }
  .site-header .elementor-nav-menu--main .elementor-sub-item {
    white-space: nowrap; text-align: center; justify-content: center;
    padding: 5px 15px !important; line-height: 18px !important; letter-spacing: 0 !important; border: 0 !important;
  }
  .site-header .elementor-nav-menu--main .sub-menu .sub-arrow { display: none; }
}

/* Menu główne (Nav Menu) – kolory jak w motywie */
.site-header .elementor-nav-menu--main .elementor-item { color: #ffffff !important; font-family: "Roboto Condensed", sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 3px; padding: 4px 0 !important; }
.site-header .elementor-nav-menu--main .elementor-item:hover,
.site-header .elementor-nav-menu--main .elementor-item.elementor-item-active { color: #d9985f !important; }
.site-header .elementor-nav-menu--main .sub-menu { background: #d9985f !important; }
.site-header .elementor-nav-menu--main .elementor-sub-item { color: #ffffff !important; background: transparent !important; font-family: "Roboto Condensed", sans-serif; font-weight: 700; text-transform: uppercase; font-size: 12px; }
.site-header .elementor-nav-menu--main .elementor-sub-item:hover { background: #2c2c2c !important; color: #d9985f !important; }
.back-top, .back-top:visited { color: #ffffff; text-decoration: none; }
html { scroll-behavior: smooth; }

/* Treść wpisów bloga (theme-post-content) – nagłówki i listy jak w motywie */
.post-body h2 {
  font-family: "Roboto Condensed", sans-serif; font-size: 17px; line-height: 24px; font-weight: 400;
  text-transform: uppercase; letter-spacing: 3px; color: #ffffff; margin: 30px 0 25px; padding: 14px 0 0;
}
.post-body h3 { font-family: "Roboto", sans-serif; font-size: 17px; line-height: 22px; font-weight: 400; color: #d9985f; margin: 20px 0 10px; }
.post-body h4, .post-body h5, .post-body h6 { font-family: "Roboto", sans-serif; font-size: 14px; color: #ffffff; margin: 15px 0 8px; }
.post-body p { margin: 0 0 12px; color: #a5a4a4; }
.post-body a { color: #d9985f; text-decoration: none; }
.post-body a:hover { color: #ffffff; }
.post-body ul, .post-body ol { margin: 0 0 12px 20px; padding: 0; }
.post-body img { max-width: 100%; height: auto; }
.post-body strong, .post-body b { color: #c9c9c9; }

/* Ostatnie wpisy (pętla) – myślnik jak w liście stron */
.sidebar-post-link::before { content: "- "; }

/* FAQ zwijane (jak <details> w oryginale): odpowiedź ukryta, „+” / „−” w kolorze akcentu */
.faq-item .faq-a { display: none !important; }
.faq-item.open .faq-a { display: block !important; }
.faq-q::after { content: "+"; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); color: #d9985f; font-weight: 700; }
.faq-item.open .faq-q::after { content: "\2212"; }
.faq-q:focus-visible { outline: 1px solid #d9985f; outline-offset: 2px; }
.faq-a ul, .faq-a ol { margin: 0 0 10px 20px; padding: 0; }

/* Boksy na stronie głównej – animacje jak w motywie */
.home-box { position: relative; }
.home-box-bar { position: absolute !important; top: -20px; left: 50%; margin: 0 0 0 -15px !important; transition: top .55s ease; }
.home-box:hover .home-box-bar { top: 45px; }
.home-box-icon { margin-top: 59px !important; }
.home-box-icon-img { transition: margin-top .35s ease; }
.home-box:hover .home-box-icon-img { margin-top: 0 !important; }
.home-box-title { transition: color .5s ease; }
.home-box:hover .home-box-title { color: #ffffff !important; }
.home-box-text { margin-top: 0 !important; }

/* Paginacja numeryczna (generowana skryptem w Custom Code) */
.kz-pagination ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.kz-pagination a, .kz-pagination span {
  display: inline-block; min-width: 36px; padding: 8px 12px; text-align: center; text-decoration: none;
  font-family: "Roboto Condensed", sans-serif; font-size: 14px; text-transform: uppercase; letter-spacing: 1px;
  border: 1px solid #d9985f; color: #d9985f; transition: all .2s ease;
}
.kz-pagination a:hover { background: #d9985f; color: #181818; }
.kz-pagination .active span { background: #d9985f; color: #181818; }

/* Telefon w nagłówku */
.header-phone-num a, a.header-phone-num { color: #d9985f; text-decoration: none; }
/* Na stronie głównej telefon alarmowy jest obok boksów, więc w nagłówku go ukrywamy */
body.home .header-phone { display: none; }

/* Mobilny pasek kontaktu na podstronach – miejsce na dole */
@media (max-width: 767px) { body:has(.svc-sticky) { padding-bottom: 70px; } }/* End custom CSS */