/* ============================================================
   NAV BUTTONS — wspólny styl przycisków nawigacji na dole stron
   Zastępuje stare masywne ramki (.back-cta z padding: 14px 28px,
   border: 1px solid) lekkimi tekstowymi linkami w stylu top-nav.
   Linkowany na końcu <head>, żeby przebić inline .back-cta z każdej
   podstrony (używamy !important dla bezpieczeństwa — wiele plików
   ma własne definicje z różną specyficznością).
   ============================================================ */

.back-cta,
.back-cta:link,
.back-cta:visited {
    display: inline-block !important;
    text-decoration: none !important;
    padding: 6px 4px !important;
    margin: 4px 18px !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px dashed transparent !important;
    color: var(--ink-gold) !important;
    font-family: 'Cinzel', serif !important;
    font-weight: 400 !important;
    font-size: 0.74rem !important;
    letter-spacing: 0.28rem !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    transition: color 0.35s ease,
                border-bottom-color 0.35s ease,
                text-shadow 0.35s ease,
                letter-spacing 0.35s ease !important;
}

.back-cta:hover,
.back-cta:focus-visible {
    color: var(--ink-cream) !important;
    border-bottom-color: var(--ink-gold) !important;
    text-shadow: 0 0 10px rgba(201, 169, 97, 0.45) !important;
    letter-spacing: 0.32rem !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Pierwszy przycisk w grupie bez lewego marginesu, ostatni bez prawego —
   dla równego pozycjonowania w centrum bloku #bottom-cta. */
#bottom-cta .back-cta:first-child,
.closing-content .back-cta:first-of-type {
    margin-left: 4px !important;
}
#bottom-cta .back-cta:last-child,
.closing-content .back-cta:last-of-type {
    margin-right: 4px !important;
}

/* Mobile: nieco mniejsze odstępy i font dla zwartego layoutu */
@media (max-width: 600px) {
    .back-cta,
    .back-cta:link,
    .back-cta:visited {
        font-size: 0.7rem !important;
        letter-spacing: 0.22rem !important;
        margin: 4px 10px !important;
    }
    .back-cta:hover,
    .back-cta:focus-visible {
        letter-spacing: 0.24rem !important;
    }
}