/* AloFatura tanıtım, lisans ve ödeme sayfaları — /assets/site.css üstüne (11.11.2026) */
body.af{--vurgu:#0f6b55;--vurgu-ink:#fff;--vurgu-acik:#e2f2ec;--uyari:#8a5a0b;--uyari-acik:#fbf0d9;--iyi:#24734a;--iyi-acik:#e3f3e8;--kotu:#b42318;--kotu-acik:#fde7e5}
@media (prefers-color-scheme:dark){body.af{--vurgu:#5fd0ae;--vurgu-ink:#06231b;--vurgu-acik:#123128;--uyari:#f2c46d;--uyari-acik:#2e2412;--iyi:#6cc58f;--iyi-acik:#16291d;--kotu:#f28b82;--kotu-acik:#351a18}}
body.af .ust,body.af main,body.af .alt{max-width:68rem}
body.af main.af-dar{max-width:46rem}
.af .menu a.canli{color:var(--vurgu)}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;background:var(--yumusak);border:1px solid var(--cizgi);border-radius:6px;padding:.05rem .35rem;overflow-wrap:anywhere}

/* üst bölüm */
.af-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:2.5rem;align-items:center;padding:.5rem 0 2rem}
@media (max-width:860px){.af-hero{grid-template-columns:1fr;gap:2rem}}
.af-hero h1{font-size:clamp(2rem,5.2vw,3rem);line-height:1.08;letter-spacing:-.025em;margin:0 0 1rem}
.af-hero .on{color:var(--ikinci);font-size:1.12rem;max-width:38rem}
.af-dugmeler{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:1.4rem 0 .8rem}
.af-dugmeler .dugme{margin:0;min-height:46px;display:inline-flex;align-items:center;gap:.45rem}
.af-not{font-size:.9rem;color:var(--ikinci);margin:0}
.af .dugme.ikincil{background:transparent;color:var(--vurgu);border:1.5px solid var(--vurgu)}
.af .dugme:disabled{opacity:.55;cursor:not-allowed}

/* resmî değildir bandı */
.af-bant{background:var(--uyari-acik);border-left:4px solid var(--uyari);border-radius:0 10px 10px 0;padding:.8rem 1rem;margin:0 0 1.2rem;font-size:.97rem}
.af-bant strong{color:var(--ink)}
.af-bant.iyi{background:var(--iyi-acik);border-left-color:var(--iyi)}
.af-bant.kotu{background:var(--kotu-acik);border-left-color:var(--kotu)}
.af-bant.bilgi{background:var(--vurgu-acik);border-left-color:var(--vurgu)}

/* örnek fatura listesi (görsel) */
.af-panel{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:16px;box-shadow:0 18px 44px rgba(10,40,30,.12);overflow:hidden;font-size:.86rem}
.af-panel-bas{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--cizgi);background:var(--yumusak)}
.af-panel-bas b{font-size:.95rem}
.af-panel-bas span{color:var(--ikinci);font-size:.78rem}
.af-satir{display:grid;grid-template-columns:1fr auto;gap:.15rem .8rem;padding:.65rem 1rem;border-bottom:1px solid var(--cizgi)}
.af-satir:last-of-type{border-bottom:0}
.af-satir .no{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;color:var(--ikinci)}
.af-satir .tutar{font-weight:700;text-align:right}
.af-satir .durum{justify-self:end}
.af-rozet{display:inline-block;font-size:.72rem;font-weight:700;padding:.1rem .5rem;border-radius:99px;background:var(--yumusak);color:var(--ikinci);white-space:nowrap}
.af-rozet.onay{background:var(--iyi-acik);color:var(--iyi)}
.af-rozet.taslak{background:var(--uyari-acik);color:var(--uyari)}
.af-panel-alt{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--cizgi)}
.af-panel-alt span{flex:1;text-align:center;padding:.45rem .5rem;border-radius:9px;background:var(--vurgu);color:var(--vurgu-ink);font-weight:700;font-size:.8rem}
.af-panel-alt span+span{background:transparent;color:var(--vurgu);border:1.5px solid var(--vurgu)}

