/* ============================================================================
   MORIUS — wariant PASTELOWY (weselszy)
   Tylko nadpisania kolorów + zdjęcia w pełnym kolorze. UKŁAD BEZ ZMIAN.
   Wszystko zawężone do `body.theme-pastel`, więc wersja klasyczna zostaje nietknięta.
   Włączanie: Ustawienia szablonu → Kolorystyka → Pastelowa.
   ============================================================================ */

/* Pastelowa paleta pomocnicza */
:root {
  --p-mint:   #3fae86;  --p-mint-bg:   #eaf5f0;
  --p-sky:    #3f8fd0;  --p-sky-bg:    #e9f2fb;
  --p-peach:  #e8804a;  --p-peach-bg:  #fdf1e8;
  --p-lav:    #8a6fd0;  --p-lav-bg:    #eef0fb;
  --p-lemon:  #d9a520;  --p-lemon-bg:  #fbf4e0;
  --p-rose:   #d95f8a;  --p-rose-bg:   #fdeaf0;
}

/* --- Zdjęcia w pełnym kolorze (koniec czerni-bieli) --- */
.theme-pastel .grayscale img,
.theme-pastel img.grayscale { filter: saturate(1.06); }
/* na hover — delikatne rozświetlenie zamiast wejścia w kolor (są już kolorowe) */
.theme-pastel .card:hover .card__media img { filter: saturate(1.16) brightness(1.03); }

/* --- Cieplejsze, jaśniejsze tło strony --- */
.theme-pastel { background: #fbf8f5; }

/* --- Pasy sekcji: naprzemiennie, NIGDY dwa te same obok siebie ---
   Bazowo sekcje są neutralne (tło strony); kolor nadaje klasa pastel-* w home.php.
   Kolejność na stronie głównej: N, mięta, N, lawenda, N, błękit, N, brzoskwinia, akcent(CTA), N. */
.theme-pastel .section--surface { background: transparent; }  /* neutralizuj szarą bazę z wersji klasycznej */
.theme-pastel .pastel-mint     { background: var(--p-mint-bg); }
.theme-pastel .pastel-lavender { background: var(--p-lav-bg); }
.theme-pastel .pastel-sky      { background: var(--p-sky-bg); }
.theme-pastel .pastel-peach    { background: var(--p-peach-bg); }

/* --- Karty na czysto biało (zamiast szarego „surface") --- */
.theme-pastel .card,
.theme-pastel .card--bg { background: #ffffff; }

/* --- Kolorowe tagi w aktualnościach (każdy inny) --- */
.theme-pastel .tag-accent  { background: #ffe6da; color: #b5451f; }   /* koral */
.theme-pastel .tag-neutral { background: var(--p-mint-bg); color: #2f7d5b; }
.theme-pastel #aktualnosci .grid > article:nth-child(2) .tag { background: var(--p-sky-bg); color: #2b6ca6; }
.theme-pastel #aktualnosci .grid > article:nth-child(3) .tag { background: var(--p-lav-bg); color: #5a44a0; }

/* --- Ikony „Co nas wyróżnia" — każda w innym pastelu ---
   (SVG mają stroke="var(--color-accent)", więc wystarczy nadpisać zmienną) --- */
.theme-pastel .features .feature:nth-child(1) { --color-accent: var(--p-peach); }
.theme-pastel .features .feature:nth-child(2) { --color-accent: var(--p-mint); }
.theme-pastel .features .feature:nth-child(3) { --color-accent: var(--p-sky); }
.theme-pastel .features .feature:nth-child(4) { --color-accent: var(--p-lav); }
.theme-pastel .features .feature:nth-child(5) { --color-accent: var(--p-lemon); }
.theme-pastel .features .feature:nth-child(6) { --color-accent: var(--p-rose); }

/* --- Numerki oferty — rotacja pasteli --- */
.theme-pastel .numbered .item:nth-child(1) .num { color: #f0a97f; }
.theme-pastel .numbered .item:nth-child(2) .num { color: #7fc9ab; }
.theme-pastel .numbered .item:nth-child(3) .num { color: #7fb3e0; }
.theme-pastel .numbered .item:nth-child(4) .num { color: #ab93e0; }
.theme-pastel .numbered .item:nth-child(5) .num { color: #e6c463; }
.theme-pastel .numbered .item:nth-child(6) .num { color: #e693b3; }

/* --- Kropki markerów w kartach oferty — rotacja (opcjonalnie żywsze) --- */
.theme-pastel #oferta .grid > article:nth-child(2) .card__facts span.f i { background: var(--p-mint); }
.theme-pastel #oferta .grid > article:nth-child(3) .card__facts span.f i { background: var(--p-sky); }
.theme-pastel #oferta .grid > article:nth-child(4) .card__facts span.f i { background: var(--p-lemon); }

/* --- Cudzysłowy w opiniach — kolorowe --- */
.theme-pastel .reviews .review:nth-child(1) .quote { color: #f0a97f; }
.theme-pastel .reviews .review:nth-child(2) .quote { color: #7fc9ab; }
.theme-pastel .reviews .review:nth-child(3) .quote { color: #7fb3e0; }

/* --- Placeholdery zdjęć (zespół/galeria) — pastelowe paski zamiast szarych --- */
.theme-pastel .img-ph {
  background: repeating-linear-gradient(45deg, var(--p-mint-bg), var(--p-mint-bg) 12px, #dcefe6 12px, #dcefe6 24px);
  color: #4f8a72;
}
.theme-pastel .team .member:nth-child(2) .img-ph {
  background: repeating-linear-gradient(45deg, var(--p-lav-bg), var(--p-lav-bg) 12px, #e0e2f5 12px, #e0e2f5 24px); color: #6a5aa8;
}
.theme-pastel .team .member:nth-child(3) .img-ph {
  background: repeating-linear-gradient(45deg, var(--p-peach-bg), var(--p-peach-bg) 12px, #f7ddcd 12px, #f7ddcd 24px); color: #b56a3f;
}
.theme-pastel .gallery .cell:nth-child(2) .img-ph {
  background: repeating-linear-gradient(45deg, var(--p-sky-bg), var(--p-sky-bg) 12px, #d6e7f7 12px, #d6e7f7 24px); color: #2f6ba3;
}
.theme-pastel .gallery .cell:nth-child(3) .img-ph {
  background: repeating-linear-gradient(45deg, var(--p-lemon-bg), var(--p-lemon-bg) 12px, #f2e6bf 12px, #f2e6bf 24px); color: #9a7615;
}
.theme-pastel .gallery .cell:nth-child(4) .img-ph {
  background: repeating-linear-gradient(45deg, var(--p-rose-bg), var(--p-rose-bg) 12px, #f7d3e0 12px, #f7d3e0 24px); color: #a8446a;
}

/* --- Baner CTA — cieplejszy gradient (zamiast płaskiej czerwieni) --- */
.theme-pastel .cta { background: linear-gradient(120deg, #ec3013 0%, #f5793f 100%); }

/* --- Partnerzy — miękkie białe kafle, kolorowa ramka na hover (rotacja) --- */
.theme-pastel .partner { background: #ffffff; }
.theme-pastel .partners .partner:nth-child(1):hover { border-color: var(--p-peach); }
.theme-pastel .partners .partner:nth-child(2):hover { border-color: var(--p-mint); }
.theme-pastel .partners .partner:nth-child(3):hover { border-color: var(--p-sky); }
.theme-pastel .partners .partner:nth-child(4):hover { border-color: var(--p-lav); }