/* ===== Variables ===== */
:root {
  --header-spacer: 100px;
  /* Theme colors */
  --base-color: var(--wp--preset--color--base);
  --primary-color: var(--wp--preset--color--primary);
  --secondary-color: var(--wp--preset--color--secondary);
  --secondary-dark-color: var(--wp--preset--color--secondary-dark);
  --contrast-color: var(--wp--preset--color--contrast);
  --detail-color: #d26a53;

  --footer-color: var(--wp--preset--color--secondary);
  --footer-content: var(--wp--preset--color--base);

  /* Button colors */
  --btn-bg: var(--wp--preset--color--btn-primary);
  --btn-bg-hover: var(--wp--preset--color--btn-primary-hover);
  --btn-text: var(--wp--preset--color--base);

  /* Footer courtain effect */
  --footer-reveal: 100vh;

  /* Decorative font */
  --font-decorative: var(--wp--preset--font-family--cormorant);

  --focus-color: var(--contrast-color);
  --focus-width: 3px;
  --focus-offset: 7px;

}

.bottom-40px {
 bottom: 40px !important;
}

/* ===== Lerp Smooth Scroll ===== */
/* Zalecany CSS dla Lenisa */
html.lenis,
html.lenis body {
  height: auto;
}

/* Wyłącz natywny smooth - gryzie się z Lenisem */
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

/* Gdy Lenis jest zatrzymany (np. podczas modala) – zablokuj scroll */
.lenis.lenis-stopped {
  overflow: hidden;
}

/* Gdy Lenis przewija, iframe nie łapie eventów */
.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

/* Jeżeli są sekcje, które mają mieć własny natywny scroll (np. modal, offcanvas) */
[data-lenis-prevent] {
  overscroll-behavior: contain;
}

/* ===== Buttons ===== */
.btn {
  --bs-btn-bg: var(--btn-bg);
  --bs-btn-border-color: var(--btn-bg);
  --bs-btn-color: var(--btn-text);

  /* Stany */
  --bs-btn-hover-bg:  var(--btn-bg-hover);
  --bs-btn-hover-border-color: var(--btn-bg-hover);
  --bs-btn-active-bg:  var(--btn-bg-hover);
  --bs-btn-active-border-color:  var(--btn-bg-hover);
}

.btn,
.btn:hover,
:not(.btn-check)+.btn:active {
	font-weight: 500;
	color: #fff;
}

.btn-outline-light {
  border-color: var(--footer-content);
	padding: 0.5rem 1.5rem;
}

.btn-outline-dark {
  border-color: var(--secondary-color);
  border: 1px solid;
	padding: 0.5rem 1.5rem;
}

.blog-btn {
  line-height: 1;
  padding: 0.6rem 1.5rem;
}

.offcanvas .btn-close-custom {
  color: var(--secondary-color);
  opacity: 1;
}

/* stany */
.offcanvas .btn-close-custom:hover { opacity: .8; }
.offcanvas .btn-close-custom:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.btn-contact-mobile-menu {
	min-width: 70%;
}

.offer-btn {
  border: none;
  background: none;
  color: var(--detail-color);
}

/* ===== General styles ===== */
:focus {
  outline: 0px;
}

:focus-visible,
.nav-link:focus-visible {
  outline: var(--focus-width) solid var(--focus-color);
  outline-offset: var(--focus-offset);
  border-radius: .25rem;
  box-shadow: none;
}


.nav-tabs .nav-link:focus-visible,
.nav-pills .nav-link:focus-visible {
  outline: var(--focus-width) solid var(--focus-color);
  outline-offset: var(--focus-offset);
  border-radius: .25rem;
}

h1,
h2,
h3,
h4,
h5 {
  margin-bottom: 0px;
}

.font-decorative {
  font-family: var(--font-decorative);
}

body p {
  margin-bottom: 0;	
}

body a {
	text-decoration: none;
}
.body-wrapper {
  position: relative;
  background-color: var(--base-color);
  z-index: 1;
}

#do-pobrania,
#kontakt,
#o-nas,
#blog-glowna,
#blog-post,
#blog-archiwum,
#polityka-prywatnosci,
#usluga {
  margin-top: var(--header-spacer);
}

#o-nas {
  min-height: 100vh;
}

.side-img-450 {
  height: 450px;
}

.img-450 {
  height: auto;
}

.image-border-radius {
  border-radius: 1.5rem;
}

.text-detail {
  font-family: var(--font-decorative);
  font-size: 2.25rem;
}