/* kart ızgarası, adımlar */
.af-adimlar{list-style:none;counter-reset:a;padding:0;margin:0 0 1rem;display:grid;gap:.6rem}
.af-adimlar li{counter-increment:a;position:relative;padding:.1rem 0 .7rem 2.6rem;border-bottom:1px solid var(--cizgi)}
.af-adimlar li:last-child{border-bottom:0}
.af-adimlar li::before{content:counter(a);position:absolute;left:0;top:0;display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--vurgu);color:var(--vurgu-ink);font-weight:800;font-size:.9rem}
.af-ikili{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;align-items:start}
@media (max-width:760px){.af-ikili{grid-template-columns:1fr}}
.af-ikili>.kart{margin:0}
.af-ikili .kart h3{display:flex;align-items:center;gap:.5rem}
.af-kutu{background:var(--vurgu-acik);border-radius:14px;padding:1.3rem 1.4rem}
.af-kutu h2{margin-top:0}
.af-liste{list-style:none;padding:0;margin:0}
.af-liste li{padding:.45rem 0 .45rem 1.6rem;border-bottom:1px solid var(--cizgi);position:relative}
.af-liste li:last-child{border-bottom:0}
.af-liste li::before{content:"";position:absolute;left:.2rem;top:.8rem;width:.42rem;height:.78rem;border:solid var(--vurgu);border-width:0 3px 3px 0;transform:rotate(45deg)}
.af-fiyat{font-size:1.15rem;font-weight:700;margin:.2rem 0 .8rem}
.af-gereksinim{font-size:.92rem;color:var(--ikinci);margin:.6rem 0 0}

/* SSS */
.af-sss details{border-bottom:1px solid var(--cizgi);padding:.8rem 0}
.af-sss summary{cursor:pointer;font-weight:600}
.af-sss details p{margin:.6rem 0 0;color:var(--ikinci)}

/* tablo (kişisel veri) */
.af-tablo{width:100%;border-collapse:collapse;font-size:.95rem;margin:0 0 1rem}
.af-tablo th,.af-tablo td{text-align:left;vertical-align:top;padding:.5rem .6rem;border-bottom:1px solid var(--cizgi)}
.af-tablo th{color:var(--ikinci);font-weight:600;width:38%}
@media (max-width:520px){.af-tablo th,.af-tablo td{display:block;width:auto;padding:.3rem 0}.af-tablo th{border-bottom:0;padding-top:.7rem}}

.af-son{text-align:center;padding:2.2rem 1rem 0;margin-top:2.2rem;border-top:1px solid var(--cizgi)}
.af-son .af-dugmeler{justify-content:center}

/* lisans sorgu formu */
.af-form{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:12px;padding:1.1rem 1.2rem;margin:0 0 1.2rem}
.af-alan{margin:0 0 .9rem}
.af-alan label{display:block;font-weight:600;font-size:.95rem;margin:0 0 .3rem}
.af-alan small{display:block;color:var(--ikinci);font-size:.86rem;margin-top:.25rem}
.af-alan input{width:100%;min-height:46px;padding:.55rem .7rem;border:1px solid var(--cizgi);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit}
.af-alan input:focus{outline:2px solid var(--vurgu);outline-offset:0;border-color:transparent}
.af-form button.dugme{border:0;font:inherit;font-weight:600;cursor:pointer;min-height:46px;margin:0}
.af-sonuc dl{display:grid;grid-template-columns:9rem 1fr;gap:.45rem .8rem;margin:0 0 1rem}
.af-sonuc dt{color:var(--ikinci);font-weight:600}
.af-sonuc dd{margin:0;overflow-wrap:anywhere}
@media (max-width:30rem){.af-sonuc dl{grid-template-columns:1fr;gap:.1rem}.af-sonuc dd{margin-bottom:.5rem}}
.af-hata{color:var(--kotu);font-weight:600;min-height:1.2em;margin:.4rem 0 0}
[hidden]{display:none!important}