/**
 * Bursluluk Sınavı Bilgileri — oguzkaankoleji.com (page-bursluluk-sinavi.php, 13 Kasım 2026).
 * KAYNAK: gucuegitiminde.com assets/css/arayuz-2027.css › "SINAV BİLGİLERİ" bölümü (ab- önekli) — oradaki görünüm değişirse buraya da uygulanır.
 * Farklar: body.arayuz-2027 öneki yok; renk değişkenleri .ab-sayfa üzerinde; düğmeler tema btn renklerinden bağımsız (ab-btn-*); sayfa beyaz kart.
 */
.ab-sayfa {
    --ok-kirmizi: #c0272c;
    --ok-kirmizi-koyu: #9f1f24;
    --ok-kirmizi-acik: #fbeff0;
    --ok-koyu: #231f20;
    --ok-gri: #6f7073;
    --ok-zemin: #f5f5f6;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 6px 18px rgba(35, 31, 32, .07);
    color: var(--ok-koyu);
    margin: 10px 0 30px;
}

.ab-sayfa .btn { border-radius: 25px; font-weight: 600; }
.ab-sayfa .btn:focus { outline: none; }
.ab-sayfa h1, .ab-sayfa h2, .ab-sayfa h3 { text-transform: none; }

/* Son çağrı düğmesi (koyu zemin) */
.ab-cagri .ab-btn-ana { background: var(--ok-kirmizi); border-color: var(--ok-kirmizi); color: #fff; }
.ab-cagri .ab-btn-ana:hover, .ab-cagri .ab-btn-ana:focus { background: #db2f34; border-color: #db2f34; color: #fff; }

.ab-sayfa {
    padding: 0;
    overflow: hidden;
}

.ab-bolum {
    padding: 28px 32px 8px;
}

.ab-baslik {
    font-size: 22px;
    font-weight: 700;
    color: var(--ok-koyu);
    margin: 0 0 16px;
}

.ab-baslik::after {
    content: '';
    display: block;
    width: 44px;
    height: 3px;
    border-radius: 3px;
    background: var(--ok-kirmizi);
    margin-top: 8px;
}

/* Üst bölüm */
.ab-hero {
    background: linear-gradient(135deg, #c0272c 0%, #9f1f24 100%);
    color: #fff;
    padding: 40px 32px 34px;
    text-align: center;
}

.ab-hero-etiket {
    display: inline-block;
    background: rgba(255, 255, 255, .16);
    border-radius: 999px;
    padding: 5px 14px;
    font-size: 13px;
    letter-spacing: .4px;
}

.ab-hero-baslik {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    margin: 14px 0 8px;
}

.ab-hero-alt {
    font-size: 17px;
    line-height: 1.5;
    max-width: 620px;
    margin: 0 auto 18px;
    color: rgba(255, 255, 255, .92);
}

.ab-hero-bilgiler {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-bottom: 22px;
}

.ab-cip {
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 999px;
    padding: 6px 14px;
    font-size: 14px;
}

.ab-cip-vurgu {
    background: #fff;
    color: var(--ok-kirmizi);
    font-weight: 700;
    border-color: #fff;
}

.ab-hero-dugmeler {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

/* Kırmızı zeminde: ana düğme beyaz, ikincil düğme saydam çerçeveli */
.ab-hero .ab-btn-ana {
    background: #fff;
    border-color: #fff;
    color: var(--ok-kirmizi);
    box-shadow: 0 6px 16px rgba(0, 0, 0, .18);
}

.ab-hero .ab-btn-ana:hover,
.ab-hero .ab-btn-ana:focus {
    background: #fbeff0;
    color: var(--ok-kirmizi-koyu);
}

.ab-hero .ab-btn-ikincil {
    background: transparent;
    border-color: rgba(255, 255, 255, .7);
    color: #fff;
}

.ab-hero .ab-btn-ikincil:hover,
.ab-hero .ab-btn-ikincil:focus {
    background: rgba(255, 255, 255, .12);
    border-color: #fff;
    color: #fff;
}

/* Adımlar */
.ab-adimlar {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.ab-adim {
    background: var(--ok-zemin);
    border-radius: 14px;
    padding: 18px 18px 14px;
}

.ab-adim-no {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--ok-kirmizi);
    color: #fff;
    font-weight: 700;
}

.ab-adim h3 {
    color: var(--ok-koyu);
    font-size: 16px;
    font-weight: 700;
    margin: 10px 0 6px;
}

.ab-adim p {
    font-size: 14px;
    line-height: 1.5;
    color: #444;
    margin: 0;
}

/* Bilgi kartları */
.ab-kartlar {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.ab-kart {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    border: 1px solid #eee;
    border-radius: 14px;
    padding: 14px 16px;
    font-size: 14px;
    line-height: 1.5;
}

.ab-kart > i {
    flex: 0 0 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--ok-kirmizi-acik);
    color: var(--ok-kirmizi);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
}

/* Sınıf kartları (soru sayıları) */
.ab-siniflar {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.ab-sinif {
    border: 1px solid #eee;
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.ab-sinif-ust {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--ok-kirmizi-acik);
    padding: 12px 14px;
}

.ab-sinif-ad {
    font-weight: 700;
    color: var(--ok-kirmizi-koyu);
}

.ab-sinif-sure {
    font-size: 13px;
    color: var(--ok-kirmizi);
    white-space: nowrap;
}

/* Kart başlığı altında sınavın adı / biçimi (1-3. sınıflar, 12 Kas 2026) */
.ab-sinif-tur {
    padding: 8px 14px 0;
    font-size: 12px;
    font-weight: 600;
    color: var(--ok-gri);
}

.ab-dersler {
    list-style: none;
    margin: 0;
    padding: 6px 14px;
    flex: 1;
}

.ab-dersler li {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px dashed #eee;
    font-size: 14px;
}

.ab-dersler li:last-child {
    border-bottom: none;
}

.ab-sinif-alt {
    display: flex;
    flex-direction: column;
    gap: 2px;
    background: #fafafa;
    padding: 10px 14px;
    font-size: 13px;
    color: var(--ok-gri);
}

.ab-sinif-alt strong {
    color: var(--ok-koyu);
}

.ab-not {
    margin: 14px 0 0;
    font-size: 13px;
    color: var(--ok-gri);
}

.ab-liste {
    padding-left: 18px;
    font-size: 14px;
    line-height: 1.6;
}

.ab-liste li::marker {
    color: var(--ok-kirmizi);
}

/* Son çağrı */
.ab-cagri {
    margin: 24px 32px 32px;
    background: var(--ok-koyu);
    color: #fff;
    border-radius: 16px;
    padding: 26px 24px;
    text-align: center;
}

.ab-cagri h2 {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 6px;
}

.ab-cagri p {
    color: rgba(255, 255, 255, .8);
    margin: 0 0 16px;
}

@media only screen and (max-width: 767px) {
    /* mobil kart kuralının (padding 18px 16px) önüne geçer — üst bölüm kartın kenarına kadar */
        .ab-sayfa {
        padding: 0;
    }

    .ab-hero {
        padding: 28px 18px 24px;
    }

    .ab-hero-baslik {
        font-size: 30px;
    }

    .ab-hero-alt {
        font-size: 15px;
    }

    .ab-hero-dugmeler .btn {
        width: 100%;
    }

    .ab-bolum {
        padding: 22px 16px 4px;
    }

    .ab-adimlar,
    .ab-kartlar,
    .ab-siniflar {
        grid-template-columns: 1fr;
    }

    .ab-cagri {
        margin: 20px 12px 18px;
        padding: 22px 16px;
    }

    .ab-cagri .ab-btn-ana {
        width: 100%;
    }
}