/* tools/a11y_statement.blade.php sayfasina ozel stiller */

/* Hero, mor/a11y tema */
.as-hero{background:linear-gradient(135deg,#3b0d99 0%,#0F172A 55%,#0f1322 100%);padding:80px 0 110px;position:relative;overflow:hidden}
.as-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 80% 40%,rgba(14,165,164,.28),transparent);pointer-events:none}
.as-hero-inner{position:relative;z-index:1;text-align:center;color:#fff}
.as-hero-badge{display:inline-flex;align-items:center;gap:9px;background:rgba(14,165,164,.22);border:1px solid rgba(14,165,164,.42);border-radius:999px;padding:7px 16px 7px 10px;font-family:'Mulish',sans-serif;font-weight:800;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:#c4b5fd;margin-bottom:26px}
.as-hero-badge svg{width:16px;height:16px;color:#22D3EE}
.as-hero h1{font-family:'Mulish',sans-serif;font-weight:900;font-size:clamp(32px,5.2vw,58px);letter-spacing:-.04em;line-height:1.06;margin:0 auto 20px;max-width:760px;color:#fff;text-wrap:balance}
.as-hero h1 .accent{color:#22D3EE}
.as-hero-lead{font-size:clamp(16px,2vw,18.5px);color:rgba(255,255,255,.78);max-width:640px;margin:0 auto 38px;line-height:1.6}
.as-hero-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.as-hero-chip{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:7px 14px;font-size:13px;font-weight:600;color:rgba(255,255,255,.82)}
.as-hero-chip svg{width:14px;height:14px;color:#22D3EE;flex-shrink:0}

/* Yüzen form kartı */
.as-card-wrap{margin-top:-60px;padding-bottom:16px;position:relative;z-index:10}
.as-card{background:#fff;border-radius:24px;box-shadow:0 40px 90px -28px rgba(15,23,42,.32),0 8px 24px -10px rgba(15,23,42,.12);border:1px solid var(--line);padding:44px 48px}
@media(max-width:640px){.as-card{padding:30px 22px}}

/* Form hata kutusu */
.as-errors{background:#fef2f2;border:1.5px solid #fca5a5;border-radius:14px;padding:16px 20px;margin-bottom:28px}
.as-errors p{font-family:'Mulish',sans-serif;font-weight:800;font-size:14px;color:#991b1b;margin-bottom:8px}
.as-errors li{font-size:13.5px;color:#7f1d1d;padding:3px 0;list-style:none;display:flex;align-items:flex-start;gap:8px}
.as-errors li::before{content:"•";color:#ef4444;flex-shrink:0}

/* Bilgi bantı */
.as-info-strip{background:linear-gradient(135deg,rgba(14,165,164,.06),rgba(14,165,164,.04));border:1.5px solid rgba(14,165,164,.2);border-radius:16px;padding:20px 24px;margin-bottom:36px;display:flex;gap:16px;align-items:flex-start}
.as-info-strip-icon{width:40px;height:40px;border-radius:12px;background:var(--a11y-soft);color:var(--a11y);display:grid;place-items:center;flex-shrink:0}
.as-info-strip-icon svg{width:22px;height:22px}
.as-info-strip-text p{font-size:14.5px;color:#3a4154;line-height:1.65;margin:0}
.as-info-strip-text strong{color:var(--a11y-d);font-weight:700}

/* Form bölüm başlıkları */
.as-section-label{display:flex;align-items:center;gap:10px;font-family:'Mulish',sans-serif;font-weight:800;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--a11y);margin:32px 0 16px;padding-bottom:10px;border-bottom:1.5px solid var(--a11y-soft)}
.as-section-label svg{width:17px;height:17px}

/* Form alanları */
.as-field{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}
.as-field label{font-family:'Mulish',sans-serif;font-weight:800;font-size:13.5px;color:var(--ink)}
.as-field label .req{color:#ef4444;margin-left:3px}
.as-field input,.as-field select,.as-field textarea{font-family:'Inter',sans-serif;font-size:14.5px;color:var(--ink);background:#fff;border:1.8px solid #d8d2c4;border-radius:12px;padding:13px 16px;transition:border-color .2s,box-shadow .2s;width:100%}
.as-field input:focus,.as-field select:focus,.as-field textarea:focus{outline:none;border-color:var(--a11y);box-shadow:0 0 0 4px rgba(14,165,164,.12)}
.as-field input::placeholder,.as-field textarea::placeholder{color:#aaa9b5}
.as-field small{font-size:12.5px;color:var(--mut);line-height:1.5}
.as-field textarea{resize:vertical;min-height:90px}

/* Dil seçici kartlar */
.as-lang-grid{display:flex;gap:12px;flex-wrap:wrap}
.as-lang-card{flex:1;min-width:100px;border:2px solid #d8d2c4;border-radius:14px;padding:16px 14px;cursor:pointer;text-align:center;transition:border-color .2s,background .2s,box-shadow .2s;position:relative}
.as-lang-card input[type="radio"]{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0;width:100%;height:100%}
.as-lang-card:has(input:checked){border-color:var(--a11y);background:var(--a11y-soft);box-shadow:0 0 0 3px rgba(14,165,164,.14)}
.as-lang-card .flag{font-size:26px;display:block;margin-bottom:6px;pointer-events:none}
.as-lang-card .lname{font-family:'Mulish',sans-serif;font-weight:800;font-size:13px;color:var(--ink);pointer-events:none}
.as-lang-card:has(input:checked) .lname{color:var(--a11y-d)}

/* Gönder butonu */
.as-submit-row{margin-top:36px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.as-submit-note{font-size:13px;color:var(--mut);display:flex;align-items:center;gap:6px}
.as-submit-note svg{width:15px;height:15px;color:var(--green-d);flex-shrink:0}

/* Alt bilgi kutuları */
.as-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:40px}
.as-meta-card{background:var(--paper);border:1px solid var(--cream-line);border-radius:16px;padding:24px;display:flex;gap:15px;align-items:flex-start}
.as-meta-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}
.as-meta-icon.purple{background:var(--a11y-soft);color:var(--a11y)}
.as-meta-icon.green{background:var(--green-soft);color:var(--green-d)}
.as-meta-icon.navy{background:#eef0f6;color:var(--navy)}
.as-meta-icon svg{width:22px;height:22px}
.as-meta-card h3{font-family:'Mulish',sans-serif;font-weight:800;font-size:15px;color:var(--ink);margin-bottom:5px}
.as-meta-card p{font-size:13.5px;color:var(--body);line-height:1.6;margin:0}
.as-meta-card strong{color:var(--a11y-d)}

/* SSS bölümü */
.as-faq-wrap{max-width:760px;margin:0 auto}
.as-faq-item{border:1.5px solid var(--cream-line);border-radius:16px;margin-bottom:10px;overflow:hidden;transition:border-color .2s}
.as-faq-item:has(details[open]){border-color:rgba(14,165,164,.3)}
.as-faq-item details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;font-family:'Mulish',sans-serif;font-weight:700;font-size:15.5px;color:var(--ink);gap:14px}
.as-faq-item details summary::-webkit-details-marker{display:none}
.as-faq-item details summary .pl{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--cream-line);display:grid;place-items:center;flex-shrink:0;transition:background .2s,border-color .2s}
.as-faq-item details summary .pl::after{content:"";display:block;width:10px;height:2px;background:var(--ink);position:relative;transition:transform .2s}
.as-faq-item details summary .pl::before{content:"";display:block;width:2px;height:10px;background:var(--ink);position:absolute;transition:transform .2s,opacity .2s}
.as-faq-item details[open] summary .pl{background:var(--a11y);border-color:var(--a11y)}
.as-faq-item details[open] summary .pl::after{background:#fff}
.as-faq-item details[open] summary .pl::before{opacity:0;background:#fff}
.as-faq-item details[open] summary{color:var(--a11y-d)}
.as-faq-item details .ans{padding:0 24px 22px;font-size:14.5px;color:var(--body);line-height:1.7}
.as-faq-item details .ans strong{color:var(--a11y-d)}

/* CTA bölümü */
.as-cta{background:linear-gradient(135deg,#3b0d99,#0F172A);border-radius:24px;padding:52px 48px;text-align:center;color:#fff;margin-top:64px}
.as-cta h2{font-family:'Mulish',sans-serif;font-weight:900;font-size:clamp(24px,3.5vw,36px);letter-spacing:-.03em;margin-bottom:14px}
.as-cta p{font-size:16.5px;color:rgba(255,255,255,.78);max-width:520px;margin:0 auto 32px;line-height:1.6}
.as-cta-actions{display:flex;justify-content:center;gap:13px;flex-wrap:wrap}

/* Inline style'dan tasinan statik yardimci siniflar */
.as-row0{margin:0}
.as-col0{padding:0}
.as-fieldset-reset{border:none;padding:0;margin:0}
.as-sec-notop{padding-top:0}
.as-shead-mb40{margin-bottom:40px}