.text-detail-contact {
  font-family: var(--font-decorative);
  font-size: 1.5rem;
}

.text-detail-italic {
  font-family: var(--font-decorative);
  font-style: italic;
  font-size: 2.25rem;
}

.text-italic {
  font-family: var(--font-decorative);
  font-style: italic;
}

.font-1375rem {
  font-size: 1.375rem;
  font-weight: 600;
}

.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 100% !important;
}

/* === STICKY HEADER === */

  /* --- Auto-hide header --- */
  .js-hide-on-scroll {
    left: 0; right: 0; top: 0; z-index: 1030;
    transition: transform .35s ease, color .8s ease, fill .8s ease;
    will-change: transform;
  }
  .js-hide-on-scroll.is-absolute { position: absolute; }
  .js-hide-on-scroll.is-fixed    { position: fixed; }

  /* Gładkie chowanie/pokazywanie */
  .js-hide-on-scroll.is-hidden   { transform: translateY(-100%); }
  .js-hide-on-scroll.is-shown    { transform: translateY(0); }

  /* Subtelne tło po zjechaniu ze szczytu (gdy fixed) */
  /* .js-hide-on-scroll.is-scrolled {
    background-color: rgba(255, 255, 255, 0);
  } */

  /* Drobne dopasowania do WP Navigation, żeby wyglądało jak bootstrapowa nawigacja */
  /* .wp-nav--desktop .wp-block-navigation__container {
    display: flex; 
    gap: 1rem; 
    align-items: center;
  }

  .wp-block-navigation__container a {
    text-decoration: none;
  } */

  /* Preferencje dostępności */
  @media (prefers-reduced-motion: reduce) {
    .js-hide-on-scroll { transition: none; }
  }
  
/* pozycje startowe mobile menu */
.offcanvas-start { transform: translateX(-100%); }  /* z lewej */
.offcanvas-end   { transform: translateX(100%);  }  /* z prawej */

.offcanvas.showing,
.offcanvas.show {
  transform: translateX(0);
}

.offcanvas.hiding.offcanvas-start { transform: translateX(-100%); }
.offcanvas.hiding.offcanvas-end   { transform: translateX(100%);  }

.offcanvas.fade            { opacity: 0; }
.offcanvas.fade.showing,
.offcanvas.fade.show       { opacity: 1; }
.offcanvas.fade.hiding     { opacity: 1; }


