/* Genel sitenin görünümü: panelle aynı renk ve köşe dili. Bootstrap altyapıdır; yalnızca _Layout'ta yüklenir. */
@font-face {
  font-family: "Inter Variable";
  src: url("../lib/inter/inter-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

.wds-site {
  --site-ink: #15181e;
  --site-text: #2e333d;
  --site-muted: #667080;
  --site-line: #e7e9ee;
  --site-line-strong: #d5d9e0;
  --site-bg: #f7f8fa;
  --site-hover: #f3f4f7;
  --site-accent: #3056d3;
  --site-accent-dark: #2444ad;
  --site-accent-soft: #edf1fd;

  --bs-body-font-family: "Inter Variable", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
  --bs-body-color: var(--site-text);
  background: var(--site-bg);
  --bs-secondary-color: var(--site-muted);
  --bs-border-color: var(--site-line);
  --bs-border-radius: 6px;
  --bs-border-radius-sm: 6px;
  --bs-border-radius-lg: 6px;
  --bs-border-radius-pill: 6px;
  --bs-link-color: var(--site-accent);
  --bs-link-color-rgb: 48, 86, 211;
  --bs-link-hover-color: var(--site-accent-dark);
  --bs-link-hover-color-rgb: 36, 68, 173;
  --bs-heading-color: var(--site-ink);
  --bs-primary: #3056d3;
  --bs-primary-rgb: 48, 86, 211;
  --bs-focus-ring-color: rgba(48, 86, 211, 0.25);
  font-feature-settings: "cv11", "ss03";
  -webkit-font-smoothing: antialiased;
}

/* Yazı */
.wds-site h1, .wds-site .h1, .wds-site h2, .wds-site .h2, .wds-site h3, .wds-site .h3, .wds-site h4, .wds-site .h4 { font-weight: 650; letter-spacing: -0.018em; }
.wds-site h5, .wds-site .h5, .wds-site h6, .wds-site .h6 { font-weight: 600; letter-spacing: -0.005em; }
.wds-site .display-5 { font-size: clamp(2.25rem, 4.5vw, 3.25rem); font-weight: 700; letter-spacing: -0.03em; }
.wds-site .lead { font-weight: 400; font-size: 1.125rem; }
.wds-site .lead.fs-6 { font-size: 1rem; }

/* Bağlantılar: uzun metin içinde altı çizili kalır */
.wds-site a { text-decoration: none; }
.wds-site a:hover { text-decoration: underline; }
.wds-site a.btn:hover, .wds-site a.card:hover, .wds-site a.badge:hover, .wds-site .navbar a:hover, .wds-site .wds-card a:hover { text-decoration: none; }
.wds-site .wds-prose a, .wds-site .wds-description a, .wds-site .wds-pre-line a { text-decoration: underline; }
.wds-site .breadcrumb { --bs-breadcrumb-divider-color: var(--site-line-strong); --bs-breadcrumb-item-active-color: var(--site-text); font-size: 0.8125rem; }
.wds-site .breadcrumb a { color: var(--site-muted); }
.wds-site .breadcrumb a:hover { color: var(--site-ink); }

/* Üst menü */
.wds-site-header { background: #fff; }
.wds-site .navbar { --bs-navbar-padding-y: 0.625rem; --bs-navbar-brand-font-size: 1rem; --bs-navbar-toggler-border-color: var(--site-line-strong); --bs-navbar-toggler-border-radius: 6px; }
.wds-site .navbar-brand { color: var(--site-ink); font-weight: 650; letter-spacing: -0.01em; }
.wds-brand-mark { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 6px; background: var(--site-accent); color: #fff; font-size: 0.875rem; }
.wds-site .navbar-nav { --bs-nav-link-font-size: 0.875rem; --bs-nav-link-font-weight: 500; --bs-nav-link-color: var(--site-muted); --bs-nav-link-hover-color: var(--site-ink); --bs-navbar-active-color: var(--site-ink); gap: 2px; }
.wds-site .navbar-nav .nav-link { padding: 6px 10px; border-radius: 6px; }
.wds-site .navbar-nav .nav-link:hover { background: var(--site-hover); }
.wds-site .navbar-nav .nav-link[aria-current] { background: var(--site-accent-soft); color: var(--site-accent-dark); }
.wds-nav-search { position: relative; width: 100%; }
.wds-nav-search .form-control { padding-inline-start: 34px; font-size: 0.875rem; }
.wds-nav-search__btn { position: absolute; inset-block: 0; inset-inline-start: 0; display: grid; place-items: center; width: 34px; padding: 0; border: 0; background: none; color: var(--site-muted); font-size: 0.875rem; }
.wds-nav-search__btn:hover { color: var(--site-ink); }
@media (min-width: 768px) { .wds-nav-search { width: 230px; } }

/* Alt bilgi */
.wds-site-footer { background: #fff; color: var(--site-muted); }
.wds-site-footer a { color: var(--site-muted); }
.wds-site-footer a:hover { color: var(--site-ink); }

/* Düğme ve formlar */
.wds-site .btn { --bs-btn-font-weight: 500; --bs-btn-border-radius: 6px; }
.wds-site .btn-sm { --bs-btn-font-size: 0.8125rem; --bs-btn-border-radius: 6px; }
.wds-site .btn-lg { --bs-btn-border-radius: 6px; --bs-btn-font-size: 1rem; }
.wds-site .btn-primary { --bs-btn-bg: var(--site-accent); --bs-btn-border-color: var(--site-accent); --bs-btn-hover-bg: var(--site-accent-dark); --bs-btn-hover-border-color: var(--site-accent-dark); --bs-btn-active-bg: var(--site-accent-dark); --bs-btn-active-border-color: var(--site-accent-dark); --bs-btn-disabled-bg: var(--site-accent); --bs-btn-disabled-border-color: var(--site-accent); }
.wds-site .btn-outline-secondary, .wds-site .btn-outline-primary, .wds-site .btn-outline-dark { --bs-btn-color: var(--site-ink); --bs-btn-bg: #fff; --bs-btn-border-color: var(--site-line-strong); --bs-btn-hover-color: var(--site-ink); --bs-btn-hover-bg: var(--site-hover); --bs-btn-hover-border-color: var(--site-line-strong); --bs-btn-active-color: var(--site-ink); --bs-btn-active-bg: #e6e8ed; --bs-btn-active-border-color: var(--site-line-strong); --bs-btn-disabled-color: var(--site-muted); --bs-btn-disabled-border-color: var(--site-line); }
.wds-site .btn-link { --bs-btn-color: var(--site-accent); --bs-btn-hover-color: var(--site-accent-dark); }
.wds-site .form-control, .wds-site .form-select { border-color: var(--site-line-strong); color: var(--site-ink); }
.wds-site .form-control::placeholder { color: var(--site-muted); }
.wds-site .form-control:focus, .wds-site .form-select:focus { border-color: var(--site-accent); box-shadow: 0 0 0 3px rgba(48, 86, 211, 0.15); }
.wds-site .form-label { color: var(--site-ink); font-size: 0.8125rem; font-weight: 500; margin-bottom: 0.3rem; }
.wds-site .form-check-input:checked { background-color: var(--site-accent); border-color: var(--site-accent); }
.wds-site .form-check-input:focus { box-shadow: 0 0 0 3px rgba(48, 86, 211, 0.15); }
.wds-site .pagination { --bs-pagination-color: var(--site-text); --bs-pagination-border-color: var(--site-line-strong); --bs-pagination-hover-color: var(--site-ink); --bs-pagination-hover-bg: var(--site-hover); --bs-pagination-focus-color: var(--site-ink); --bs-pagination-active-bg: var(--site-accent); --bs-pagination-active-border-color: var(--site-accent); --bs-pagination-font-size: 0.875rem; }

/* Ana sayfa girişi */
.wds-site .wds-hero-search .form-control, .wds-site .wds-hero-search .btn { font-size: 1rem; }
.wds-site .wds-hero-chips .badge { padding: 0.4em 0.75em; font-size: 0.8125rem !important; font-weight: 550; }

/* Kartlar */
.wds-site .card { --bs-card-border-color: var(--site-line); --bs-card-border-radius: 6px; --bs-card-inner-border-radius: 5px; --bs-card-bg: #fff; }
.wds-site .wds-card:hover, .wds-site .wds-card:focus-within { border-color: var(--site-line-strong); box-shadow: 0 6px 18px rgba(16, 24, 40, 0.07); }
.wds-site .wds-card .link-dark { color: var(--site-ink) !important; font-weight: 600; }
.wds-site .wds-card:hover .link-dark { color: var(--site-accent) !important; }
.wds-site .wds-category-tile .bi { display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: 6px; background: var(--site-accent-soft); font-size: 1.125rem; }
.wds-site .wds-category-tile .fw-semibold { color: var(--site-ink); }
.wds-site .wds-tool-card__icon { border-radius: 6px; background: var(--site-accent-soft); color: var(--site-accent); font-size: 1.25rem; }
.wds-site .wds-owner-avatar { background: var(--site-accent); }

/* Rozetler */
.wds-site .badge { font-weight: 550; }
.wds-site .badge.text-bg-light { background: #eef0f3 !important; border-color: transparent !important; color: #3b424e !important; }
.wds-site .wds-badge-css { background: #eef0f3; border-color: transparent; color: #3b424e; }
.wds-site .wds-badge-bootstrap { background: #efeafa; border-color: transparent; color: #4a2a8a; }
.wds-site .wds-badge-bootstrap6 { background: #f4e9fd; border-color: transparent; color: #6b21a8; }
.wds-site .wds-badge-shopify { background: #e8f4e3; border-color: transparent; color: #2f5d1e; }
.wds-site .wds-badge-tailwind { background: #e2f3f7; border-color: transparent; color: #0b5566; }

/* Önizleme ve kod sekmeleri */
.wds-site .wds-preview-stage { background: #eceef2; }
.wds-site .nav-tabs { --bs-nav-tabs-border-color: var(--site-line); --bs-nav-tabs-border-radius: 0; --bs-nav-tabs-link-active-bg: transparent; --bs-nav-tabs-link-active-color: var(--site-ink); --bs-nav-tabs-link-active-border-color: transparent transparent var(--site-accent); --bs-nav-tabs-link-hover-border-color: transparent; --bs-nav-link-color: var(--site-muted); --bs-nav-link-hover-color: var(--site-ink); --bs-nav-link-font-size: 0.875rem; --bs-nav-link-font-weight: 500; --bs-nav-tabs-border-width: 2px; }
.wds-site .wds-code-viewer .tab-content { border: 1px solid var(--site-line); border-radius: 0 0 6px 6px; background: #fff; overflow: hidden; }

/* Bileşen açıklaması */
.wds-site .wds-description code { background: var(--site-hover); color: var(--site-ink); }