/* Promosyon kodu bölümü.

   Kod sayfanın en çok bakılan yeri: ziyaretçinin yapması gereken tek
   kritik iş onu kendi paneline girmek. Bu yüzden kart ortada, kod büyük
   ve tek parça; kopyalama düğmesi kodun yanında durur.

   KOD SEÇİLEBİLİR METİNDİR. Düğme yalnız kolaylık — JavaScript yoksa
   app.js düğmeyi hiç eklemez, kod yine elle kopyalanır. */

.pkod {
    max-width: 44rem;
    margin-inline: auto;
    text-align: center;
}

.pkod__eyebrow {
    margin-bottom: var(--sp-3);
    font-size: var(--fs-sm);
    font-weight: var(--fw-bold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--brand-700);
}

.pkod__title {
    font-size: var(--fs-h2);
    font-weight: var(--fw-bold);
    line-height: 1.2;
    letter-spacing: -0.015em;
    color: var(--ink-900);
}

.pkod__lead {
    margin-top: var(--sp-4);
    font-size: var(--fs-lg);
    line-height: 1.6;
    color: var(--ink-600);
}

/* --- Kod kartı --- */

.pkod__kutu {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--sp-4);
    margin-top: clamp(var(--sp-6), 3vw, var(--sp-8));
    padding: var(--sp-5) var(--sp-6);
    border: 2px dashed var(--brand-600);
    border-radius: var(--r-lg);
    background: #fff;
}

.pkod__kod {
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
    /* Kod yanlış okunmasın: harf aralığı açık, hepsi büyük harf */
    font-size: clamp(1.15rem, 3.4vw, 1.6rem);
    font-weight: var(--fw-bold);
    letter-spacing: 0.06em;
    line-height: 1.3;
    color: var(--ink-900);
    /* Uzun kod dar ekranda taşmasın */
    overflow-wrap: anywhere;
    user-select: all;
}

/* Düğmeyi app.js ekler; yoksa kart yalnız kodu gösterir. */
.pkod__kopyala {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-2);
    flex: none;
    padding: var(--sp-3) var(--sp-5);
    border: 1px solid var(--brand-700);
    border-radius: 999px;
    background: var(--brand-700);
    font-size: var(--fs-sm);
    font-weight: var(--fw-bold);
    color: #fff;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease;
}

.pkod__kopyala:hover { background: var(--brand-800); border-color: var(--brand-800); }

/* Kopyalandı: yeşil değil marka rengi — sitede başka yerde yeşil yok */
.pkod__kopyala[data-durum="ok"] {
    background: #fff;
    color: var(--brand-800);
}

.pkod__donem {
    margin-top: var(--sp-4);
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
    color: var(--ink-700);
}

.pkod__not {
    margin-top: var(--sp-3);
    font-size: var(--fs-sm);
    line-height: 1.6;
    color: var(--ink-600);
}

.pkod .sc-actions { margin-top: clamp(var(--sp-6), 3vw, var(--sp-8)); }

/* --- Koyu zeminde --- */

.section--deep .pkod__eyebrow { color: var(--brand-200); }
.section--deep .pkod__title   { color: #fff; }
.section--deep .pkod__lead,
.section--deep .pkod__not     { color: var(--ink-300); }
.section--deep .pkod__donem   { color: #fff; }
.section--deep .pkod__kutu    { background: rgba(255, 255, 255, 0.06); border-color: var(--brand-300); }
.section--deep .pkod__kod     { color: #fff; }

@media (max-width: 520px) {
    .pkod__kutu { flex-direction: column; gap: var(--sp-3); padding: var(--sp-5) var(--sp-4); }
    .pkod__kopyala { width: 100%; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
    .pkod__kopyala { transition: none; }
}