/* Przywraca animację przesuwu - bo gryzie się z js hide on scroll */
.offcanvas {
  transition: transform .30s ease, opacity .25s ease;
  will-change: transform;
  background-color: var(--base-color);
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

.offcanvas-body {
  position: relative;
  padding-bottom: 4rem;
}

.offcanvas a,
.navbar a {
	text-decoration: none;
	font-weight: 500;
}

.mobile-menu-nav .mobile-menu-link a,
.offcanvas-header-logo svg,
.navbar-brand svg,
.navbar-nav a,
.navbar-toggler {
  color: var(--secondary-color);
}

.offcanvas-header-logo hr{
	border-top: 1px solid var(--secondary-color);
	max-width: 80%;
	opacity: 0.6;
}

.mobile-menu-nav {
	margin-left: 15vw;
}

.navbar-toggler {
  border: 0px;
}

/* ===== Menu Link Hover ===== */
.header-link {
  transition: transform 0.15s ease;
}

.header-link:hover {
  transform: translateY(2px);
}

.dropdown-menu {
  background: #fcfbf6e8;
  border: 0px;
  border-radius: 3px;
}

.nav-link {
  color: var(--secondary-color);
}

.nav-link:hover,
.dropdown-link:hover,
.header-link-color:hover {
  color: var(--secondary-dark-color);
}

.dropdown-link {
  transition: transform 0.15s ease;
}

.dropdown-link:hover {
  transform: translateX(5px);
  background-color:#ffffff00;
}

.dropdown-toggle::after {
  display: none;
}

.mobile-menu-slider {
  position: relative;
  flex: 1 1 auto;
  overflow: hidden;    /* bo panele są absolute */
}

.mobile-menu-panel {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  padding-bottom: 5rem;
  background: var(--base-color);
  transform: translateX(100%);
  transition: transform .25s ease;
  min-height: 0;
}

.mobile-menu-panel.is-active {
  transform: translateX(0);
}

.mobile-menu-panel.is-left {
  transform: translateX(-100%);
}

/* scroll wewnątrz panelu: to, co w środku, ma się przewijać */
.mobile-menu-panel > .mobile-menu-nav,
.mobile-menu-panel > ul {
  flex: 1 1 auto;
  overflow-y: auto;
  min-height: 0;
  color: var(--secondary-color);
}

.btn-link-like {
  background: transparent;
  border: 0;
  padding: 0;
  color: var(--secondary-color);
  font-weight: 500;
}

.btn-link-like:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.btn-back-submenu {
  background: transparent;
  border: 0;
  font-weight: 500;
  line-height: 1;
  color: var(--secondary-color);
  padding: 0;
}

@media (min-width: 1200px) {
  .dropdown:hover .dropdown-menu,
  .dropdown:focus-within .dropdown-menu {
    display: block;
    position: absolute;
  }

  body.no-dropdown-hover .dropdown:hover .dropdown-menu,
  body.no-dropdown-hover .dropdown:focus-within .dropdown-menu {
    display: none;
  }
}

/* === FOOTER === */
footer.wp-block-template-part {
  position: sticky;
  bottom: 0;
  z-index: 0;
  height: var(--footer-reveal);
}

.site-footer {
  min-height: var(--footer-reveal);
  background-color: var(--footer-color);
}

.footer-contact a,
.footer-contact p {
	font-size: 1.125rem;
	font-weight: 400;
}

.site-footer svg, 
.site-footer a,
.site-footer p {
font-size: 1rem;
color: var(--footer-content);
text-decoration: none;
}

.site-footer hr {
	color: #fff;
}

.footer-credits {
	background-color: #0000001c;
	color: var(--footer-content);
}

.footer-link {
  transition: transform 0.15s ease;
}

.footer-link:hover {
  transform: translateX(5px);
}

/* ===== DOWNLOAD FILES ===== */
.download-files {
  min-height: calc(100vh - var(--header-spacer));
}

/* ===== Blog Listing ===== */
.blog-index {
  min-height: calc(100vh - var(--header-spacer));
}

/* flagi kategorii na zdjęciu */
.post-category-badge{
  position:absolute;
  top: 0rem; left: 1.25rem;
  z-index: 2;
}

.post-category-badge .badges a{
  display:inline-block;
  padding:.35rem .6rem;
  border-radius:999px;
  border:#fff 1px solid;
  backdrop-filter: blur(2.7px);
  background: rgba(255,255,255,.12); 
  color:#ffffff; text-decoration:none;
  font-size:.85rem; font-weight:600;
  margin-right:.35rem;
}

.post-category-badge .badges a:hover{ 
  background:#e9ecef; 
}

.card-img-top{ 
  width:100%; 
  object-fit:cover; 
}

.wp-block-post-title{
  font-size: 1rem;
}

.clamp-2{ 
  display:-webkit-box; 
  -webkit-line-clamp:2; 
  -webkit-box-orient:vertical; 
  overflow:hidden; 
}

/* ===== Blog Single Post ===== */
.side-author h2 {
  font-size: 1rem;
}
.post-featured img{
  height: 100%;
}

.single-post .post-date {
  font-size: 0.95rem;
  color: rgba(0,0,0,.6);
}

.single-post .post-hero-title {
  margin: 0 0 .75rem 0;
  font-weight: 700;
  line-height: 1.05;
  font-size: 1.5rem;
  letter-spacing: -0.01em;
}

.single-post .category-pill a {
  display: inline-block;
  padding: .6rem 1rem;
  border: 1px solid currentColor;
  border-radius: 999px;
  text-decoration: none;
  font-size: 0.95rem;
  line-height: 1;
  color: #222;
  background: transparent;
}

.single-post .category-pill {
  gap: .5rem; 
}

.single-post .post-hero-image img {
  width: 100%;
  max-height: auto;
  border-radius: 1.5rem; /* fallback gdy theme nadpisze styl bloku */
  display: block;
}

/* ===== Post And Service Text Styles ===== */
.post-style p {
  font-size: 1rem;
  line-height: 1.7;
  margin-bottom: 1.25rem;
  color: var(--contrast-color);
  text-align: center;
}

.post-style h1 {
  font-weight: 700;
  line-height: 1.05;
  font-size: 1.5rem;
  letter-spacing: -0.01em;
  text-align: center;
}

.post-style h2 {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -.01em;
  line-height: 1.2;
  margin: 2.25rem 0 1rem;
  text-align: center;
}

.post-style h3 {
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: -.01em;
  line-height: 1.2;
  margin: 2.25rem 0 1rem;
  text-align: center;
}

.post-style h4 {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -.01em;
  margin: 2.25rem 0 1rem;
  text-align: center;
}

.post-style img {
  border-radius: 1.5rem;
  max-width: 100%;
}

.post-style ul,
.post-style ol { 
  padding-left: 1.2rem; 
}

ul li::marker {
  color: var(--detail-color);
}

.post-style mark {
  background-color: #0000000c;
}

.post-style small {
  font-size: 0.75rem;
}

.post-style figure{
    display: flex;
    flex-direction: column;
}

.post-style figcaption{
  font-size: 0.75rem;
}

.post-style hr {
  max-width: 80%;
  margin: 2rem auto;
  color: var(--secondary-color);
  opacity: 0.6;
}

.post-style a {
  color: var(--detail-color);
  text-decoration: underline;
}

.post-style table {
  min-width: 100%;
  text-align: center;
}

.post-style blockquote {
  border-left: 4px solid #e5e5e5;
  margin: 1.5rem 0;
  padding: .75rem 1rem;
  color: var(--contrast-color);
}

.sidebar-categories h3 {
  line-height: 1.4;
}

@media (min-width: 992px) {
  .single-post .post-hero-title {
    font-size: 2.5rem;
  }

  .single-post .post-style p {
    font-size: 1.15rem;
  }
}

/* ===== Polecane posty ===== */

/* Sekcja z półprzezroczystym tłem */
.related-wrap{
  position: relative;
  overflow: hidden;
}

.related-wrap::before{
  content:"";
  position:absolute; inset:0;
  background: #0000000c;
  z-index:0;
}

.related-wrap > *{ 
  position: relative; 
  z-index: 1; 
}

.related-heading{ 
  font-weight:700; 
  letter-spacing:-.01em; 
}

/* GRID: m=1 kol., md=2 kol., lg=3 kol. */
.related-grid {
  display:grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

@media (min-width:768px){ 
  .related-grid{ 
    grid-template-columns: repeat(2,1fr); 
  } 
}

@media (min-width:992px){ 
  .related-grid { 
    grid-template-columns: repeat(3,1fr); 
  }
}

.related-card .post-thumb .related-img{
  width:100%;
  height:200px;
  object-fit:cover;
  border-radius: 1.5rem;
  display:block;
}

.related-card .wp-block-post-title{
  font-size: 1rem;
}

.related-card .wp-block-post-title a{
  color: inherit; text-decoration: none;
}

.related-card .wp-block-post-title a:hover{
  text-decoration: underline;
}

/* ===== Offer Block ===== */
#uslugi .swiper .swiper-wrapper {
  height: 90%!important;
}

.offer-swiper {
  overflow: hidden;
}

.offer-swiper .swiper-slide {
  width: 100%;
}

.offer-card h3 {
  font-size: 1.625rem;
  color: var(--secondary-color);
}

@media (min-width: 992px) {
  .offer-swiper .swiper-slide {
    width: 80%;
  }
}

/* ===== About Us Block ===== */

.about-us .row { 
  overflow: visible; 
}

.about-us span {
  font-weight: 400;
}

.about-us .text-lead {
  color: var(--detail-color);
}

.vertically-stretched {
  display: inline-block;
  transform: scaleY(1.15);
  transform-origin: bottom;
}

@media (min-width: 1200px) {
  .about-us .about-img-right {
    margin-right: -3rem;
  }
}

/* ===== Adwokatki Subpage   ===== */
.adwokatki-hero-banner img{
  object-fit: cover;
  height: 100svh;
	min-width: 100vw;
  object-position: 40% 50%;
}

.adwokatki-hero-lead {
  top: 18%;
  left: 3%;
}

.adwokatki-hero-lead h2,
.adwokatki-hero-lead span {
  font-size: 1.75rem;
  line-height: 1.3;
  font-weight: 300;
  color: var(--secondary-color);
}

.adwokatki-hero-lead span {
  font-size: 1.875rem;
  font-weight: 300;
}

.our-work-list {
  border-radius: 1.25rem;
}

#nasza-praca,
#etapy-wspolpracy,
#o-adwokatkach-home {
  background-color: #0000000c;
}

