/*
Theme Name: Prosta Upadłość
Theme URI: https://prostaupadlosc.pl
Author: Kancelaria Doradcy Restrukturyzacyjnego Alicja Perzanowska
Description: Motyw blokowy (Full Site Editing) dla strony Prosta Upadłość — pomoc w upadłości konsumenckiej. Zbudowany wyłącznie z natywnych bloków WordPress Gutenberg, w pełni edytowalny w Edytorze witryny.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: prosta-upadlosc
*/

/* ==========================================================
   Uzupełniający CSS.
   Kolory, typografia, odstępy i podstawowy układ pochodzą
   z theme.json (Ustawienia globalne). Poniższy plik zawiera
   wyłącznie drobne poprawki, których nie da się ustawić
   w theme.json / edytorze bloków.
   ========================================================== */

/* Zabezpieczenie przed przewijaniem poziomym na małych ekranach */
html, body {
  overflow-x: hidden;
  max-width: 100%;
}

* {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  height: auto;
}

/* Czytelny focus dla dostępności (klawiatura) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
.wp-block-button__link:focus-visible {
  outline: 3px solid #C5A57A;
  outline-offset: 2px;
}

/* Przyciski nie mają zawijać się poza ekran + zachowanie odstępów na mobile */
.wp-block-buttons {
  flex-wrap: wrap;
}

.wp-block-button__link {
  word-break: break-word;
}

/* Karty (grupy z klasą pu-card) — subtelny cień, spójny z projektem */
.pu-card {
  box-shadow: 0 1px 3px rgba(52, 49, 54, 0.04);
}

/* Placeholder na formularz kontaktowy — wyraźnie oznaczony jako miejsce do podłączenia */
.pu-form-placeholder {
  border-style: dashed !important;
}

/* Zdjęcie w pierwszej sekcji — subtelny cień dopasowany do reszty projektu */
.pu-hero-photo img {
  box-shadow: 0 6px 24px rgba(52, 49, 54, 0.08);
}

/* Responsywność: mniejsze odstępy pionowe sekcji na telefonie */
@media (max-width: 600px) {
  .pu-section {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

/* Stopka: linki w jaśniejszym odcieniu na ciemnym tle */
.pu-footer-links a {
  color: #E8DDD8 !important;
}
.pu-footer-links a:hover {
  color: #FFFFFF !important;
}