/**
 * front-page.css — rytm strony głównej: kotwice i domknięcie przed stopką.
 *
 * Wymaga tokens.css i base.css wczytanych wcześniej.
 * Każdy odstęp pochodzi z var(--dc-*).
 *
 * TO NIE JEST PLIK SEKCJI, choć leży w sections/ — tak samo jak header.css,
 * footer.css i styleguide.css: pętla w dc_enqueue_assets() wczytuje stąd
 * wszystko, a osobny katalog dla jednego pliku strony to nowa konwencja bez
 * drugiego przypadku. Stylizuje WYŁĄCZNIE owijkę .dc-front-page__section
 * z front-page.php — nigdy sekcję w środku.
 *
 * ODSTĘPY MIĘDZY SEKCJAMI TU NIE MIESZKAJĄ. Zmierzone w makiecie home.html
 * (2026-08-29, 1440 / 768 / 390 px — identyczne): treść→treść
 * hero→trust-badges 56 px, trust-badges→fuel-switch 72 px, każda dalsza
 * para 128 px. Motyw daje dokładnie te same liczby bez ani jednej reguły
 * tutaj, bo każda sekcja niesie własny oddech (.dc-section = 64 + 64,
 * hero 80/56, trust-badges 0/8). Owijka nie ma marginesów ani paddingu —
 * dokładanie ich zdublowałoby odstęp, który sekcja już ma.
 */

/* ==========================================================================
   1. KOTWICE POD LEPKIM NAGŁÓWKIEM
   Nagłówek jest position: sticky (header.css) i zmierzony ma 61 px przy
   1440 px oraz 65 px przy 768 i 390 px. Bez marginesu przewijania cel
   kotwicy (#ai-assistant z pigułki, #volume-picker z kart, #calculator
   z hero) ląduje pod paskiem. --dc-space-80 jest pierwszym tokenem
   odstępu powyżej 65 px; nadwyżka 15–19 px to oddech między paskiem
   a górną krawędzią sekcji, nie luz do zmierzenia.
   Margines stoi na owijce, bo to ona niesie id (reguła 4: kotwica jest
   sprawą strony, nie sekcji).
   ========================================================================== */
.dc-front-page__section {
  scroll-margin-block-start: var(--dc-space-80);
}

/* ==========================================================================
   2. DOMKNIĘCIE PRZED STOPKĄ
   Makieta daje ostatniej sekcji (#contact) padding dolny 80 px zamiast
   64 px — zmierzone: treść→stopka 80 px w makiecie, 64 px w motywie.
   Różnicę 16 px dokłada strona, nie sekcja: help-cta jest w shared/
   i na karcie produktu może nie stać ostatnia. 64 (sekcja) + 16 (tu)
   = 80 (makieta).
   ========================================================================== */
.dc-front-page__section:last-child {
  padding-block-end: var(--dc-space-16);
}