/* SEO ve GEO analizi ortak stilleri: ilerleme paneli, e-posta onayı ve rapor bölümleri. */
.az-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

.az [hidden], .az[hidden] { display: none !important; }

/* Yükleniyor */
.az-loading > span { display: grid; gap: 3px; }
.az-loading small { font-size: 13px; color: var(--celik); }

/* Rapor: uzun adresler ve tablolar sütunu genişletmesin */
.report { grid-template-columns: minmax(0, 1fr); }
.report > *, .az-checks > *, [data-groups] > *, .report-group > *, .check > * { min-width: 0; }
.report-group, .az-issue { grid-template-columns: minmax(0, 1fr); }
.report-group > h3 { flex-wrap: wrap; }

/* Rapor başlığı */
.report-head > div { min-width: 0; }
.report-head h2:focus { outline: none; } /* Programatik odak (rapor hazır olunca); başlık etkileşimli değil. */
.report-head .report-head__url { margin-top: 14px; }
.report-head__url a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.az-counts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.az-count { display: inline-flex; align-items: center; gap: 7px; padding: 7px 13px; border-radius: 999px; background: #fff; font-size: 14px; color: var(--metin); }
.az-count b { font-weight: 600; color: var(--grafit); }
.az-count::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--celik); }
.az-count--fail::before { background: #d9480f; }
.az-count--warn::before { background: #c98a00; }
.az-count--pass::before { background: #0e9f6e; }

.report .stat-grid { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); }

/* Grup puanları */
.az-groups { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
.az-group {
  display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: end; padding: 16px 18px;
  border: 1px solid var(--cizgi); border-radius: 16px; background: #fff; text-align: left; cursor: pointer;
  font: 600 15px/1.3 var(--font-sans); color: var(--grafit); transition: border-color .2s, box-shadow .2s;
}
.az-group:hover, .az-group:focus-visible { border-color: var(--s); box-shadow: 0 12px 30px -18px rgba(20, 23, 26, .35); }
.az-group b { font: 600 24px/1 var(--font-display); letter-spacing: -.02em; color: var(--s); }
.az-group > i { grid-column: 1 / -1; height: 6px; border-radius: 6px; background: var(--sis); overflow: hidden; }
.az-group > i > i { display: block; height: 100%; border-radius: inherit; background: var(--s); }

/* Bölüm başlıkları ve kontroller */
.az-title { font-size: clamp(22px, 2.6vw, 28px); }
.az-subtitle { font: 600 18px/1.3 var(--font-display); margin-bottom: 12px; }
.az-checks { display: grid; gap: 18px; scroll-margin-top: 96px; }
[data-groups] { display: grid; gap: 28px; }
.az-issue { display: grid; gap: 6px; }
.az-issue__group { padding-left: 4px; font: 600 11px/1 var(--font-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--celik); }
.az-empty { padding: 22px; border-radius: 18px; background: #e8f6f0; color: #0b6b4b; font-weight: 500; }
.check > span:last-child:empty { display: none; }

/* Rapor sonu */
.az-cta__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.az-cta .btn--ghost-light { background: transparent; }
.az-cta .btn--ghost-light:hover { background: rgba(255, 255, 255, .1); }
@media (min-width: 760px) { .az-cta__actions { justify-content: flex-end; max-width: 470px; } }
.az-cta > * { min-width: 0; }
@media (max-width: 480px) {
  .az-cta { padding: 24px 20px; }
  .az-cta__actions .btn { flex: 1 1 100%; padding-inline: 16px; white-space: normal; text-align: center; }
}

/* Analiz işi: ilerleme + e-posta onayı */
.az-job { display: grid; gap: 22px; margin-top: 24px; scroll-margin-top: 96px; }
@media (min-width: 960px) { .az-job { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: start; } }
.az-job__main { display: grid; gap: 14px; min-width: 0; padding: 24px; border-radius: 22px; background: var(--sis); }
.az-job__title { font-size: clamp(24px, 3vw, 32px); }
.az-job__title:focus { outline: none; }
.az-job__url { font-size: 14px; color: var(--celik); overflow-wrap: anywhere; }
.az-progress { display: flex; align-items: center; gap: 12px; }
.az-progress__bar { flex: 1; height: 10px; border-radius: 10px; background: #fff; overflow: hidden; }
.az-progress__bar span { display: block; width: 0; height: 100%; border-radius: inherit; background: var(--c, var(--okyanus)); transition: width .6s var(--ease); }
.az-job:not(.is-done) .az-progress__bar span { background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, .35), transparent); background-size: 200px 100%; animation: az-shine 1.4s linear infinite; background-color: var(--c, var(--okyanus)); }
@keyframes az-shine { from { background-position: -200px 0; } to { background-position: 400px 0; } }
.az-progress b { font: 600 18px/1 var(--font-display); min-width: 3.2em; text-align: right; }
.az-job__msg { font-weight: 600; color: var(--grafit); }
.az-steps { display: grid; gap: 8px; }
.az-step { display: flex; align-items: center; gap: 10px; font-size: 15px; color: var(--celik); }
.az-step > span { display: grid; place-items: center; flex: none; width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--cizgi); background: #fff; font: 700 12px/1 var(--font-sans); color: #fff; }
.az-step--done { color: var(--metin); }
.az-step--done > span { border-color: #0e9f6e; background: #0e9f6e; }
.az-step--active { color: var(--grafit); font-weight: 600; }
.az-step--active > span { border-color: var(--c, var(--okyanus)); border-top-color: transparent; animation: tool-spin .8s linear infinite; }
.az-step small { font-weight: 500; color: var(--c, var(--okyanus)); }
.az-live { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
@media (min-width: 600px) { .az-live { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.az-live > div { padding: 12px 14px; border-radius: 14px; background: #fff; }
.az-live dt { font-size: 12px; color: var(--celik); }
.az-live dd { margin: 2px 0 0; font: 600 22px/1.1 var(--font-display); font-variant-numeric: tabular-nums; }
.az-current { min-height: 1.4em; font-size: 13px; color: var(--celik); overflow-wrap: anywhere; }
.az-current span { font-weight: 600; color: var(--metin); }
.az-gate { display: grid; gap: 14px; padding: 24px; border: 1px solid var(--cizgi); border-radius: 22px; background: #fff; box-shadow: 0 18px 40px -26px rgba(20, 23, 26, .35); }
.az-gate h3 { font-size: 22px; }
.az-gate > p { font-size: 15px; color: var(--metin); }
.az-gate .consent { font-size: 13px; line-height: 1.5; }
.az-gate__error { min-height: 0; font-size: 14px; font-weight: 600; color: #b23c0b; }
.az-gate__error:empty { display: none; }
.az-gate__note { font-size: 12px; color: var(--celik); }
.az-gate--done { text-align: center; justify-items: center; }
.az-gate--done:focus { outline: none; }
.az-gate__check { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: #0e9f6e; color: #fff; font: 700 24px/1 var(--font-sans); }
.az-job.is-done .az-gate:not([hidden]):not(.az-gate--done) { border-color: var(--c, var(--okyanus)); box-shadow: 0 0 0 4px color-mix(in srgb, var(--c, var(--okyanus)) 18%, transparent); }

/* Önce bunları düzeltin */
.az-actions { display: grid; gap: 14px; }
.az-actions ol { display: grid; gap: 10px; counter-reset: az; }
.az-actions li { position: relative; display: grid; gap: 4px; padding: 16px 18px 16px 58px; border: 1px solid var(--cizgi); border-radius: 16px; background: #fff; counter-increment: az; }
.az-actions li::before { content: counter(az); position: absolute; left: 16px; top: 16px; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--grafit); color: #fff; font: 600 14px/1 var(--font-sans); }
.az-actions p { font-size: 15px; color: var(--metin); }
.az-actions small { font-size: 12px; color: var(--celik); }
.az-impact { justify-self: start; padding: 3px 9px; border-radius: 999px; font: 600 11px/1.4 var(--font-sans); letter-spacing: .04em; text-transform: uppercase; }
.az-impact--high { background: #fdece4; color: #b23c0b; }
.az-impact--mid { background: #fdf3dc; color: #8a5d00; }
.az-impact--low { background: var(--sis); color: var(--celik); }

/* Sayfa sayfa tablosu */
.az-pages { display: grid; gap: 10px; }
.az-table-wrap { border: 1px solid var(--cizgi); border-radius: 16px; overflow: hidden; background: #fff; }
.az-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.az-table th, .az-table td { padding: 11px 14px; border-top: 1px solid var(--cizgi); text-align: left; vertical-align: top; }
.az-table thead th { border-top: 0; background: var(--sis); font: 600 12px/1 var(--font-sans); letter-spacing: .06em; text-transform: uppercase; color: var(--celik); white-space: nowrap; }
.az-table th[scope="row"] { font-weight: 600; min-width: 0; }
.az-table th[scope="row"] a { color: var(--grafit); overflow-wrap: anywhere; }
.az-table small { display: block; margin-top: 2px; font-size: 12px; font-weight: 400; color: var(--celik); overflow-wrap: anywhere; }
.az-table small.az-bad { color: #b23c0b; }
.az-table td { white-space: nowrap; color: var(--metin); font-variant-numeric: tabular-nums; }
.az-issues { display: inline-grid; place-items: center; min-width: 28px; height: 24px; padding: 0 8px; border-radius: 999px; font-weight: 600; font-size: 13px; }
.az-issues--ok { background: #e5f5ee; color: #0b7a55; }
.az-issues--mid { background: #fdf3dc; color: #8a5d00; }
.az-issues--bad { background: #fdece4; color: #b23c0b; }
@media (max-width: 759px) {
  .az-table, .az-table tbody, .az-table tr, .az-table th, .az-table td { display: block; }
  .az-table thead { display: none; }
  .az-table tr { display: flex; flex-wrap: wrap; gap: 4px 14px; padding: 12px 14px; border-top: 1px solid var(--cizgi); }
  .az-table tbody tr:first-child { border-top: 0; }
  .az-table tr > * { padding: 0; border: 0; }
  .az-table th[scope="row"] { flex-basis: 100%; }
  .az-table td { font-size: 13px; }
  .az-table td::before { content: attr(data-label) ": "; color: var(--celik); }
}