@charset "UTF-8";
/*!
 * Kontakt – ładowane tylko na template page-contact.php
 */
/**
 * Zmienne reużywalne (header, komponenty).
 * Breakpoint używany z wordpressify: --screen-xxl (1440px).
 */
/* Breakpointy – zmienne SCSS (do mixinów / media queries) */
:root {
  /* Kolory */
  --color-text: #303030;
  --color-brand: #d2232a;
  --color-brand-hover: #b81e24;
  --color-white: #fff;
  --color-bg-light: #f5f5f5;
  --color-border: #d6d6d6;
  --color-border-light: #e8e8e8;
  --color-muted: #a0a0a0;
  /* Typografia */
  --font-primary: "Montserrat", sans-serif;
  --font-size-base: 16px;
  --font-size-sm: 14px;
  --line-height-tight: 16px;
  --line-height-base: 24px;
  /* Typografia fluid – skalowanie na mniejszych ekranach */
  --font-size-hero: clamp(2rem, 3.5vw, 3rem);
  --font-size-h2: clamp(1.5rem, 2.5vw, 2.25rem);
  --font-size-h3: clamp(1.125rem, 2vw, 1.5rem);
  --font-size-h1-subpage: 36px;
  /* Header – spacing / layout (zgodne z Figmą) */
  --header-gap: 55px;
  --header-gap-lg: 100px;
  --header-padding: 10px;
  /* Pasek headera przy scrollu (fixed) – padding-top kompensacyjny w _c-subpage-header ~76px + oddech pod sticky reel/sidebar */
  --sticky-header-offset: 88px;
  --radius-pill: 100px;
  --cta-padding: 12px 32px;
  /* Sekcje – ujednolicone paddingi L/R i max-width (wyrównanie w pionie), fluid; content węższy – przestrzeń L/R */
  --section-padding-x: clamp(1rem, 4vw, 3rem);
  --section-padding-y: clamp(3rem, 6vw, 6rem);
  --inner-max-width: 1280px;
  /* Kontenery treści: 0 na desktop (wyrównanie z headerem), section-padding-x na mobile i tablet */
  --content-padding-x: 0;
  /* Wymiary ikon i logo */
  --icon-size: 20px;
  --logo-width: 53px;
  --logo-height: 59px;
  /* Strefa pracodawcy (Figma) */
  --employer-color-heading: #0e0e0e;
  --employer-color-body: #4c4c4c;
  --employer-color-muted: #c1c1c1;
  --employer-line-height-heading: 47px;
  --employer-font-inter: "Inter Tight", sans-serif;
  --employer-font-neulis: "Neulis Sans", sans-serif;
  /* Footer */
  --color-footer-bg: #f2f2f2;
  --color-footer-text: #0e0e0e;
  --color-footer-bar-text: #c7c7c7;
  --color-footer-phone-border: #898989;
  --footer-inner-max: var(--inner-max-width);
  --footer-gap: 30px;
}

/* Padding L/R dopóki viewport węższy niż kontener – od 1280px kontener wycentrowany, wcześniej padding L/R */
@media (max-width: 1279px) {
  :root {
    --content-padding-x: var(--section-padding-x);
  }
}
/**
 * Kontakt – sekcja „Masz pytania? Zadzwoń do nas” + telefon z ikoną.
 * Zgodne z Figmą: 28px heading, 25px numer, ikona 57px.
 */
.c-KontaktInfo {
  width: 100%;
  padding: var(--section-padding-y) var(--section-padding-x) var(--section-padding-y);
  box-sizing: border-box;
}

.c-KontaktInfo__inner {
  width: 100%;
  max-width: var(--inner-max-width);
  margin: 0 auto;
}

.c-KontaktInfo__heading {
  margin: 0 0 1.5rem;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 600;
  color: var(--employer-color-heading, #0e0e0e);
  font-family: var(--font-primary);
}

.c-KontaktInfo__phone-wrap {
  display: flex;
  align-items: center;
  gap: 13px;
}

.c-KontaktInfo__icon {
  flex-shrink: 0;
  width: 57px;
  height: 57px;
  border-radius: 50%;
  object-fit: contain;
}

.c-KontaktInfo__number {
  font-size: 25px;
  line-height: 25px;
  font-weight: 600;
  color: var(--employer-color-heading, #0e0e0e);
  font-family: var(--font-primary);
  text-decoration: none;
}
.c-KontaktInfo__number:hover, .c-KontaktInfo__number:focus {
  text-decoration: underline;
}

@media (prefers-reduced-motion: reduce) {
  .c-KontaktInfo__number:focus {
    outline: 2px solid currentColor;
  }
}
/**
 * Kontakt – sekcja „Nasza lokalizacja” – dwie kolumny (adres + mapa Google embed).
 * Zgodne z Figmą: 28px heading, pin 37px, mapy border-radius 6px.
 */
.c-KontaktLokalizacje {
  width: 100%;
  padding: 0 var(--section-padding-x) 0;
  box-sizing: border-box;
}

.c-KontaktLokalizacje__inner {
  width: 100%;
  max-width: var(--inner-max-width);
  margin: 0 auto;
}

.c-KontaktLokalizacje__heading {
  margin: 0 0 2rem;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 600;
  color: var(--employer-color-heading, #0e0e0e);
  font-family: var(--font-primary);
}

.c-KontaktLokalizacje__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  align-items: start;
}

.c-KontaktLokalizacje__item {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.c-KontaktLokalizacje__address-row {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  color: var(--employer-color-heading, #0e0e0e);
  font-size: var(--font-size-base);
  line-height: 24px;
  font-weight: 600;
  font-family: var(--font-primary);
}

.c-KontaktLokalizacje__pin {
  flex-shrink: 0;
  width: 37px;
  height: 37px;
  object-fit: contain;
}

.c-KontaktLokalizacje__address {
  flex: 1;
}

.c-KontaktLokalizacje__map {
  position: relative;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 600/450;
  border-radius: 6px;
  overflow: hidden;
  background: var(--color-gray-light, #f0f0f0);
}
.c-KontaktLokalizacje__map iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

@media (max-width: 991px) {
  .c-KontaktLokalizacje__grid {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion: reduce) {
  .c-KontaktLokalizacje__map iframe {
    animation: none;
  }
}