/* Yardımcı Uygulamalar — Bidolu Digital tokens */
.tools-wrap { padding: 2.5rem 0 4rem; }
.tools-breadcrumb { display: flex; flex-wrap: wrap; gap: .4rem; font-size: .85rem; color: var(--muted); margin-bottom: 1.25rem; }
.tools-breadcrumb a { color: var(--gold); text-decoration: none; }
.tools-breadcrumb span { opacity: .5; }
.tools-hero { margin-bottom: 2rem; }
.tools-hero .display { max-width: 18ch; }
.tools-search { display: flex; gap: .75rem; flex-wrap: wrap; margin: 1.25rem 0 1rem; }
.tools-search input, .tools-filters button, .tool-form input, .tool-form select, .tool-form textarea {
  background: #121216; border: 1px solid rgba(244,239,230,.12); color: var(--ink);
  border-radius: 12px; padding: .75rem 1rem; font: inherit;
  width: 100%; max-width: 100%; box-sizing: border-box;
  pointer-events: auto; -webkit-user-select: text; user-select: text;
  caret-color: var(--gold); position: relative; z-index: 1;
}
.tool-form textarea { min-height: 6.5rem; resize: vertical; }
.tool-form textarea[name="html"] { min-height: 10rem; font-family: ui-monospace, Consolas, monospace; font-size: .85rem; }
.tool-form input[type="color"] { min-height: 3rem; padding: .35rem; cursor: pointer; }
.tool-dropzone {
  border: 1px dashed rgba(212,176,106,.45);
  border-radius: 16px;
  padding: 1.25rem 1rem;
  text-align: center;
  cursor: pointer;
  background: rgba(255,255,255,.02);
}
.tool-dropzone.is-on { border-color: var(--gold); background: rgba(212,176,106,.08); }
.tool-dropzone input[type="file"] { display: block; margin: .6rem auto 0; max-width: 100%; }
.tool-file-list {
  list-style: none; margin: .75rem 0 0; padding: 0; display: grid; gap: .4rem;
}
.tool-file-list li {
  display: flex; align-items: center; gap: .5rem; flex-wrap: wrap;
  border: 1px solid rgba(244,239,230,.1); border-radius: 10px; padding: .45rem .6rem;
  font-size: .88rem;
}
.tool-file-list li span { flex: 1; min-width: 8rem; }
.tool-file-list button {
  background: transparent; border: 1px solid var(--line); color: var(--ink);
  border-radius: 8px; min-height: 36px; min-width: 36px; cursor: pointer; font: inherit;
}
.tool-file-list button:hover { border-color: var(--gold); color: var(--gold); }
.tool-form fieldset {
  border: 0; margin: 0; padding: 0; min-width: 0;
  display: grid; gap: .85rem;
}
.tool-form fieldset[hidden] { display: none !important; }
.tool-card[hidden],
.tool-card.is-filtered-out,
.tool-section[hidden] { display: none !important; }
.tool-layout-seo > .tool-panel:first-child { max-width: 36rem; }
.tools-search input { flex: 1; min-width: 200px; }
.tools-filters { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.5rem; }
.tools-filters button { cursor: pointer; width: auto; }
.tools-filters button.is-on, .tools-filters button[aria-pressed="true"] {
  border-color: var(--gold); color: var(--gold);
}
.tools-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem; }
.tool-card {
  display: flex; flex-direction: column; gap: .65rem; padding: 1.15rem 1.2rem;
  border: 1px solid rgba(244,239,230,.1); border-radius: 16px; background: rgba(255,255,255,.02);
  text-decoration: none; color: inherit; transition: border-color .2s, transform .2s;
}
.tool-card:hover { border-color: rgba(212,176,106,.45); transform: translateY(-2px); }
.tool-card .icon { font-size: 1.4rem; color: var(--gold); }
.tool-card h3 { font-family: var(--font-d); font-size: 1.15rem; margin: 0; }
.tool-card p { margin: 0; color: var(--muted); font-size: .92rem; line-height: 1.45; }
.tool-badges { display: flex; gap: .4rem; flex-wrap: wrap; }
.tool-badge { font-size: .7rem; letter-spacing: .04em; text-transform: uppercase; padding: .2rem .45rem; border-radius: 999px; border: 1px solid rgba(212,176,106,.35); color: var(--gold); }
.tool-layout { display: grid; gap: 1.5rem; }
@media (min-width: 960px) {
  .tool-layout-split { grid-template-columns: 1.1fr .9fr; align-items: start; }
  .tool-layout-seo { grid-template-columns: 1fr; }
}
.tool-form .check-row {
  display: flex; align-items: center; gap: .55rem; font-size: .9rem;
}
.tool-form .check-row input,
.tool-form input[type="checkbox"],
.tool-form input[type="radio"] { width: auto; }
.tool-panel {
  border: 1px solid rgba(244,239,230,.1); border-radius: 18px; padding: 1.25rem;
  background: rgba(255,255,255,.025);
}
.tool-form { display: grid; gap: .85rem; }
.tool-form label { display: grid; gap: .35rem; font-size: .9rem; }
.tool-form .row { display: grid; gap: .75rem; }
@media (min-width: 640px) {
  .tool-form .row-2 { grid-template-columns: 1fr 1fr; }
  .tool-form .row-3 { grid-template-columns: 1fr 1fr 1fr; }
}
.tool-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: .5rem; }
.tool-result { min-height: 3rem; }
.tool-result pre, .tool-code {
  white-space: pre-wrap; word-break: break-word; background: #0c0c10; padding: 1rem;
  border-radius: 12px; font-size: .85rem; border: 1px solid rgba(244,239,230,.08);
}
.tool-warn { color: #e8b86d; font-size: .9rem; }
.tool-err { color: #f0a0a0; font-size: .9rem; }
.tool-ok { color: #9ddeb0; font-size: .9rem; }
.tool-section { margin-top: 2.5rem; }
.tool-section h2 { font-family: var(--font-d); font-size: 1.45rem; margin-bottom: .75rem; }
.tool-faq details { border-bottom: 1px solid rgba(244,239,230,.08); padding: .85rem 0; }
.tool-faq summary { cursor: pointer; font-weight: 600; }
.tool-cta {
  margin-top: 2.5rem; padding: 1.5rem; border-radius: 18px;
  background: linear-gradient(135deg, rgba(212,176,106,.14), rgba(255,255,255,.02));
  border: 1px solid rgba(212,176,106,.25);
}
.meta-preview-frame {
  border-radius: 14px; overflow: hidden; border: 1px solid rgba(244,239,230,.12);
  background: #111; max-width: 420px;
}
.meta-preview-frame.ig-story { max-width: 280px; aspect-ratio: 9/16; }
.meta-preview-head { display: flex; align-items: center; gap: .6rem; padding: .75rem; }
.meta-preview-head img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; background: #333; }
.meta-preview-media { width: 100%; aspect-ratio: 1; object-fit: cover; background: #1a1a1a; }
.meta-preview-body { padding: .85rem; font-size: .9rem; }
.seo-table { width: 100%; border-collapse: collapse; font-size: .88rem; }
.seo-table th, .seo-table td { border-bottom: 1px solid rgba(244,239,230,.08); padding: .55rem .4rem; text-align: left; vertical-align: top; }
.seo-win { color: var(--gold); font-weight: 700; }
.qr-preview { display: grid; place-items: center; min-height: 220px; background: #fff; border-radius: 12px; padding: 1rem; }
.qr-box { display: inline-block; line-height: 0; }
.qr-box img, .qr-box canvas, .qr-box table { max-width: 100%; height: auto; }
.seo-compare-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
  margin-top: 1rem;
}
@media (min-width: 720px) {
  .seo-compare-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1100px) {
  .seo-compare-grid.is-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .seo-compare-grid.is-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.seo-site-card {
  border: 1px solid rgba(244,239,230,.12);
  border-radius: 14px;
  padding: .9rem;
  background: rgba(0,0,0,.2);
}
.seo-site-card.is-winner { border-color: rgba(212,176,106,.55); box-shadow: 0 0 0 1px rgba(212,176,106,.2); }
.seo-site-card h3 { font-family: var(--font-d); font-size: 1rem; word-break: break-all; margin: 0 0 .5rem; }
.seo-score { font-size: 1.35rem; color: var(--gold); font-weight: 700; }
.seo-sub { font-family: var(--font-d); font-size: 1.15rem; margin: 1.4rem 0 .7rem; }
.seo-scoreboard {
  display: grid; gap: 1rem; grid-template-columns: 1fr; margin: 1rem 0;
}
@media (min-width: 800px) {
  .seo-scoreboard { grid-template-columns: 1fr 1fr; }
}
.seo-score-card {
  border: 1px solid rgba(244,239,230,.12); border-radius: 16px; padding: 1rem;
  background: rgba(0,0,0,.22);
}
.seo-score-card.is-winner { border-color: rgba(212,176,106,.55); box-shadow: 0 0 0 1px rgba(212,176,106,.2); }
.seo-score-card h3 { font-family: var(--font-d); font-size: 1.05rem; margin: 0 0 .75rem; word-break: break-all; }
.seo-rings { display: flex; flex-wrap: wrap; gap: .85rem; margin-bottom: .6rem; }
.seo-ring {
  --p: 0;
  width: 88px; height: 88px; border-radius: 50%;
  display: grid; place-items: center; text-align: center;
  background: conic-gradient(var(--gold) calc(var(--p) * 1%), rgba(244,239,230,.12) 0);
  position: relative;
}
.seo-ring::after {
  content: ""; position: absolute; inset: 8px; border-radius: 50%; background: #121216;
}
.seo-ring strong, .seo-ring span { position: relative; z-index: 1; }
.seo-ring strong { font-size: 1.15rem; color: var(--gold); display: block; line-height: 1.1; }
.seo-ring span { font-size: .65rem; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; }
.seo-bars, .seo-group-chart { display: grid; gap: .55rem; }
.seo-bar-row, .seo-group-row {
  display: grid; grid-template-columns: minmax(8rem, 14rem) 1fr auto; gap: .6rem; align-items: center;
}
.seo-bar-lab { font-size: .82rem; color: var(--muted); }
.seo-bar-track {
  height: 10px; border-radius: 99px; background: rgba(244,239,230,.08); overflow: hidden;
}
.seo-bar-track i {
  display: block; height: 100%; width: 0; border-radius: 99px;
  background: linear-gradient(90deg, #c9a46a, var(--gold));
}
.seo-bar-track.is-b i { background: linear-gradient(90deg, #6aa4c9, #8ec5e8); }
.seo-bar-row b, .seo-group-row b { font-size: .82rem; min-width: 3.2rem; text-align: right; }
.seo-dual { display: grid; gap: 4px; }
.seo-group-legend { display: flex; gap: 1rem; font-size: .8rem; margin-bottom: .35rem; }
.seo-group-legend .is-a { color: var(--gold); }
.seo-group-legend .is-b { color: #8ec5e8; }
.seo-matrix-wrap { overflow-x: auto; margin-top: .4rem; border: 1px solid rgba(244,239,230,.1); border-radius: 14px; }
.seo-matrix { width: 100%; border-collapse: collapse; font-size: .86rem; min-width: 640px; }
.seo-matrix th, .seo-matrix td {
  border-bottom: 1px solid rgba(244,239,230,.08); padding: .65rem .7rem; text-align: left; vertical-align: top;
}
.seo-matrix thead th { background: rgba(212,176,106,.08); color: var(--gold); font-weight: 700; }
.seo-matrix .seo-metric { width: 22%; font-weight: 600; color: var(--ink); background: rgba(255,255,255,.02); }
.seo-matrix tr.seo-head th {
  background: rgba(212,176,106,.12); color: var(--gold); font-family: var(--font-d); letter-spacing: .04em;
  text-transform: uppercase; font-size: .75rem;
}
.seo-col { width: 39%; }
.seo-col.is-win { box-shadow: inset 3px 0 0 var(--gold); background: rgba(212,176,106,.06); }
.seo-col.is-fail { color: #e8b4b4; }
.seo-col.is-pass { color: #b7e0c2; }
.seo-cell-line { margin-bottom: .35rem; line-height: 1.4; }
.seo-cell-line span {
  display: inline-block; min-width: 4.8rem; color: var(--muted); font-size: .72rem;
  text-transform: uppercase; letter-spacing: .03em;
}
.seo-cell-text { white-space: pre-wrap; }
.seo-tips { margin: 0; padding-left: 1.15rem; color: var(--muted); }
.seo-tips li { margin: .35rem 0; }
.seo-scoreboard.is-single { grid-template-columns: 1fr; max-width: 42rem; }
.seo-card-sum { margin: .75rem 0 0; font-size: .85rem; }
.seo-acc-list { display: grid; gap: .55rem; margin-top: .6rem; }
.seo-acc {
  border: 1px solid rgba(244,239,230,.12); border-radius: 14px;
  background: rgba(0,0,0,.22); overflow: hidden;
}
.seo-acc summary {
  display: flex; align-items: center; justify-content: space-between; gap: .75rem;
  padding: .9rem 1rem; cursor: pointer; list-style: none;
  font-family: var(--font-d); font-size: 1rem;
}
.seo-acc summary::-webkit-details-marker { display: none; }
.seo-acc summary::after {
  content: "+"; color: var(--gold); font-size: 1.15rem; line-height: 1; flex-shrink: 0;
}
.seo-acc[open] summary::after { content: "–"; }
.seo-acc summary b {
  margin-left: auto; min-width: 1.75rem; text-align: center;
  font-size: .78rem; color: var(--gold);
  border: 1px solid rgba(212,176,106,.4); border-radius: 999px; padding: .15rem .5rem;
}
.seo-acc-body { padding: 0 1rem 1rem; }
.seo-acc .seo-matrix-wrap { margin-top: .15rem; }
.seo-report-table { min-width: 720px; }
.seo-report-table code { font-size: .75rem; word-break: break-all; }
.seo-report-table a { color: var(--gold); word-break: break-all; }
.seo-matrix.is-single { min-width: 0; }
.seo-matrix tr.is-you td { background: rgba(212,176,106,.1); color: var(--gold); }
.tool-form .tool-mode { margin-bottom: .25rem; }
@media (max-width: 720px) {
  .seo-bar-row, .seo-group-row { grid-template-columns: 1fr auto; }
  .seo-bar-lab { grid-column: 1 / -1; }
}
.tools-loading { opacity: .6; pointer-events: none; }
.legal-disclaimer {
  margin: 1rem 0; padding: .9rem 1rem; border-left: 3px solid var(--gold);
  background: rgba(212,176,106,.08); font-size: .9rem; color: var(--muted);
}