.feature-list { 
  padding-left: 1.25rem;
}

.feature-list li {
  margin-bottom: .75rem;
  line-height: 1.6;
}

.feature-list li:last-child { margin-bottom: 0; }
.feature-list li::marker {
  color: var(--detail-color);
  font-size: 1.1em;
}

/* --- Slider --- */

#kontakt-adwokatki h3,
#oferta-adwokatki h3,
.text-detail-italic.offer-subtitle {
  font-size: 1.625rem;
}

/* --- Steps --- */

.steps-number {
  font-size: 4rem;
  font-family: "Newsreader";
  color: var(--primary-color);
  line-height: 0.7;
  opacity: 20%;
}

.steps-header {
    font-size: 1.75rem;
    margin-left: -40px;
    z-index: 1;
}

/* === CONTACT PAGE === */

/* === CONTACT FORM === */

.contact-form {
  display: flex;
  justify-content: center;
}

.contact-form .wpcf7,
.contact-form .row {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
}

/* Nagłówki pól (label) */
.contact-form label {
  display: block;
  width: 100%;
  text-align: left;
  margin-bottom: -2rem;
}

.form-input-header {
  margin-left: 10px;
}

.form-input-wrapper p{
	margin-bottom: 0px;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea {
  display: block;
  width: 100%;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 25px;
  background: #0000000c;
  border: 0;
  transition: border-color .2s ease, box-shadow .2s ease;
  margin-top: 10px;
}

/* Focus */
.contact-form .wpcf7-form-control:focus {
  outline: none;
  border-color: var(--contrast-color);
  box-shadow: 0 0 0 3px rgba(0,47,93,.15);
}

/* Textarea */
.contact-form textarea { height: 200px; }

.contact-form .wpcf7-spinner { display: none; }

.contact-form .wpcf7-submit {
  display: inline-block;
  width: 100%;
  padding: 0.65rem 2.5rem;
  font-weight: 700;
  border-radius: 100px;
  border: 0;
  background: var(--btn-bg);
  color: var(--btn-text);
  cursor: pointer;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease;
  margin-top: 0.25rem;
}

@media (min-width: 768px) {
  .contact-form .wpcf7-submit { width: auto; }
}

.contact-form .wpcf7-submit:hover,
.contact-form .wpcf7-submit:focus-visible {
  background: #fff;
  color: #002f5d;
  box-shadow:
    0 0 0 3px rgba(0,47,93,.15),
    0 4px 10px rgba(0,0,0,.15);
}

/* Komunikaty CF7 */
.contact-form .wpcf7-response-output {
  width: 100%;
  max-width: 640px;
  margin: 0.75rem auto 0;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  font-size: 0.875rem;
}

.contact-form .wpcf7-form.invalid .wpcf7-response-output,
.contact-form .wpcf7-not-valid-tip {
  background: var(--base-color);
  color: var(--detail-color);
}

.contact-form a {
  color: var(--detail-color);
}

.contact-form .small-text {
  font-size: 0.75rem;
}

.contact-form .wpcf7-form.sent .wpcf7-response-output {
  background: var(--base-color);
  color: var(--contrast-color);
}

/* === HERO BANNER === */

.hero-banner img{
  object-fit: cover;
  height: 100svh;
	min-width: 100vw;
}

.hero-lead {
  bottom: 4%;
  left: 5%;
}

.hero-lead h2,
.hero-lead span {
  font-size: 2rem;
  line-height: 1.1;
  font-weight: 300;
  color: var(--secondary-color);
}

.hero-lead span {
  font-size: 2.2rem;
  font-weight: 300;
}

.margin-hero-text {
  margin-left: 5rem;
}

@media (max-height: 380px) {
	.hero-banner img{
		object-position: 50% 30%;
	}
}

@media (max-height: 560px) {
	.hero-banner img{
		object-position: 50% 30%;
	}
}

@media (max-width: 767.98px) {

	.js-hide-on-scroll .navbar-brand,
  .js-hide-on-scroll a,
  .js-hide-on-scroll svg,
  .navbar-toggler {
    color: var(--secondary-color) !important;
    fill: var(--secondary-color) !important;
    transition: color .8s ease, fill .8s ease;
  }

  .navbar-toggler:focus{
    box-shadow: none;
  }

  /* linki / logo ciemniejsze na jasnym tle */
  .js-hide-on-scroll.is-light .navbar-brand,
  .js-hide-on-scroll.is-light a,
  .js-hide-on-scroll.is-light svg,
  .navbar-toggler {
    color: var(--footer-content) !important;
    fill: var(--footer-content) !important;
    transition: color .8s ease, fill .8s ease;
  }
}

@media ( min-width: 768px ) {
  :root {
    /* === FOOTER === */
    --footer-reveal: 70vh;
  }

  .wp-block-template-part {
    margin-top:0;
  }

  .text-detail-contact {
    font-size: 2.25rem;
  }
  /* === GENERAL STYLES === */
  .img-450 {
    height: 450px;
    width: auto;
  }

  /* === HERO BANNER === */
	.hero-banner img{
		object-position: 50% 90%;
	}

  .margin-hero-text {
    margin-left: 7rem;
  }

  .hero-lead {
  bottom: 5%;
  left: 8%;
  }

  .hero-lead h2,
  .hero-lead span {
    font-size: 2.4rem;
    line-height: 1.1;
  }

  .hero-lead span {
    font-size: 2.6rem;
    font-weight: 300;
  }

  .adwokatki-hero-lead {
  top: 21%;
  left: 12%;
  }

  .adwokatki-hero-lead h2,
  .adwokatki-hero-lead span {
    font-size: 2rem;
    line-height: 1.3;
  }

  .adwokatki-hero-lead span {
    font-size: 2.15rem;
    font-weight: 300;
  }

  /* ===== DOWNLOAD FILES ===== */
  .file-icon {
    width: 60px;
    height: 60px;
  }

  /* === CONTACT PAGE === */
  #kontakt .contact-details {
    font-size: 0.875rem;
  }
  #kontakt img {
    max-height: 500px;
  }

  /* ===== BLOG ===== */
  .related-grid{ 
    grid-template-columns: repeat(2,1fr); 
  }

  .related-card .post-thumb .related-img {
    height:210px;
  }
}

