/* =====================================================================
   Belge Doğrulama sayfası  (/alan-adi/belge-dogrulama)
   =====================================================================
   Yalnizca bu sayfada kullanilir; site.css sismesin diye ayri dosyada
   (bkz. app/gorunum/duzen.php icindeki $ekStiller).

   Sayfanin tek isi var: numarayi al, sonucu goster. Bu yuzden sorgu
   kutusu mansetin ICINDE duruyor ve gorsel agirligin tamami sonuc
   kartinda toplaniyor.
   ===================================================================== */

:root {
    /* Onay yesili: marka mavisiyle catismasin diye saf yesil degil,
       maviye kacan derin bir yesil secildi. */
    --bd-onay:      #0E7A55;
    --bd-onay-koyu: #0A5C40;
    --bd-onay-soft: #E8F5EF;

    /* Uyari (limit / bicimsiz) — kirmizi DEGIL. Kirmizi "sahte" demektir;
       bu iki durumun sahtecilikle ilgisi yok, kullanici hatasi. */
    --bd-uyari:      #B45309;
    --bd-uyari-soft: #FEF4E7;

    /* "Bulunamadi" — notr. Suresi dolmus GERCEK bir belgenin sahibi de
       bu karti gorur; onu renkle suclamamak icin gri tutuldu. */
    --bd-yok:      #4A6178;
    --bd-yok-soft: #EFF3F7;
}

/* =================================================== MANŞET =========== */
/*
 * .pagehead site genelinde ACIK bir gradyan (--tint -> --surface-2).
 * Burada koyu bir bant kuruluyor, cunku beyaz sorgu kutusunun one
 * cikmasi gerekiyor ve kardes sayfa (/alan-adi-tescil-belgesi) da koyu
 * mavi manset kullaniyor.
 *
 * Koyu zemine gecince site.css'in ACIK zemin icin yazilmis renkleri
 * ARTIK GECERLI DEGIL. Asagida h1, lede, kirilma yolu ve eyebrow
 * renkleri TEK TEK veriliyor — ozellikle h1, cunku site.css'te
 * "h1,h2,h3,h4 { color: var(--text) }" kurali miras alinan beyazi ezer
 * ve baslik koyu lacivert kalir.
 */
.bd-head {
    position: relative;
    overflow: hidden;
    background: linear-gradient(158deg, var(--brand-deep) 0%, var(--brand) 55%, #0A4C8C 100%);
    border-bottom: 0;
}

.bd-head__izgara {
    position: absolute; inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, .16) 1px, transparent 1px);
    background-size: 22px 22px;
    opacity: .5;
    pointer-events: none;
}

.bd-head .wrap { position: relative; z-index: 1; padding-block: 40px 44px; }

