/*
 Theme Name:   nectarweb
 Theme URI:    https://nectarweb.pl
 Description:  Zapylamy w internety!
 Author:       B@rtas
 Author URI:   https://nectarweb.pl
 Template:     generatepress
 Version:      1.0
*/

/* TYPOGRAFIA GLOBALNA — WYMIUSZENIE ROZMIARÓW FONTÓW */

/* DESKTOP */
h1 {
  font-size: 2.75rem !important;
  font-weight: 300 !important;
}

h2, h3, h4, h5, h6 {
  font-size: 2rem !important;
  font-weight: 300 !important;
}

p, d, ul, li {
  font-size: 1.125rem !important;
}

/* MOBILE */
@media (max-width: 768px) {
  h1 {
    font-size: 2rem !important;
    font-weight: 300 !important;
  }

  h2, h3, h4, h5, h6 {
    font-size: 2rem !important;
    font-weight: 300 !important;
  }

  p, d, ul, li {
    font-size: 1rem !important;
  }
}

/* TYPOGRAFIA — KLASY PSEUDO-NAGŁÓWKÓW */

/* DESKTOP */
.pseudo-h1 {
  font-size: 2.75rem !important;
  font-weight: 300 !important;
  line-height: calc(2px + 4ex) !important;
}

.pseudo-h2 {
  font-size: 2rem !important;
  font-weight: 300 !important;
  line-height: calc(2px + 4ex) !important;
}
.pseudo-h3 {
  font-size: 1.5rem !important;
  font-weight: 300 !important;
  line-height: calc(2px + 4ex) !important;
}
.pseudo-h4,
.pseudo-h5,
.pseudo-h6 {
  font-size: 2rem !important;
  font-weight: 300 !important;
  line-height: calc(2px + 4ex) !important;
}
.pseudo-p {
  font-size: 1rem !important;
  font-weight: 300 !important;
  line-height: calc(2px + 4ex) !important;
}

/* MOBILE */
@media (max-width: 768px) {
  .pseudo-h1 {
    font-size: 1.75rem !important;
    font-weight: 300 !important;
  line-height: calc(2px + 4ex) !important;
  }

  .pseudo-h2 {
    font-size: 1.75rem !important;
    font-weight: 300 !important;
  line-height: calc(2px + 4ex) !important;
  }
  .pseudo-h3 {
    font-size: 1.75rem !important;
    font-weight: 300 !important;
  line-height: calc(2px + 4ex) !important;
  }
  .pseudo-h4 {
    font-size: 1.75rem !important;
    font-weight: 300 !important;
  line-height: calc(2px + 4ex) !important;
  }
  .pseudo-h5 {
    font-size: 1.75rem !important;
    font-weight: 300 !important;
  line-height: calc(2px + 4ex) !important;
  }
  .pseudo-h6 {
    font-size: 1.4rem !important;
    font-weight: 300 !important;
  line-height: calc(2px + 4ex) !important;
  }
.pseudo-p {
  font-size: 1rem !important;
  font-weight: 300 !important;
  line-height: calc(2px + 4ex) !important;

}

/* ANIMACJA SLIDER HERO */
.bg-fade-wrapper {
  position: relative;
  overflow: hidden;
}

.bg-fade {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  inset: 0;
  background-size: cover;
  background-position: center center;
  opacity: 0;
  animation-name: fade-zoom;
  animation-duration: 18s;
  animation-iteration-count: infinite;
}

.bg-fade:nth-child(2) {
  animation-delay: 0s;
}

.bg-fade:nth-child(3) {
  animation-delay: 6s;
}

.bg-fade:nth-child(4) {
  animation-delay: 12s;
}

@keyframes fade-zoom {
  0% {
    opacity: 0;
    transform: scale(100%);
  }
  16.668% {
    opacity: 1;
  }
  33.333% {
    opacity: 1;
  }
  48.668% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: scale(110%);
  }
}
/* === FORMINATOR: STYL GLOBALNY POL FORMULARZA === */
/* Kolory marki SG Projekt */
:root {
  --c-bg: #191A1A;
  --c-fg: #B2947A;
  --c-br: #B2947A;
  --c-bcg-checkbox: #B2947A;
}

