/* ==========================================================================
   BLOCK: ppg-kurs-cta — przycisk CTA w treści (scroll do oferty)
   Opcje: wyrównanie (lewo/środek/prawo) + separator (linia) z lewej/prawej/obu.
   ========================================================================== */
.ppg-kurs-cta {
    width: 100%;
    background-color: var(--bg, #F5F5F7);
    background-image: linear-gradient(0deg, var(--bg, #F5F5F7), var(--bg, #F5F5F7));
    padding: 1.5rem 1.5rem;
}

@media (min-width: 1024px) { .ppg-kurs-cta { padding: 2rem 1.5rem; } }

.ppg-kurs-cta__inner {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Wyrównanie tekstu nad przyciskiem */
.ppg-kurs-cta--align-left   .ppg-kurs-cta__inner { align-items: flex-start; }
.ppg-kurs-cta--align-center .ppg-kurs-cta__inner { align-items: center; }
.ppg-kurs-cta--align-right  .ppg-kurs-cta__inner { align-items: flex-end; }

.ppg-kurs-cta__text {
    font-family: var(--ppg-font-serif);
    font-size: 1.5rem;
    font-weight: 400;
    color: var(--ppg-dark);
    line-height: 1.3;
    margin: 0;
    max-width: 36rem;
}

@media (min-width: 768px) { .ppg-kurs-cta__text { font-size: 1.875rem; } }

.ppg-kurs-cta--align-left   .ppg-kurs-cta__text { text-align: left; }
.ppg-kurs-cta--align-center .ppg-kurs-cta__text { text-align: center; }
.ppg-kurs-cta--align-right  .ppg-kurs-cta__text { text-align: right; }

/* Rząd: [separator?] [przycisk] [separator?] */
.ppg-kurs-cta__row {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}
.ppg-kurs-cta--align-left   .ppg-kurs-cta__row { justify-content: flex-start; }
.ppg-kurs-cta--align-center .ppg-kurs-cta__row { justify-content: center; }
.ppg-kurs-cta--align-right  .ppg-kurs-cta__row { justify-content: flex-end; }

/* Separator — linia w kolorze marki, wypełnia wolną przestrzeń obok przycisku */
.ppg-kurs-cta__sep {
    flex: 1 1 auto;
    min-width: 2rem;
    height: 1px;
    background: var(--ppg-pink-line);
}

/* Przycisk — nie rośnie/nie kurczy się przy separatorze */
.ppg-kurs-cta__btn {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background-color: var(--btn-bg, #3A2E2E);
    color: var(--ppg-cream) !important;
    padding: 1.25rem 2.5rem;
    font-family: var(--ppg-font-sans);
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    border-radius: 2px !important;
    transition: background-color var(--ppg-transition);
}

html body .ppg-kurs-cta__btn:hover {
    background-color: var(--accent, #e280b0) !important;
    color: #fff !important;
}

.ppg-kurs-cta__btn-icon { width: 1rem; height: 1rem; flex-shrink: 0; }

/* Na bardzo wąskich ekranach separatory schodzą (przycisk pełnej czytelności) */
@media (max-width: 480px) {
    .ppg-kurs-cta__sep { display: none; }
    .ppg-kurs-cta__row { justify-content: center; }
}