/* AkademiQ CeCredential — ortak stiller (Bootstrap 3 üzerine) */

:root {
    --aq-gold: #C9A227;
    --aq-dark: #1a1a1a;
    --aq-gray: #666;
}

body {
    color: #222;
    font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* --- Marka üst bandı --- */
.aq-header {
    border-bottom: 3px solid var(--aq-gold);
    padding: 14px 0;
    margin-bottom: 24px;
    background: #fff;
}
.aq-header .aq-logo { height: 46px; }
.aq-header .aq-nav a {
    color: var(--aq-dark);
    font-weight: 600;
    margin-left: 18px;
    text-decoration: none;
}
.aq-header .aq-nav a:hover { color: var(--aq-gold); }

/* --- Doğrulama formu --- */
h1 { font-weight: 700; letter-spacing: -0.5px; }

.CeDiDNumber {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.7em;
    letter-spacing: 2px;
}
.AlphaNumericKey {
    display: block;
    margin-top: 6px;
}
.AlphaNumericKey img { max-width: 100%; }

.labelgray {
    border-radius: 0.3em;
    background-color: var(--aq-gray);
    color: #fff;
    font-size: 1.05em;
    padding: 0.35em 0.7em;
    display: inline-block;
    margin-bottom: 8px;
}

#btnValidate {
    background-color: var(--aq-gold);
    border-color: var(--aq-gold);
    color: #fff;
    font-weight: 700;
    min-width: 160px;
}
#btnValidate:hover { background-color: #b28f1e; border-color: #b28f1e; }

/* Sonuç tablosu */
#result_table { margin-top: 14px; }
.table-striped > tbody > tr:nth-child(odd) > td { background-color: #F7F1D8 !important; }
#result_table td {
    padding: 8px 12px;
    /* Uzun okul adı / kimlik metinleri dar ekranda satır kırsın, taşmasın */
    word-break: break-word;
    overflow-wrap: anywhere;
}
/* table-responsive sarmalayıcısı (dar ekranda yatay kaydırma güvenlik ağı) */
.table-responsive { border: 0; margin-bottom: 0; }

/* ScholarRecord butonu: uzun URL/metin taşmasın */
#scholarrecord_result .btn { white-space: normal; word-break: break-word; }
#scholarrecord_result { margin-top: 6px; }

/* Nötr yanıt kutusu (sarı uyarı) */
.well {
    background-color: #fff8d6 !important;
    border: 1px solid #e6d27a;
    border-radius: 6px;
    padding: 16px 20px;
}
.well ul { margin-bottom: 0; padding-left: 18px; }

#successfail_result { font-size: 1.15em; margin-top: 10px; }

.hr-gray { border: 0; border-top: 1px solid #ccc; margin: 18px 0 12px; }
.text-justify { text-align: justify; }
.powered-by { margin-top: 12px; }
.powered-by img { height: 44px; max-width: 100%; }

.aq-footer {
    margin-top: 48px;
    padding: 22px 0;
    border-top: 1px solid #eee;
    color: var(--aq-gray);
    font-size: 0.9em;
}

/* --- Overview sayfası --- */
.aq-hero {
    background: linear-gradient(180deg, #fbf8ef 0%, #fff 100%);
    padding: 10px 0 26px;
}
.aq-hero img { max-width: 100%; height: auto; border-radius: 8px; }
.aq-benefits li { margin-bottom: 8px; }
.aq-card {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 22px;
    height: 100%;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
    /* Kart içi dikey akış: alt öğeler (linkler/CTA/alt metin) tabana hizalanabilsin.
       Mobilde kart yüksekliği içeriğe göre olduğu için 'margin-top:auto' etkisizdir
       (boş alan yok) → stacked görünüm bozulmaz. */
    display: flex;
    flex-direction: column;
}
.aq-card h3 { margin-top: 0; color: var(--aq-dark); }

/* Kartın en altına yaslanacak öğe (yalnızca kart yüksekliğinde boşluk varsa etki eder) */
.aq-card-foot { margin-top: auto; margin-bottom: 0; }

/* Eşit yükseklikli kartlar — YALNIZCA kartlar yan yanayken (md+ / col-md-4).
   Satırı flex yaparak kolonlar en yüksek karta eşitlenir; kart height:100% doldurur.
   767–991px ve altında bu kural devreye girmez → kartlar doğal yükseklikte stack olur. */
@media (min-width: 992px) {
    .aq-card-row { display: flex; flex-wrap: wrap; }
    .aq-card-row > [class*="col-"] { display: flex; }
}
.aq-demo video {
    display: block;
    width: 100%;
    height: auto;            /* en-boy oranını koru, ezilme yok */
    max-width: 494px;        /* doğal genişliğinden büyümesin */
    margin: 0 auto;          /* ortala */
    border: 1px solid #eee;
    border-radius: 8px;
}
.btn-aq {
    background-color: var(--aq-gold);
    border-color: var(--aq-gold);
    color: #fff;
    font-weight: 700;
}
.btn-aq:hover, .btn-aq:focus { background-color: #b28f1e; color: #fff; }

/* --- Tablet ve altı: hero görseli metnin altına geçince nefes payı --- */
@media (max-width: 991px) {
    .aq-hero-img { margin-top: 18px; }
}

/* --- Mobil (xs) --- */
@media (max-width: 767px) {
    .aq-header .aq-nav a { margin-left: 10px; font-size: 0.9em; }
    .aq-header .aq-logo { height: 38px; }

    /* Metin/başlık ekran kenarına yapışmasın (row negatif marjını bozmadan,
       kolon iç boşluğunu artırarak — yatay kaydırma oluşmaz) */
    [class*="col-"] { padding-left: 20px; padding-right: 20px; }

    h1 { font-size: 26px; }
    .aq-hero .lead { font-size: 16px; }

    /* CTA butonları dokunması kolay olsun (tam genişlik) */
    .btn-aq.btn-lg,
    #btnValidate,
    #scholarrecord_result .btn { display: block; width: 100%; }

    /* CeDiD girişi ekrana göre esnesin */
    .CeDiDNumber { width: 100% !important; font-size: 1.4em; }
}
@media print {
    .aq-footer, .aq-header .aq-nav { display: none; }
}