/* ===== ETYKIETY I TEKST ===== */
.forminator-label,
.forminator-description,
.forminator-required,
.forminator-error-message,
label[for*="consent-1"],
.forminator-consent {
  color: var(--c-fg) !important;
  font-weight: 400 !important;
  font-size: 0.9rem !important;
  background: transparent !important;
}

/* Kolor gwiazdki "required" */
.forminator-required {
  color: var(--c-fg) !important;
}

/* ===== POLA INPUT / TEXTAREA ===== */
input[name="name-1"],
input[name="phone-1"],
input[name="email-1"],
textarea[name="textarea-1"] {
  background: var(--c-bg) !important;
  color: var(--c-fg) !important;
  border: 1px solid var(--c-br) !important;
  border-radius: 0 !important;
  outline: none !important;
  width: 100% !important;
  padding: 0.75rem 1rem !important;
  font-size: 1.125rem !important;
  font-weight: 400 !important;
  box-shadow: none !important;
  transition: box-shadow .25s ease, border-color .25s ease;
}

input[name="name-1"]::placeholder,
input[name="phone-1"]::placeholder,
input[name="email-1"]::placeholder,
textarea[name="textarea-1"]::placeholder {
  color: var(--c-fg) !important;
  opacity: 0.7 !important;
}

/* Focus z delikatnym glow */
input[name="name-1"]:focus,
input[name="phone-1"]:focus,
input[name="email-1"]:focus,
textarea[name="textarea-1"]:focus {
  border-color: var(--c-br) !important;
  box-shadow:
    0 0 0 1px rgba(178,148,122, .55),
    0 4px 14px 2px rgba(178,148,122, .15),
    0 0 16px 4px rgba(178,148,122, .25) !important;
}

/* ===== CHECKBOX ZGODY ===== */
input[name="consent-1"] {
  accent-color: var(--c-br) !important;
  width: 18px !important;
  height: 18px !important;
  border: 1px solid var(--c-br) !important;
  background: var(--c-bg) !important;
  margin-right: 6px !important;
}
/* Kontener checkboxa */
.forminator-checkbox-box {
  background-color: var(--c-bg) !important;        /* tło niezaznaczone */
  border: 1px solid var(--c-br) !important;
  border-radius: 0 !important;
  width: 18px !important;
  height: 18px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  transition: background-color .25s ease, box-shadow .25s ease;
}

/* BIAŁY „ptaszek” w środku po zaznaczeniu */
.forminator-checkbox input:checked + .forminator-checkbox-box::after {
  content: "✔" !important;
  position: absolute !important;
  top: 45% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) scale(0.9) !important;
  color: #FFFFFF !important;            /* << tu ustawiamy biały znak */
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

/* Efekt hover/focus */
.forminator-checkbox input:hover + .forminator-checkbox-box,
.forminator-checkbox input:focus + .forminator-checkbox-box {
  box-shadow:
    0 0 0 1px rgba(178,148,122, .55),
    0 4px 14px 2px rgba(178,148,122, .15),
    0 0 16px 4px rgba(178,148,122, .25) !important;
}
/* ===== TEKST ZGODY (CONSENT TEXT) ===== */
.forminator-checkbox__label,
.forminator-consent__label,
.forminator-consent__label,
.forminator-consent__label p,
.forminator-consent__label a {
  color: var(--c-fg) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  background: transparent !important;
}

.forminator-consent__label a {
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  transition: opacity 0.25s ease;
}

.forminator-consent__label a:hover {
  opacity: 0.8 !important;
}

/* ===== PRZYCISK WYŚLIJ ===== */
button.forminator-button,
button.forminator-button-submit,
input[type="submit"].forminator-button {
  background: var(--c-bg) !important;
  color: var(--c-fg) !important;
  border: 1px solid var(--c-br) !important;
  border-radius: 0 !important;
  padding: 0.75rem 2rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-size: 1.125rem !important;
  font-weight: 400 !important;
  cursor: pointer !important;
  transition: box-shadow .25s ease, transform .25s ease;
}