@media ( min-width: 768px ) and (max-height: 700px) {
	/* === HERO BANNER === */
  .hero-banner img{
		object-position: 50% 38%;
	}
}

@media ( min-width: 768px ) and (max-height: 460px) {
	/* === HERO BANNER === */
  .hero-banner img{
		object-position: 50% 30%;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .sidebar-categories .wp-block-post-template > .wp-block-post {
    width: 50%;
    margin-block-start: 0.75rem!important;
  }
  /* h2 wycentrowany tylko na tabletach */
  .sidebar-categories-header {
    text-align: center;
  }
}

@media ( min-width: 992px ) {
  :root {
    /* === FOOTER === */
    --footer-reveal: 700px;
  }

  /* ===== General styles ===== */
  .side-img-450 {
    height: auto;
  }

  #blog-post {
    margin-top: var(--header-spacer);
  }

  .side-img-450,
  .post-content,
  .service-content {
    margin-top: 2rem;
  }

	/* === HERO BANNER === */
  .hero-banner img{
		object-position: bottom;
	}

  .margin-hero-text {
    margin-left: 9rem;
  }

  /* ===== BLOG ===== */
  .related-grid{ 
    grid-template-columns: repeat(3,1fr); 
  }

  .related-card .post-thumb .related-img {
    height:170px;
  }

  /* === OFFER HOMEPAGE === */
  #uslugi .swiper .swiper-wrapper {
    height: 60%!important;
  }
}