.bd-head h1        { color: #fff; }
.bd-head .eyebrow  { color: #8CCBFF; }
.bd-head .lede     { color: rgba(255, 255, 255, .88); max-width: 62ch; }

.bd-head .crumb,
.bd-head .crumb a          { color: rgba(255, 255, 255, .7); }
.bd-head .crumb a:hover    { color: #fff; }
.bd-head .crumb li[aria-current] { color: #fff; font-weight: 600; }

/* =================================================== SORGU KUTUSU ===== */
.bd-sorgu {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 26px;
    max-width: 620px;
}

.bd-sorgu__alan { flex: 1 1 280px; margin: 0; }

/* .field sinifi KULLANILMADI: o kalip etiketi inputun ustune yazar ve
   dikey yigar; burada tek satirlik bir arama cubugu isteniyor. */
.bd-sorgu__alan input {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 11px;
    background: rgba(255, 255, 255, .97);
    color: var(--text);
    font-size: 1.02rem;
    font-weight: 600;
    /* Belge numarasi bir koddur; harf genislikleri esit olunca hane
       saymak ve karsilastirmak kolaylasir. */
    font-family: ui-monospace, "SFMono-Regular", "Cascadia Mono", Menlo, Consolas, monospace;
    letter-spacing: .04em;
}

.bd-sorgu__alan input::placeholder {
    color: #8FA4B8;
    font-weight: 500;
    letter-spacing: .04em;
}

.bd-sorgu__alan input:focus-visible {
    outline: 3px solid #7FC4FF;
    outline-offset: 2px;
}

.bd-sorgu .btn { flex: 0 0 auto; padding-inline: 24px; }

.bd-ipucu {
    position: relative;
    z-index: 1;
    margin: 12px 0 0;
    font-size: .87rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, .74);
    max-width: 620px;
}
.bd-ipucu strong { color: #fff; }

/* =================================================== SONUÇ KARTI ====== */
.bd-sonuc-sar { max-width: 760px; margin-inline: auto; }

.bd-sonuc {
    display: flex;
    gap: 26px;
    align-items: flex-start;
    padding: 30px;
    border-radius: 16px;
    border: 1px solid var(--line);
    background: var(--surface);
}

.bd-sonuc--gecerli { border-color: var(--bd-onay);  background: var(--bd-onay-soft);  }
.bd-sonuc--uyari   { border-color: var(--bd-uyari); background: var(--bd-uyari-soft); }
.bd-sonuc--yok     { border-color: var(--line-2);   background: var(--bd-yok-soft);   }

.bd-sonuc__govde { flex: 1 1 auto; min-width: 0; }

.bd-sonuc__etiket {
    display: inline-block;
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .1em;
    padding: 5px 11px;
    border-radius: 999px;
}
.bd-sonuc--gecerli .bd-sonuc__etiket { background: var(--bd-onay);  color: #fff; }
.bd-sonuc--uyari   .bd-sonuc__etiket { background: var(--bd-uyari); color: #fff; }
.bd-sonuc--yok     .bd-sonuc__etiket { background: var(--bd-yok);   color: #fff; }

.bd-sonuc h2 {
    margin: 12px 0 8px;
    font-size: clamp(1.25rem, 1rem + 1vw, 1.6rem);
    line-height: 1.2;
}
.bd-sonuc--gecerli h2 { color: var(--bd-onay-koyu); }

.bd-sonuc__aciklama { margin: 0; color: var(--text-2); line-height: 1.68; }

.bd-sonuc__not {
    margin: 18px 0 0;
    padding-top: 15px;
    border-top: 1px solid rgba(15, 36, 56, .1);
    font-size: .86rem;
    line-height: 1.6;
    color: var(--muted);
}

/* --------------------------------------------------- BELGE GÜVENLİĞİ */
/*
 * Kisisel verinin neden gosterilmedigini anlatan bolum. Once tek bir
 * dipnot paragrafiydi ve "eksik bilgi" gibi okunuyordu; kendi basligi
 * altina alininca bilincli bir kurum politikasi oldugu anlasiliyor.
 *
 * Zemin kartin kendi yesilinden AYRILIR (beyaz): sonucun kendisi ile
 * onun altindaki aciklama ayni gorsel agirlikta durmamali.
 */
.bd-guvenlik {
    margin: 22px 0 0;
    padding: 16px 18px;
    background: var(--surface);
    border: 1px solid rgba(14, 122, 85, .22);
    border-radius: 10px;
}

.bd-guvenlik h3 {
    margin: 0 0 10px;
    font-size: .82rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .09em;
    color: var(--bd-onay-koyu);
}

.bd-guvenlik p {
    margin: 0 0 9px;
    font-size: .85rem;
    line-height: 1.68;
    color: var(--text-2);
}
.bd-guvenlik p:last-child { margin-bottom: 0; }

.bd-sonuc__eylem { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }

.bd-sebep { margin: 12px 0 0; }
.bd-sebep li { color: var(--text-2); line-height: 1.6; }

/* --------------------------------------------------- MÜHÜR ----------- */
/*
 * Muhur SVG olarak ciziliyor: her ekranda net kalir, tek bayt gorsel
 * yuklemez ve renk degiskenlerinden beslenir.
 */
.bd-muhur { flex: 0 0 92px; width: 92px; }
.bd-muhur svg { display: block; width: 100%; height: auto; }

.bd-muhur__dis {
    fill: none;
    stroke: var(--bd-onay);
    stroke-width: 2.5;
    /* Kesik cizgili dis halka, mumlu muhur kenarini andirir. */
    stroke-dasharray: 7 5;
    opacity: .55;
}
.bd-muhur__ic  { fill: var(--bd-onay); }
.bd-muhur__tik {
    fill: none;
    stroke: #fff;
    stroke-width: 8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Muhur yerine oturuyormus gibi bir kez cizilir. Hareket kisitli
   kullanicilar icin tamamen kapatilir (en altta). */
@media (prefers-reduced-motion: no-preference) {
    .bd-sonuc--gecerli .bd-muhur { animation: bd-muhur-bas .45s cubic-bezier(.2, .9, .3, 1.2) both; }
    .bd-muhur__tik {
        stroke-dasharray: 62;
        stroke-dashoffset: 62;
        animation: bd-tik-ciz .5s ease .3s forwards;
    }
}

@keyframes bd-muhur-bas {
    from { transform: scale(1.35) rotate(-9deg); opacity: 0; }
    to   { transform: scale(1)    rotate(0);     opacity: 1; }
}
@keyframes bd-tik-ciz { to { stroke-dashoffset: 0; } }

/* --------------------------------------------------- KÜNYE ----------- */
.bd-kunye {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 14px 22px;
    margin: 20px 0 0;
}
.bd-kunye > div { min-width: 0; }

.bd-kunye dt {
    font-size: .73rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--muted);
    margin-bottom: 3px;
}
.bd-kunye dd {
    margin: 0;
    font-size: 1rem;
    color: var(--text);
    /* "anywhere" DEGIL "break-word": anywhere, elemanin asgari icerik
       genisligini de kucultur ve izgara sutunu daralinca alan adi
       yerinde durabilecekken "gundemkapadokya.co / m" diye bolunuyordu.
       break-word yalnizca baska care kalmadiginda boler. */
    overflow-wrap: break-word;
}
.bd-kunye code {
    font-size: .95rem;
    font-weight: 700;
    letter-spacing: .03em;
    color: var(--bd-onay-koyu);
    background: rgba(14, 122, 85, .1);
    padding: 2px 7px;
    border-radius: 6px;
}

/* =================================================== NUMARA NEREDE ==== */
.bd-anlat {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 400px);
    gap: 40px;
    align-items: center;
}
.bd-anlat h2 { margin: 10px 0 12px; }
.bd-anlat p  { color: var(--text-2); line-height: 1.72; margin: 0 0 12px; }
.bd-anlat code {
    font-size: .93rem;
    background: var(--brand-soft);
    color: var(--brand-deep);
    padding: 2px 7px;
    border-radius: 6px;
    font-weight: 600;
}
.bd-anlat__not { font-size: .89rem; color: var(--muted); }

/* Ornek belge kosesi — statik gorsel degil, HTML. */
.bd-ornek { margin: 0; }

.bd-ornek__kagit {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 26px 24px 28px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: 0 18px 34px rgba(2, 20, 42, .1);
    /* Ust kenarda marka seridi: gercek belgenin ust bandini andirir. */
    border-top: 4px solid var(--brand);
    text-align: center;
}

.bd-ornek__etiket {
    font-size: .7rem;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--muted);
    font-weight: 700;
}
.bd-ornek__no {
    font-family: ui-monospace, "SFMono-Regular", "Cascadia Mono", Menlo, Consolas, monospace;
    font-size: clamp(1rem, .85rem + .8vw, 1.28rem);
    font-weight: 700;
    letter-spacing: .05em;
    color: var(--brand-deep);
    overflow-wrap: anywhere;
}
.bd-ornek__ayrac {
    display: block;
    width: 54px;
    height: 2px;
    background: var(--buy);
    margin: 10px 0 4px;
    border-radius: 2px;
}
.bd-ornek__baslik {
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .05em;
    color: var(--text);
}

.bd-ornek figcaption {
    margin-top: 10px;
    text-align: center;
    font-size: .8rem;
    color: var(--muted);
}

/* =================================================== ADIMLAR ========== */
.bd-adimlar { margin-top: 26px; }

.bd-guven {
    max-width: 760px;
    margin: 26px auto 0;
    padding: 15px 17px;
}
.bd-guven p { line-height: 1.65; }

/* =================================================== KAPANIŞ ========== */
.bd-son {
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
    align-items: center;
    justify-content: space-between;
    padding: 30px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--brand-soft);
}
.bd-son h2 { margin: 0 0 8px; font-size: 1.3rem; }
.bd-son p  { margin: 0; color: var(--text-2); line-height: 1.68; max-width: 58ch; }
.bd-son__eylem { display: flex; flex-wrap: wrap; gap: 10px; }

/* =================================================== DAR EKRAN ======== */
@media (max-width: 900px) {
    .bd-anlat { grid-template-columns: 1fr; gap: 28px; }
}

@media (max-width: 640px) {
    .bd-sorgu .btn { flex: 1 1 100%; }

    /* Muhur ustte, metin altta: 92px'lik muhur yaninda kalan genislik
       basligi hece hece bolmeye basliyordu. */
    .bd-sonuc { flex-direction: column; gap: 18px; padding: 24px 20px; }
    .bd-muhur { flex-basis: auto; width: 76px; }
}

@media (prefers-reduced-motion: reduce) {
    .bd-sonuc--gecerli .bd-muhur { animation: none; }
    .bd-muhur__tik { stroke-dasharray: none; stroke-dashoffset: 0; animation: none; }
}