/* Hover z efektem glow */
button.forminator-button:hover,
button.forminator-button-submit:hover,
input[type="submit"].forminator-button:hover {
  box-shadow:
    0 0 0 1px rgba(178,148,122, .55),
    0 6px 18px 2px rgba(178,148,122, .20),
    0 0 22px 6px rgba(178,148,122, .25) !important;
  transform: translateY(-1px);
}
	/* ===== YOAST BREADCRUMBS – STYL SGPROJEKT ===== */
.yoast-breadcrumbs {
  color: #B2947A !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  background: transparent !important;
}

/* Linki w breadcrumbs (pełne wymuszenie koloru) */
.yoast-breadcrumbs a,
.yoast-breadcrumbs a:link,
.yoast-breadcrumbs a:visited,
.yoast-breadcrumbs span span a {
  color: #B2947A !important;
  text-decoration: none !important;
  background: transparent !important;
  transition: opacity 0.25s ease;
}

/* Hover i focus */
.yoast-breadcrumbs a:hover,
.yoast-breadcrumbs a:focus {
  opacity: 0.8 !important;
  color: #B2947A !important;
}

/* Separator (» lub inne znaki) */
.yoast-breadcrumbs span {
  color: #B2947A !important;
}

/* Ostatni element (aktualna strona) */
.yoast-breadcrumbs .breadcrumb_last {
  color: #B2947A !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}

/* ===== BREADCRUMBS KOLOR WYMUSZONY PRZEZ WRAPPER ===== */
.breadcrumbs-color .yoast-breadcrumbs,
.breadcrumbs-color .yoast-breadcrumbs *,
.breadcrumbs-color .yoast-breadcrumbs a,
.breadcrumbs-color .yoast-breadcrumbs a:link,
.breadcrumbs-color .yoast-breadcrumbs a:visited,
.breadcrumbs-color .yoast-breadcrumbs .breadcrumb_last {
  color: #B2947A !important;
}

/* opcjonalnie: wyłączenie podkreśleń + delikatny hover */
.breadcrumbs-color .yoast-breadcrumbs a {
  text-decoration: none !important;
  transition: opacity .2s ease;
}
.breadcrumbs-color .yoast-breadcrumbs a:hover,
.breadcrumbs-color .yoast-breadcrumbs a:focus {
  opacity: .8 !important;
  color: #B2947A !important; /* utrzymaj kolor także na hover */
}
/* ===== GLOBAL LINK COLOR OVERRIDE ===== */
a,
a:link,
a:visited,
a:hover,
a:focus,
a:active {
  color: #B2947A !important;
  text-decoration: none !important;
  background: transparent !important;
}

/* Opcjonalny efekt hover (jeśli chcesz delikatne przygaszenie) */
a:hover,
a:focus {
  opacity: 0.8 !important;
}
a[href="/polityka-prywatnosci/"],
a[href="/polityka-prywatnosci/"]:link,
a[href="/polityka-prywatnosci/"]:visited,
a[href="/polityka-prywatnosci/"]:hover,
a[href="/polityka-prywatnosci/"]:focus,
a[href="/polityka-prywatnosci/"]:active {
  color: #B2947A !important;
  text-decoration: none !important;
  background: transparent !important;
}
/* --- FIX: line-height inconsistency on Apple devices --- */
/* --- GLOBAL FONT-WEIGHT NORMALIZER --- */
/* Wszystkie grubości fontu będą wyglądały jak 300 */
html, body, p, span, a, li, ul, ol,
h1, h2, h3, h4, h5, h6,
strong, b, em, i,
button, input, label, textarea {
  font-family: "TWK Lausanne", sans-serif !important;
  font-weight: 300 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  color: #B2947A;
}

/* --- Nadpisanie wszystkich potencjalnych deklaracji wag --- */
[class*="font-weight"],
[class*="fw-"],
strong, b,
em, i,
h1, h2, h3, h4, h5, h6 {
  font-weight: 300 !important;
}

/* --- Reset dla pseudo-elementów i przycisków --- */
button::before, button::after,
a::before, a::after {
  font-weight: 300 !important;
}