@media ( min-width: 992px ) and (max-height: 850px) {
	/* === HERO BANNER === */
  .hero-banner img{
		object-position: 50% 32%;
	}
}

@media ( min-width: 992px ) and (max-height: 800px) {
	/* === HERO BANNER === */
  .hero-banner img{
		object-position: 50% 32%;
	}
}

@media ( min-width: 1200px ) {
  :root {
    /* === FOOTER === */
    --footer-reveal: 380px;
  }

  /* === GENERAL STYLES === */
  .img-450 {
    height: 500px;
    width: auto;
  }

	/* === HERO BANNER === */
  .hero-banner img{
		object-position: 50% 32%;
	}

  .hero-lead {
  bottom: 11%;
  left: 65%;
  }

  .hero-lead h2,
  .hero-lead span {
    font-size: 2.75rem;
    line-height: 1.1;
  }

  .hero-lead span {
    font-size: 3rem;
    font-weight: 300;
  }

  .adwokatki-hero-lead {
  top: 41%;
  left: 7%;
  }

  .adwokatki-hero-lead h2,
  .adwokatki-hero-lead span {
    font-size: 2.25rem;
    line-height: 1.3;
  }

  .adwokatki-hero-lead span {
    font-size: 2.45rem;
    font-weight: 300;
  }

  /* === FOOTER === */
  .footer-contact a,
  .footer-contact p {
    font-size: 1rem;
    font-weight: 400;
  }

  /* ===== BLOG ===== */
  .related-card .post-thumb .related-img {
    height:250px;
  }
  /* ===== Post And Service Text Styles ===== */
  .post-style p {
    text-align: left;
    font-size: 1.125rem;
  }
}