/* ========== Marka renkleri ==========
   Hue: #2596be (istenen ana ton)
   Primary (WCAG AA metin/buton, beyaz & #f8f9fc üzerinde ≥4.5:1): #0a7ba3
   Hover: #066080 | Active: #05506a
   Dark mode metin (#1a222c üzerinde ≥4.5:1): #2596be
===================================== */
:root {
  --brand-hue: #2596be;
  --brand-primary: #0a7ba3;
  --brand-primary-hover: #066080;
  --brand-primary-active: #05506a;
  --brand-on-dark: #2596be;
  --nav-offset: 64px;
}

/* Sabit navbar — araç sayfalarındaki critical-tool ile aynı offset */
body {
  padding-top: var(--nav-offset);
}

/* ========== CLS kilidi: Bootstrap 5 .container (style.min ezmesin) ========== */
.container {
  --bs-gutter-x: 1.5rem;
  width: 100% !important;
  max-width: 100% !important;
  padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
  padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px !important;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px !important;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px !important;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px !important;
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 1320px !important;
  }
}

/* İkon alanı rezervi — MDI yüklenince CLS olmasın */
.mdi {
  display: inline-block;
  speak: never;
  line-height: 1;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  font-size: 1em;
}

.mdi.f-32 {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}

.heading-bottom-icon {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-height: 1.5rem;
  margin-top: 0.5rem;
  color: #0a7ba3;
}

.heading-dot {
  display: inline-block;
  border-radius: 50%;
  background: currentColor;
  flex-shrink: 0;
}

.heading-dot--sm {
  width: 0.45rem;
  height: 0.45rem;
  opacity: 0.55;
}

.heading-dot--md {
  width: 0.7rem;
  height: 0.7rem;
}

.cms-page-body {
  color: #3d4f63;
  font-size: 1rem;
  line-height: 1.65;
}

.cms-page-body > *:first-child {
  margin-top: 0;
}

.cms-page-body > *:last-child {
  margin-bottom: 0;
}

.cms-page-body h2,
.cms-page-body h3,
.cms-page-body h4 {
  color: #183b56;
  font-weight: 700;
  margin: 1.25rem 0 0.65rem;
  line-height: 1.3;
}

.cms-page-body h2 { font-size: 1.35rem; }
.cms-page-body h3 { font-size: 1.15rem; }
.cms-page-body h4 { font-size: 1.05rem; }

.cms-page-body p {
  margin: 0 0 0.9rem;
}

.cms-page-body ul,
.cms-page-body ol {
  margin: 0 0 0.9rem;
  padding-left: 1.25rem;
}

.category-cms-body {
  background: #fff;
  border: 1px solid #e6ebf1;
  border-radius: 14px;
  padding: 1.25rem 1.35rem;
  box-shadow: 0 6px 18px rgba(24, 59, 86, 0.05);
}

/* Araç açıklama alanı — CMS + sabit metin aynı tipografi */
.tool-article {
  position: relative;
  background: #fff;
  border: 1px solid rgba(24, 59, 86, 0.08);
  border-radius: 16px;
  padding: 1.4rem 1.35rem 1.3rem;
  margin-top: 1.25rem;
  box-shadow: 0 10px 28px rgba(24, 59, 86, 0.055);
  overflow: hidden;
}

.tool-article::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, #0a7ba3 0%, #183b56 100%);
}

.tool-article + .tool-article {
  margin-top: 0.9rem;
}

.tool-article > *:first-child {
  margin-top: 0 !important;
}

.tool-article > *:last-child {
  margin-bottom: 0 !important;
}

.tool-article h2,
.tool-article h3,
.tool-article h4 {
  color: #183b56;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.015em;
  margin: 1.35rem 0 0.7rem;
}

.tool-article h2:first-child,
.tool-article h3:first-child,
.tool-article h4:first-child {
  margin-top: 0;
}

/* Bootstrap h2 formülü − 3px; CMS ve sabit metin eşit */
.tool-article h2 {
  font-size: calc(1.325rem + 0.9vw - 3px);
}

.tool-article h3 {
  font-size: calc(1.2rem + 0.35vw - 2px);
}

.tool-article h4 {
  font-size: 1.05rem;
}

.tool-article p,
.tool-article .text-muted {
  color: #5a6b7d !important;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0 0 0.95rem;
  font-weight: 400;
}

.tool-article ul,
.tool-article ol {
  color: #5a6b7d;
  margin: 0 0 0.95rem;
  padding-left: 1.2rem;
  line-height: 1.7;
}

.tool-article li + li {
  margin-top: 0.35rem;
}

.tool-article a {
  color: #0a7ba3;
  text-decoration: underline;
  text-underline-offset: 2px;
}

[data-bs-theme="dark"] .tool-article {
  background: #242c34;
  border-color: #3a4558;
  box-shadow: none;
}

[data-bs-theme="dark"] .tool-article::before {
  background: linear-gradient(180deg, #2596be 0%, #0a7ba3 100%);
}

[data-bs-theme="dark"] .tool-article h2,
[data-bs-theme="dark"] .tool-article h3,
[data-bs-theme="dark"] .tool-article h4 {
  color: #f3f5f7;
}

[data-bs-theme="dark"] .tool-article p,
[data-bs-theme="dark"] .tool-article .text-muted,
[data-bs-theme="dark"] .tool-article ul,
[data-bs-theme="dark"] .tool-article ol {
  color: #c5cbd3 !important;
}

[data-bs-theme="dark"] .cms-page-body {
  color: #c5cbd3;
}

[data-bs-theme="dark"] .cms-page-body h2,
[data-bs-theme="dark"] .cms-page-body h3,
[data-bs-theme="dark"] .cms-page-body h4 {
  color: #f3f5f7;
}

[data-bs-theme="dark"] .category-cms-body {
  background: #242c34;
  border-color: #3a4558;
}

/* ========== Navbar / header ========== */

#navbar.navbar {
  z-index: 1030;
  background: #fff !important;
  box-shadow: 0 1px 0 rgba(24, 59, 86, 0.06);
}

#navbar.nav-sticky,
#navbar.navbar.nav-sticky {
  background: #fff !important;
  box-shadow: 0 3px 10px rgba(24, 59, 86, 0.12) !important;
}

#navbar .header-bar {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0.5rem;
}

#navbar .navbar-brand {
  margin-right: 0.5rem;
  flex-shrink: 0;
  width: 149px;
  height: 40px;
  overflow: hidden;
  line-height: 0;
}

#navbar .navbar-brand img,
.footer .logo img {
  height: 40px;
  width: 149px;
  max-height: 40px;
  max-width: 149px;
  aspect-ratio: 297 / 80;
  object-fit: contain;
}

.logo-light {
  display: none !important;
}

.logo-dark {
  display: inline-block !important;
}

[data-bs-theme="dark"] .logo-dark {
  display: none !important;
}

[data-bs-theme="dark"] .logo-light {
  display: inline-block !important;
}

.icon-svg {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}

#navbar .navbar-nav .nav-link {
  white-space: nowrap !important;
  padding: 1.1rem 0.8rem !important;
  font-size: 15px;
  color: #183b56 !important;
}

#navbar .navbar-nav .nav-link:hover,
#navbar .navbar-nav .nav-link:focus,
#navbar .navbar-nav .nav-link:active,
#navbar .navbar-nav .nav-link.active,
#navbar .navbar-nav .nav-link:focus-visible {
  color: #0a7ba3 !important;
}

#navbar .navbar-nav .nav-link:focus-visible {
  outline: 2px solid #0a7ba3;
  outline-offset: 2px;
}

#navbar .navbar-collapse {
  align-items: center;
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  max-height: none !important;
  overflow: visible !important;
  background: transparent !important;
  padding: 0 !important;
}

.header-actions {
  display: flex !important;
  align-items: center;
  gap: 0.65rem;
  flex-shrink: 0;
  margin-left: 0.5rem;
}

.header-social {
  display: inline-flex !important;
  align-items: center;
  gap: 0.15rem;
  padding: 0.2rem;
  border-radius: 999px;
  background: rgba(24, 59, 86, 0.05);
}

.header-social__list {
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.header-social-link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: #183b56;
  font-size: 1.05rem;
  text-decoration: none !important;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.header-social-link:hover,
.header-social-link:focus-visible {
  color: #fff !important;
  background-color: #0a7ba3;
  outline: none;
}

.theme-toggle {
  appearance: none;
  -webkit-appearance: none;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0;
  cursor: pointer;
  line-height: 0;
  border-radius: 999px;
  flex-shrink: 0;
  box-shadow: none !important;
}

.theme-toggle:focus-visible {
  outline: 2px solid #0a7ba3;
  outline-offset: 3px;
}

.theme-toggle__track {
  position: relative;
  display: block;
  width: 58px;
  height: 30px;
  border-radius: 999px;
  background: linear-gradient(135deg, #eef2f6 0%, #e2e8f0 100%);
  box-shadow: inset 0 1px 2px rgba(24, 59, 86, 0.12);
  transition: background 0.25s ease;
}

.theme-toggle__icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1;
  pointer-events: none;
  z-index: 1;
}

.theme-toggle__icon .icon-svg {
  display: block;
  width: 14px;
  height: 14px;
}

.theme-toggle__icon--sun {
  left: 7px;
  color: #f59e0b;
  opacity: 1;
}

.theme-toggle__icon--moon {
  right: 7px;
  color: #64748b;
  opacity: 0.45;
}

.theme-toggle__thumb {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(24, 59, 86, 0.22);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 2;
}

body[data-bs-theme="dark"] #navbar.navbar,
body[data-bs-theme="dark"] #navbar.nav-sticky {
  background: #1a222b !important;
}

body[data-bs-theme="dark"] .theme-toggle__track {
  background: linear-gradient(135deg, #3d454e 0%, #283039 100%);
}

body[data-bs-theme="dark"] .theme-toggle__thumb {
  transform: translateX(28px);
  background: #1f2933;
}

body[data-bs-theme="dark"] .theme-toggle__icon--sun {
  opacity: 0.4;
  color: #94a3b8;
}

body[data-bs-theme="dark"] .theme-toggle__icon--moon {
  opacity: 1;
  color: #93c5fd;
}

body[data-bs-theme="dark"] .header-social {
  background: rgba(255, 255, 255, 0.06);
}

body[data-bs-theme="dark"] .header-social-link {
  color: #e5e7eb;
}

body[data-bs-theme="dark"] .header-social-link:hover,
body[data-bs-theme="dark"] .header-social-link:focus-visible {
  color: #fff !important;
  background-color: #0a7ba3;
}

.header-toggler.navbar-toggler {
  width: 40px;
  height: 40px;
  padding: 0 !important;
  display: none;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(24, 59, 86, 0.12) !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #183b56 !important;
  font-size: 1.35rem;
  line-height: 1;
  margin-left: auto;
  box-shadow: none !important;
}

body[data-bs-theme="dark"] .header-toggler.navbar-toggler {
  background: #303841 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #f8f9fc !important;
}

@media (max-width: 991.98px) {
  .header-toggler.navbar-toggler {
    display: inline-flex !important;
  }

  #navbar .navbar-collapse {
    width: 100%;
    flex-basis: 100%;
    margin-top: 0.75rem;
    padding: 0.75rem 0 0.35rem !important;
    border-top: 1px solid rgba(24, 59, 86, 0.08);
    background: #fff !important;
  }

  body[data-bs-theme="dark"] #navbar .navbar-collapse {
    border-top-color: rgba(255, 255, 255, 0.08);
    background: #1a222b !important;
  }

  #navbar .navbar-nav .nav-link {
    padding: 0.65rem 0.5rem !important;
  }

  .header-actions {
    width: 100%;
    justify-content: center;
    margin: 0.85rem 0 0.25rem;
    flex-wrap: wrap;
  }

  .theme-toggle__track {
    width: 52px;
    height: 28px;
  }

  .theme-toggle__thumb {
    width: 22px;
    height: 22px;
  }

  body[data-bs-theme="dark"] .theme-toggle__thumb {
    transform: translateX(24px);
  }
}

@media (min-width: 992px) {
  #navbar .navbar-collapse {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    flex-grow: 1 !important;
  }

  #navbar .navbar-nav {
    flex-direction: row !important;
    align-items: center;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  #navbar .navbar-nav .nav-link {
    padding: 1.1rem 0.55rem !important;
  }

  .header-social-link {
    width: 30px;
    height: 30px;
    font-size: 0.95rem;
  }
}

a.mode-btn {
  display: none !important;
}

/* ========== Anasayfa hero ========== */

.home-hero {
  position: relative;
  /* body padding-top (--nav-offset) sonrası üst boşluk araç/iç sayfalarla dengeli kalsın */
  padding: calc(8rem - var(--nav-offset)) 0 4rem;
  background: #fff;
  overflow: hidden;
}

.home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 70% 50% at 50% -10%, rgba(37, 150, 190, 0.1), transparent 60%),
    radial-gradient(ellipse 50% 40% at 80% 80%, rgba(10, 123, 163, 0.06), transparent 55%);
  pointer-events: none;
}

.home-hero .container {
  position: relative;
  z-index: 1;
}

.home-hero__title {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: #183b56;
  margin: 0;
}

.home-hero__lead {
  margin: 1rem auto 0;
  font-size: 1.1rem;
  line-height: 1.65;
  max-width: 36rem;
}

.home-hero__search {
  margin-top: 2rem;
}

.home-hero__search-wrap {
  position: relative;
  width: 100%;
  max-width: 34rem;
  margin: 0 auto;
}

.home-hero__search-box {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0.5rem;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0.35rem 0.35rem 0.35rem 1rem;
  background: #fff;
  border: 1px solid rgba(24, 59, 86, 0.1);
  border-radius: 999px;
  box-shadow: 0 10px 30px rgba(24, 59, 86, 0.08);
  box-sizing: border-box;
}

.home-hero__search-box:focus-within {
  border-color: rgba(180, 35, 24, 0.45);
  box-shadow: 0 12px 32px rgba(180, 35, 24, 0.12);
}

.home-hero__results {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 0.45rem);
  z-index: 30;
  max-height: min(22rem, 60vh);
  overflow-y: auto;
  padding: 0.4rem;
  background: #fff;
  border: 1px solid #e6ebf1;
  border-radius: 16px;
  box-shadow: 0 16px 40px rgba(24, 59, 86, 0.12);
  text-align: left;
}

.home-hero__results[hidden] {
  display: none !important;
}

.home-hero__results-empty {
  padding: 0.85rem 1rem;
  color: #6b7785;
  font-size: 0.92rem;
}

.home-hero__result {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.7rem 0.75rem;
  border-radius: 12px;
  text-decoration: none !important;
  color: inherit;
  transition: background-color 0.15s ease;
}

.home-hero__result:hover,
.home-hero__result:focus-visible,
.home-hero__result.is-active {
  background: #f4f7fa;
  outline: none;
}

.home-hero__result-icon {
  flex-shrink: 0;
  width: 2.35rem;
  height: 2.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background: rgba(10, 123, 163, 0.1);
  color: #0a7ba3;
  font-size: 1.25rem;
}

.home-hero__result-body {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.home-hero__result-title {
  font-weight: 700;
  color: #183b56;
  font-size: 0.98rem;
  line-height: 1.25;
}

.home-hero__result-meta {
  font-size: 0.8rem;
  color: #6b7785;
}

.home-hero__result-go {
  flex-shrink: 0;
  color: #9aa5b1;
  font-size: 1.25rem;
  line-height: 1;
}

.home-hero__result:hover .home-hero__result-go,
.home-hero__result.is-active .home-hero__result-go {
  color: #0a7ba3;
}

body[data-bs-theme="dark"] .home-hero__results {
  background: #1a222c;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}

body[data-bs-theme="dark"] .home-hero__result:hover,
body[data-bs-theme="dark"] .home-hero__result:focus-visible,
body[data-bs-theme="dark"] .home-hero__result.is-active {
  background: rgba(255, 255, 255, 0.06);
}

body[data-bs-theme="dark"] .home-hero__result-title {
  color: #e8edf2;
}

body[data-bs-theme="dark"] .home-hero__results-empty,
body[data-bs-theme="dark"] .home-hero__result-meta {
  color: #aeb4bb;
}

body[data-bs-theme="dark"] .home-hero__result-icon {
  background: rgba(180, 35, 24, 0.18);
}

.home-hero__search-icon {
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  color: #94a3b8;
  font-size: 1.35rem;
  line-height: 1;
}

.home-hero__search-icon .mdi {
  position: static !important;
  line-height: 1;
}

.home-hero__search-input {
  position: static !important;
  display: block !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0.35rem 0.25rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  outline: none !important;
  font-size: 0.95rem;
  color: #183b56;
}

.home-hero__search-input:focus {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

.home-hero__search-btn {
  position: static !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  height: 44px;
  margin: 0 !important;
  border-radius: 999px !important;
  padding: 0 1.35rem !important;
  font-weight: 600;
  white-space: nowrap !important;
  overflow: visible !important;
}

.home-hero__stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem 1rem;
  margin-top: 2rem;
}

.home-hero__stat {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.45rem 0.9rem;
  border-radius: 999px;
  background: rgba(24, 59, 86, 0.04);
  border: 1px solid rgba(24, 59, 86, 0.06);
}

.home-hero__stat-label {
  font-size: 0.9rem;
  color: #6b6e6f;
  font-weight: 500;
}

.home-hero__stat-value {
  font-size: 0.95rem;
  font-weight: 700;
  color: #0a7ba3;
}

body[data-bs-theme="dark"] .home-hero {
  background: #1a222b;
}

body[data-bs-theme="dark"] .home-hero::before {
  background:
    radial-gradient(ellipse 70% 50% at 50% -10%, rgba(238, 87, 76, 0.12), transparent 60%),
    radial-gradient(ellipse 50% 40% at 80% 80%, rgba(31, 134, 239, 0.08), transparent 55%);
}

body[data-bs-theme="dark"] .home-hero__title {
  color: #f8f9fc;
}

body[data-bs-theme="dark"] .home-hero__search-box {
  background: #283039;
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

body[data-bs-theme="dark"] .home-hero__search-input {
  color: #f8f9fc;
}

body[data-bs-theme="dark"] .home-hero__stat {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.06);
}

body[data-bs-theme="dark"] .home-hero__stat-label {
  color: #aeb4bb;
}

@media (max-width: 575.98px) {
  .home-hero {
    padding: calc(6.75rem - var(--nav-offset)) 0 3rem;
  }

  .home-hero__search-wrap {
    max-width: 100%;
  }
}

/* ========== Anasayfa: Tüm Hesaplama Araçları ========== */

.home-explore {
  padding-top: 1rem !important;
  padding-bottom: 4rem !important;
}

.home-explore__title {
  color: #183b56;
  font-size: clamp(1.55rem, 2.4vw, 1.95rem);
  letter-spacing: -0.02em;
}

.home-explore__lead {
  font-size: 1.05rem;
  margin-top: 0.35rem;
}

.home-explore__cats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
}

.home-cat {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.95rem 1rem;
  background: #fff;
  border: 1px solid #e6ebf1;
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(24, 59, 86, 0.04);
  text-decoration: none !important;
  color: inherit;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.home-cat:hover,
.home-cat:focus-visible {
  transform: translateY(-2px);
  border-color: #d7dee8;
  box-shadow: 0 12px 26px rgba(24, 59, 86, 0.08);
}

.home-cat__icon {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(10, 123, 163, 0.1);
  color: #0a7ba3;
  font-size: 1.35rem;
  line-height: 1;
}

.home-cat__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1 1 auto;
}

.home-cat__name {
  font-weight: 700;
  color: #183b56;
  font-size: 0.98rem;
  line-height: 1.25;
}

.home-cat__count {
  font-size: 0.82rem;
  color: #6b7785;
  margin-top: 0.1rem;
}

.home-cat__arrow {
  flex-shrink: 0;
  color: #9aa5b1;
  font-size: 1.25rem;
  line-height: 1;
  transition: transform 0.18s ease, color 0.18s ease;
}

.home-cat:hover .home-cat__arrow,
.home-cat:focus-visible .home-cat__arrow {
  color: #0a7ba3;
  transform: translateX(2px);
}

.home-explore__tools {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.1rem;
}

.home-tool {
  display: flex;
  flex-direction: column;
  padding: 1.35rem 1.35rem 1.2rem;
  background: #fff;
  border: 1px solid #e6ebf1;
  border-radius: 16px;
  box-shadow: 0 8px 22px rgba(24, 59, 86, 0.05);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.home-tool:hover {
  transform: translateY(-3px);
  border-color: #d7dee8;
  box-shadow: 0 14px 30px rgba(24, 59, 86, 0.09);
}

.home-tool__top {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 0.85rem;
}

.home-tool__icon {
  flex-shrink: 0;
  width: 2.6rem;
  height: 2.6rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(10, 123, 163, 0.1);
  color: #0a7ba3;
  font-size: 1.4rem;
}

.home-tool__badge {
  font-size: 0.8rem;
  font-weight: 600;
  color: #4a5d73;
  text-decoration: none !important;
}

.home-tool__badge:hover,
.home-tool__badge:focus-visible {
  color: #0a7ba3;
}

.home-tool__title {
  margin: 0 0 0.55rem;
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -0.015em;
}

.home-tool__title a {
  color: #183b56;
  text-decoration: none !important;
}

.home-tool__title a:hover,
.home-tool__title a:focus-visible {
  color: #0a7ba3;
}

.home-tool__desc {
  flex: 1 1 auto;
  margin: 0 0 1.15rem;
  color: #6b7785;
  font-size: 0.95rem;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.home-tool__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: auto;
  padding-top: 0.85rem;
  border-top: 1px solid #eef2f6;
}

.home-tool__usage {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.82rem;
  color: #6b7785;
  font-weight: 600;
}

.home-tool__usage .mdi {
  color: #0a7ba3;
  font-size: 1rem;
}

.home-tool__cta {
  flex-shrink: 0;
  padding: 0.45rem 1rem !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  border-radius: 10px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.home-explore__more-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-weight: 700;
  color: #183b56;
  text-decoration: none !important;
  font-size: 0.98rem;
  transition: color 0.15s ease, gap 0.15s ease;
}

.home-explore__more-link:hover,
.home-explore__more-link:focus-visible {
  color: #0a7ba3;
  gap: 0.5rem;
}

.home-explore__more-link .mdi {
  font-size: 1.15rem;
  line-height: 1;
}

@media (max-width: 991.98px) {
  .home-explore__cats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-explore__tools {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  .home-explore__cats,
  .home-explore__tools {
    grid-template-columns: 1fr;
  }

  .home-tool__footer {
    flex-wrap: wrap;
  }

  .home-tool__cta {
    width: 100%;
  }
}

body[data-bs-theme="dark"] .home-explore__title {
  color: #e8edf2;
}

body[data-bs-theme="dark"] .home-cat,
body[data-bs-theme="dark"] .home-tool {
  background: #1a222c;
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: none;
}

body[data-bs-theme="dark"] .home-cat:hover,
body[data-bs-theme="dark"] .home-cat:focus-visible,
body[data-bs-theme="dark"] .home-tool:hover {
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
}

body[data-bs-theme="dark"] .home-cat__name,
body[data-bs-theme="dark"] .home-tool__title a {
  color: #e8edf2;
}

body[data-bs-theme="dark"] .home-cat__count,
body[data-bs-theme="dark"] .home-tool__desc,
body[data-bs-theme="dark"] .home-tool__usage,
body[data-bs-theme="dark"] .home-tool__badge {
  color: #aeb4bb;
}

body[data-bs-theme="dark"] .home-cat__icon,
body[data-bs-theme="dark"] .home-tool__icon {
  background: rgba(180, 35, 24, 0.18);
}

body[data-bs-theme="dark"] .home-tool__footer {
  border-top-color: rgba(255, 255, 255, 0.08);
}

body[data-bs-theme="dark"] .home-explore__more-link {
  color: #e8edf2;
}

/* ========== Erişilebilirlik: kontrast + landmark ========== */

/* Primary hue #2596be AA altı (3.40:1) — PageSpeed güvenli #0a7ba3 (≈4.8:1 beyaz / 4.56:1 #f8f9fc) */
.text-primary {
  color: #0a7ba3 !important;
}

main .btn-primary,
.tool-body .btn-primary,
.btn.btn-primary {
  --bs-btn-bg: #0a7ba3;
  --bs-btn-border-color: #0a7ba3;
  --bs-btn-hover-bg: #066080;
  --bs-btn-hover-border-color: #066080;
  --bs-btn-active-bg: #05506a;
  --bs-btn-active-border-color: #05506a;
  --bs-btn-disabled-bg: #0a7ba3;
  --bs-btn-disabled-border-color: #0a7ba3;
  background-color: #0a7ba3 !important;
  border-color: #0a7ba3 !important;
  color: #ffffff !important;
}

main .btn-primary:hover,
main .btn-primary:focus,
main .btn-primary:active,
main .btn-primary:focus-visible,
.tool-body .btn-primary:hover,
.tool-body .btn-primary:focus,
.tool-body .btn-primary:active,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
  background-color: #066080 !important;
  border-color: #066080 !important;
  color: #ffffff !important;
}

.bg-primary {
  background-color: #0a7ba3 !important;
}

/* Breadcrumb — tam genişlik, responsive padding (araç + statik sayfalar) */
.site-breadcrumb,
nav[aria-label="breadcrumb"] {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  min-height: 3rem;
  padding-left: 0;
  padding-right: 0;
}

.breadcrumb.default {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  row-gap: 0.35rem;
  column-gap: 0;
  width: fit-content;
  max-width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding: 0.85rem 1.25rem;
  font-size: calc(14px + 2px);
}

@media (min-width: 576px) {
  .breadcrumb.default {
    padding: 0.9rem 1.75rem;
  }
}

@media (min-width: 768px) {
  .breadcrumb.default {
    padding: 0.95rem 2.25rem;
  }
}

@media (min-width: 992px) {
  .breadcrumb.default {
    padding: 1rem 2.75rem;
  }
}

@media (min-width: 1200px) {
  .breadcrumb.default {
    padding: 1.05rem 3.25rem;
  }
}

.breadcrumb.default .breadcrumb-item,
.breadcrumb.default .breadcrumb-item.active {
  color: #183b56 !important;
}

.breadcrumb.default .breadcrumb-item a,
.breadcrumb.default .breadcrumb-item a.text-muted {
  color: #3d4f63 !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.breadcrumb.default .breadcrumb-item a:hover,
.breadcrumb.default .breadcrumb-item a:focus {
  color: #0a7ba3 !important;
}

.breadcrumb.default .breadcrumb-item.active {
  font-weight: 700;
}

/* Araç oluşturma tarihi (breadcrumb altı) */
.tool-created-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  margin-top: 0.85rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  box-sizing: border-box;
}

.tool-created {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.4rem 0.65rem;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0.45rem 0.95rem 0.45rem 0.7rem;
  background: #fff;
  border: 1px solid #e6ebf1;
  border-radius: 999px;
  box-shadow: 0 6px 16px rgba(24, 59, 86, 0.05);
  color: #183b56;
  font-size: 0.9rem;
  line-height: 1.25;
}

.tool-created__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.85rem;
  height: 1.85rem;
  border-radius: 50%;
  background: rgba(180, 35, 24, 0.1);
  color: #0a7ba3;
  font-size: 1.05rem;
}

.tool-created__label {
  flex-shrink: 0;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5a6b7d;
}

.tool-created__parts {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.3rem;
  font-weight: 700;
  color: #183b56;
  min-width: 0;
}

.tool-created__day {
  font-size: 1.05rem;
}

.tool-created__month {
  font-weight: 600;
  color: #3d4f63;
}

.tool-created__year {
  font-weight: 700;
  color: #183b56;
}

[data-bs-theme="dark"] .tool-created {
  background: #242c34;
  border-color: #3a4558;
  box-shadow: none;
  color: #e8eaed;
}

[data-bs-theme="dark"] .tool-created__icon {
  background: rgba(224, 69, 58, 0.18);
  color: #2596be;
}

[data-bs-theme="dark"] .tool-created__label,
[data-bs-theme="dark"] .tool-created__month {
  color: #aeb6c0;
}

[data-bs-theme="dark"] .tool-created__parts,
[data-bs-theme="dark"] .tool-created__day,
[data-bs-theme="dark"] .tool-created__year {
  color: #f3f5f7;
}

@media (max-width: 575.98px) {
  .tool-created-wrap {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .tool-created {
    width: 100%;
    max-width: 20rem;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    padding: 0.7rem 1rem;
    border-radius: 14px;
    text-align: center;
  }

  .tool-created__icon {
    width: 2rem;
    height: 2rem;
  }

  .tool-created__label {
    font-size: 0.68rem;
  }

  .tool-created__parts {
    font-size: 0.95rem;
  }

  .tool-created__day {
    font-size: 1rem;
  }
}

@media (max-width: 767.98px) {
  .site-breadcrumb .breadcrumb.default,
  nav[aria-label="breadcrumb"] .breadcrumb.default {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.2rem 0;
    padding: 0.8rem 1.15rem;
    font-size: calc(0.8125rem + 2px);
    line-height: 1.4;
    text-align: center;
  }

  .site-breadcrumb .breadcrumb.default .breadcrumb-item,
  nav[aria-label="breadcrumb"] .breadcrumb.default .breadcrumb-item {
    float: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
  }

  .site-breadcrumb .breadcrumb.default .breadcrumb-item a,
  .site-breadcrumb .breadcrumb.default .breadcrumb-item.active,
  nav[aria-label="breadcrumb"] .breadcrumb.default .breadcrumb-item a,
  nav[aria-label="breadcrumb"] .breadcrumb.default .breadcrumb-item.active {
    word-break: break-word;
  }
}

@media (max-width: 399.98px) {
  .site-breadcrumb .breadcrumb.default,
  nav[aria-label="breadcrumb"] .breadcrumb.default {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.35rem;
    padding: 0.75rem 1rem;
  }

  .site-breadcrumb .breadcrumb.default .breadcrumb-item,
  nav[aria-label="breadcrumb"] .breadcrumb.default .breadcrumb-item {
    display: flex;
    padding-left: 0;
  }

  .site-breadcrumb .breadcrumb.default .breadcrumb-item + .breadcrumb-item,
  nav[aria-label="breadcrumb"] .breadcrumb.default .breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
  }

  .site-breadcrumb .breadcrumb.default .breadcrumb-item + .breadcrumb-item::before,
  nav[aria-label="breadcrumb"] .breadcrumb.default .breadcrumb-item + .breadcrumb-item::before {
    float: none;
    flex-shrink: 0;
    padding-right: 0.4rem;
    color: #6b7c8f;
    content: "›";
  }
}

body[data-bs-theme="dark"] .text-primary {
  color: #2596be !important;
}

body[data-bs-theme="dark"] .btn-primary {
  background-color: #2596be !important;
  border-color: #2596be !important;
  color: #ffffff !important;
}

body[data-bs-theme="dark"] .breadcrumb.default .breadcrumb-item,
body[data-bs-theme="dark"] .breadcrumb.default .breadcrumb-item.active {
  color: #e8eaed !important;
}

body[data-bs-theme="dark"] .breadcrumb.default .breadcrumb-item a,
body[data-bs-theme="dark"] .breadcrumb.default .breadcrumb-item a.text-muted {
  color: #c5cbd3 !important;
}

/* ========== Hesaplama kartı (KDV vb.) ========== */

.calc-card {
  position: relative;
  background: #fff;
  border: 1px solid #e6ebf1;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(24, 59, 86, 0.06);
  padding: 1.75rem 1.5rem 1.5rem;
  margin-top: 0.75rem;
}

.calc-card__badge {
  position: absolute;
  top: -0.7rem;
  left: 1.1rem;
  display: inline-block;
  padding: 0.28rem 0.85rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: #183b56;
  background: #e4ebf2;
  border-radius: 999px;
  border: 1px solid #cfd8e3;
}

.calc-card__required {
  margin: 0 0 1.15rem;
  font-size: 0.875rem;
  color: #3d4f63;
}

.calc-label {
  margin-bottom: 0.55rem;
  font-weight: 700;
  color: #183b56;
}

.calc-req {
  color: #c62828;
  margin-right: 0.15rem;
}

.calc-field {
  margin-bottom: 1.15rem;
}

.calc-radios {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem 1.1rem;
}

.calc-radios--stack {
  flex-direction: column;
  gap: 0.45rem;
}

.calc-radio {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0;
  font-size: 0.95rem;
  color: #183b56;
  cursor: pointer;
}

.calc-radio input[type="radio"] {
  width: 1.05rem;
  height: 1.05rem;
  accent-color: #1f86ef;
  flex-shrink: 0;
}

.calc-radio--other {
  flex-wrap: wrap;
}

.calc-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem 1.1rem;
}

.calc-check {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0;
  font-size: 0.95rem;
  color: #183b56;
  cursor: pointer;
}

.calc-check input[type="checkbox"] {
  width: 1.05rem;
  height: 1.05rem;
  accent-color: #0a7ba3;
  flex-shrink: 0;
}

.pw-output {
  max-width: 100% !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 1.05rem;
  letter-spacing: 0.02em;
}

.ip-ua {
  font-weight: 600 !important;
  font-size: 0.88rem;
  word-break: break-word;
  text-align: right;
  max-width: 65%;
}

.browser-info__table {
  margin: 0;
  background: #fff;
  border-color: #dee2e6;
}

.browser-info__table > :not(caption) > * > * {
  padding: 0.85rem 1rem;
  vertical-align: middle;
  text-align: center;
  border-color: #dee2e6;
  word-break: break-word;
}

.browser-info__table th[scope="row"] {
  width: 38%;
  font-weight: 600;
  color: #183b56;
  background: #f8f9fc;
}

.browser-info__section th {
  background: #eef2f7 !important;
  color: #183b56;
  font-weight: 700;
  font-size: 0.95rem;
  text-align: center;
}

.browser-info__ua,
.browser-info__wrap {
  font-size: 0.88rem;
  line-height: 1.45;
}

.raffle-card__title {
  margin: 0 0 0.85rem;
  font-size: 1.35rem;
  font-weight: 700;
  color: #183b56;
}

.raffle-card__lead {
  margin: 0 0 1.35rem;
  color: #6b6e6f;
  font-size: 0.95rem;
  line-height: 1.65;
}

.raffle-form .raffle-names {
  min-height: 10rem;
  resize: vertical;
}

.raffle-check {
  margin: 0.15rem 0 0.35rem;
}

.raffle-result-block + .raffle-result-block {
  margin-top: 1.15rem;
}

.raffle-result-label {
  margin: 0 0 0.4rem;
  font-weight: 700;
  color: #183b56;
}

.raffle-result-list {
  margin: 0;
  padding-left: 1.25rem;
}

.raffle-result-list li {
  margin: 0.25rem 0;
  font-weight: 600;
}

[data-bs-theme="dark"] .raffle-card__title,
[data-bs-theme="dark"] .raffle-result-label {
  color: #f3f5f7;
}

[data-bs-theme="dark"] .raffle-card__lead {
  color: rgba(255, 255, 255, 0.55);
}

.meta-tag-card__title {
  margin: 0 0 0.5rem;
  font-size: 1.35rem;
  font-weight: 700;
  color: #183b56;
}

.meta-tag-card__lead {
  margin: 0 0 1.25rem;
  color: #6b6e6f;
  font-size: 0.95rem;
}

.meta-tag-out__url {
  font-size: 0.9rem;
  word-break: break-all;
}

.meta-tag-table th[scope="row"] {
  width: 28%;
  font-weight: 600;
  color: #183b56;
  background: #f8f9fc;
  vertical-align: top;
  word-break: break-word;
}

.meta-tag-table td {
  word-break: break-word;
  vertical-align: top;
}

[data-bs-theme="dark"] .meta-tag-card__title {
  color: #f3f5f7;
}

[data-bs-theme="dark"] .meta-tag-card__lead {
  color: rgba(255, 255, 255, 0.55);
}

[data-bs-theme="dark"] .meta-tag-table th[scope="row"] {
  background: #242c34;
  color: #e8eaed;
}

.speed-test-card__title {
  margin: 0 0 0.5rem;
  font-size: 1.35rem;
  font-weight: 700;
  color: #183b56;
}

.speed-test-card__lead {
  margin: 0 0 1.25rem;
  color: #6b6e6f;
  font-size: 0.95rem;
  line-height: 1.65;
}

.speed-test-out__url {
  font-size: 0.9rem;
  word-break: break-all;
}

.speed-test-table th[scope="row"] {
  width: 36%;
  font-weight: 600;
  color: #183b56;
  background: #f8f9fc;
  vertical-align: middle;
}

.speed-test-note {
  display: inline-block;
  margin-left: 0.35rem;
  color: #b45309;
  font-size: 0.85rem;
}

.speed-eval {
  border: 1px solid rgba(24, 59, 86, 0.12);
  border-radius: 14px;
  padding: 1.15rem 1.25rem;
  background: #f8f9fc;
}

.speed-eval__head {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  margin-bottom: 0.75rem;
}

.speed-eval__grade {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 12px;
  font-size: 1.35rem;
  font-weight: 800;
  color: #fff;
  background: #0a7ba3;
}

.speed-eval--a .speed-eval__grade { background: #0a7a3e; }
.speed-eval--b .speed-eval__grade { background: #0a7ba3; }
.speed-eval--c .speed-eval__grade { background: #b45309; }
.speed-eval--d .speed-eval__grade { background: #c2410c; }
.speed-eval--e .speed-eval__grade { background: #b00020; }

.speed-eval__label {
  font-weight: 700;
  color: #183b56;
  font-size: 1.05rem;
}

.speed-eval__score {
  color: #6b6e6f;
  font-size: 0.9rem;
}

.speed-eval__summary {
  margin: 0 0 0.75rem;
  color: #183b56;
  font-weight: 600;
}

.speed-eval__points {
  margin: 0;
  padding-left: 1.2rem;
  color: #4a5560;
}

.speed-eval__points li {
  margin: 0.3rem 0;
}

[data-bs-theme="dark"] .speed-test-card__title,
[data-bs-theme="dark"] .speed-eval__label,
[data-bs-theme="dark"] .speed-eval__summary {
  color: #f3f5f7;
}

[data-bs-theme="dark"] .speed-test-card__lead,
[data-bs-theme="dark"] .speed-eval__score,
[data-bs-theme="dark"] .speed-eval__points {
  color: rgba(255, 255, 255, 0.55);
}

[data-bs-theme="dark"] .speed-test-table th[scope="row"] {
  background: #242c34;
  color: #e8eaed;
}

[data-bs-theme="dark"] .speed-eval {
  background: #242c34;
  border-color: #3a4558;
}

@media (max-width: 575.98px) {
  .browser-info__table th[scope="row"] {
    width: 42%;
    font-size: 0.85rem;
  }

  .browser-info__table > :not(caption) > * > * {
    padding: 0.65rem 0.55rem;
    font-size: 0.85rem;
  }
}

[data-bs-theme="dark"] .browser-info__table {
  background: #2a3342;
  color: #e8eaed;
  border-color: #3a4558;
}

[data-bs-theme="dark"] .browser-info__table > :not(caption) > * > * {
  border-color: #3a4558;
}

[data-bs-theme="dark"] .browser-info__table th[scope="row"] {
  background: #242c34;
  color: #e8eaed;
}

[data-bs-theme="dark"] .browser-info__section th {
  background: #1e2530 !important;
  color: #f3f5f7;
}

.hash-row {
  margin-bottom: 1rem;
}

.hash-row__fields {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: stretch;
}

.hash-row__fields .form-control {
  flex: 1 1 12rem;
  max-width: none !important;
}

.hash-row__fields .hash-copy {
  flex: 0 0 auto;
  min-width: 6.5rem;
}

/* İş günü formu */
.isg-field .calc-label {
  margin-bottom: 0.45rem;
}

.isg-date {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.4rem;
}

.isg-date__sel {
  width: auto;
  min-width: 4.25rem;
  max-width: 7.5rem;
  display: inline-block;
}

.isg-date__sel--month {
  min-width: 7.5rem;
}

.isg-date__sep {
  color: #6b7785;
  font-weight: 700;
}

.izin-note {
  margin: 0 0 1.15rem;
  color: #183b56;
  font-size: 0.95rem;
  line-height: 1.55;
}

.izin-note strong {
  color: #c62828;
  font-style: italic;
}

.izin-date-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
}

.izin-date-hint {
  color: #6b6e6f;
  font-size: 0.9rem;
}

.izin-rule {
  font-weight: 600 !important;
  font-size: 0.92rem;
  text-align: right;
  max-width: 70%;
}

[data-bs-theme="dark"] .izin-note {
  color: #e8eaed;
}

[data-bs-theme="dark"] .izin-note strong {
  color: #ff8a80;
}

[data-bs-theme="dark"] .izin-date-hint {
  color: rgba(255, 255, 255, 0.5);
}

.isg-offs {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.isg-holiday-card {
  margin-top: 2.5rem;
  overflow: visible;
}

.isg-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  margin: 0 -0.25rem;
  padding: 0 0.25rem;
}

.isg-table {
  width: 100%;
  min-width: 32rem;
  border-collapse: collapse;
  font-size: 0.92rem;
}

.isg-table th,
.isg-table td {
  padding: 0.65rem 0.75rem;
  border-bottom: 1px solid #e6ebf1;
  text-align: left;
  vertical-align: top;
}

.isg-table th {
  font-weight: 700;
  color: #183b56;
  background: #f4f7fa;
  white-space: nowrap;
}

.isg-table td {
  color: #3d4f63;
}

.isg-table td:nth-child(3) {
  word-break: break-word;
  hyphens: auto;
}

.isg-table tbody tr:last-child td {
  border-bottom: 0;
}

.ehliyet-table {
  min-width: 36rem;
}

.ehliyet-sub,
.ehliyet-note {
  display: block;
  font-weight: 400;
  font-size: 0.82rem;
  color: #5a6b7d;
  margin-top: 0.15rem;
}

.ehliyet-note {
  color: #7a8796;
  font-size: 0.78rem;
}

.ehliyet-row--ok td:nth-child(3) {
  color: #1b7a3d;
  font-weight: 600;
}

.ehliyet-row--wait td:nth-child(3) {
  color: #9a5b00;
  font-weight: 600;
}

[data-bs-theme="dark"] .ehliyet-sub,
[data-bs-theme="dark"] .ehliyet-note {
  color: #aeb6c0;
}

[data-bs-theme="dark"] .ehliyet-row--ok td:nth-child(3) {
  color: #6dcea0;
}

[data-bs-theme="dark"] .ehliyet-row--wait td:nth-child(3) {
  color: #e0b35a;
}

[data-bs-theme="dark"] .isg-table th {
  background: #2a3342;
  color: #e8eaed;
}

[data-bs-theme="dark"] .isg-table td {
  color: #c5cbd3;
  border-bottom-color: #3a4558;
}

[data-bs-theme="dark"] .isg-date__sep {
  color: #aeb6c0;
}

@media (max-width: 575.98px) {
  .ip-ua {
    max-width: 100%;
    text-align: left;
    margin-top: 0.25rem;
  }

  .calc-result__list li {
    flex-direction: column;
    align-items: flex-start;
  }

  .hash-row__fields .hash-copy {
    width: 100%;
  }

  .isg-date__sel,
  .isg-date__sel--month {
    min-width: 0;
    flex: 1 1 auto;
    max-width: none;
  }

  .isg-holiday-card {
    margin-top: 2.75rem;
    padding-left: 0.85rem;
    padding-right: 0.85rem;
  }

  .isg-table {
    min-width: 28rem;
    font-size: 0.84rem;
  }

  .isg-table th,
  .isg-table td {
    padding: 0.5rem 0.55rem;
  }

  .isg-table th:nth-child(1),
  .isg-table td:nth-child(1) {
    white-space: nowrap;
  }

  .isg-table th:nth-child(2),
  .isg-table td:nth-child(2),
  .isg-table th:nth-child(4),
  .isg-table td:nth-child(4) {
    white-space: nowrap;
  }
}

[data-bs-theme="dark"] .calc-check {
  color: #e8eaed;
}

@media (max-width: 575.98px) {
  .calc-checks {
    grid-template-columns: 1fr;
  }
}

.calc-other-input {
  width: 3.25rem;
  height: 1.85rem;
  margin-left: 0.15rem;
  padding: 0.15rem 0.35rem;
  border: 1px solid #cfd8e3;
  border-radius: 4px;
  font-size: 0.9rem;
}

.calc-other-input:disabled {
  background: #f3f5f8;
  opacity: 0.7;
}

.calc-amount-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}

.calc-amount-input {
  max-width: 16rem;
  width: 100%;
}

.calc-amount-hint {
  font-size: 0.875rem;
  color: #3d4f63;
}

.calc-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 0.35rem;
}

.btn-calc {
  background: #0a7ba3 !important;
  border-color: #0a7ba3 !important;
  color: #ffffff !important;
  font-weight: 700;
  min-width: 7.5rem;
  padding: 0.55rem 1.25rem;
}

.btn-calc:hover,
.btn-calc:focus {
  background: #066080 !important;
  border-color: #066080 !important;
  color: #ffffff !important;
}

.btn-reset {
  background: #eceff3 !important;
  border-color: #eceff3 !important;
  color: #183b56 !important;
  font-weight: 700;
  min-width: 7.5rem;
  padding: 0.55rem 1.25rem;
  text-decoration: none !important;
}

.btn-reset:hover,
.btn-reset:focus {
  background: #dde3ea !important;
  border-color: #dde3ea !important;
  color: #183b56 !important;
}

.calc-result {
  border-top: 1px solid #e6ebf1;
  padding-top: 1.1rem;
}

.calc-result__title {
  font-weight: 700;
  font-size: 1.05rem;
  color: #183b56;
}

.calc-result__list li {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.45rem 0;
  border-bottom: 1px dashed #e6ebf1;
  color: #3d4f63;
}

.calc-result__list li:last-child {
  border-bottom: 0;
}

.calc-result__total {
  font-size: 1.05rem;
  color: #183b56 !important;
}

.calc-utils {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 0.85rem;
}

.calc-util-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.4rem 0.9rem;
  border: 1px solid #0a7ba3;
  border-radius: 999px;
  background: #0a7ba3;
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none !important;
}

.calc-util-btn:hover,
.calc-util-btn:focus {
  background: #066080;
  border-color: #066080;
  color: #ffffff;
}

.calc-util-btn--whatsapp {
  background: #0b6e4f !important;
  color: #ffffff !important;
}

.calc-util-btn--whatsapp:hover,
.calc-util-btn--whatsapp:focus {
  background: #085c42 !important;
  color: #ffffff !important;
}

/* İletişim sayfası — WhatsApp + e-posta */
.contact-actions {
  display: grid;
  gap: 1rem;
  max-width: 32rem;
  margin: 0.5rem auto 0;
}

.contact-action {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 1rem 1.15rem;
  border-radius: 14px;
  text-decoration: none;
  border: 1px solid transparent;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.contact-action:hover,
.contact-action:focus {
  transform: translateY(-1px);
  text-decoration: none;
}

.contact-action .mdi {
  font-size: 1.75rem;
  line-height: 1;
  flex-shrink: 0;
}

.contact-action__text {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
}

.contact-action__label {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.contact-action__value {
  font-size: 1.05rem;
  font-weight: 700;
  word-break: break-word;
}

.contact-action--whatsapp {
  background: #0b6e4f;
  color: #ffffff;
  box-shadow: 0 8px 20px rgba(11, 110, 79, 0.18);
}

.contact-action--whatsapp:hover,
.contact-action--whatsapp:focus {
  background: #085c42;
  color: #ffffff;
}

.contact-action--email {
  background: #ffffff;
  color: #183b56;
  border-color: rgba(24, 59, 86, 0.12);
  box-shadow: 0 8px 20px rgba(24, 59, 86, 0.06);
}

.contact-action--email .contact-action__label {
  color: #5a6b7d;
}

.contact-action--email:hover,
.contact-action--email:focus {
  border-color: rgba(10, 123, 163, 0.35);
  color: #0a7ba3;
}

.contact-action--email:hover .contact-action__label,
.contact-action--email:focus .contact-action__label {
  color: #0a7ba3;
}

[data-bs-theme="dark"] .contact-action--email {
  background: #2a3342;
  color: #e8eaed;
  border-color: #3a4558;
}

[data-bs-theme="dark"] .contact-action--email .contact-action__label {
  color: #aeb6c0;
}

[data-bs-theme="dark"] .contact-action--email:hover,
[data-bs-theme="dark"] .contact-action--email:focus {
  color: #2596be;
  border-color: rgba(37, 150, 190, 0.45);
}

.tool-share-bar {
  margin-top: 1rem;
}

.tool-rating-summary--inline {
  margin: 0;
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
  border-radius: 12px;
}

.tool-evaluate {
  border-top: 1px solid #e6ebf1;
  padding-top: 1.25rem;
}

.calc-dialog {
  border: 0;
  border-radius: 12px;
  padding: 0;
  max-width: min(92vw, 420px);
  box-shadow: 0 16px 40px rgba(24, 59, 86, 0.18);
}

.calc-dialog::backdrop {
  background: rgba(24, 59, 86, 0.35);
}

.calc-dialog__inner {
  padding: 1.15rem 1.2rem 1.2rem;
}

/* ========== Oy / değerlendirme ========== */

.tool-rating-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.65rem 1rem;
  padding: 0.65rem 1rem;
  background: #fff;
  border: 1px solid #e6ebf1;
  border-radius: 999px;
  box-shadow: 0 4px 14px rgba(24, 59, 86, 0.05);
  width: fit-content;
  max-width: 100%;
  margin: 0 auto;
}

.tool-rating-summary__stars {
  color: #f0b429;
  font-size: 1.15rem;
  letter-spacing: 0.05rem;
  line-height: 1;
}

.tool-rating-summary__meta {
  font-size: 0.92rem;
  color: #3d4f63;
}

.tool-vote-card {
  background: #fff;
  border: 1px solid #e6ebf1;
  border-radius: 14px;
  padding: 1.35rem 1.35rem 1.45rem;
  box-shadow: 0 8px 24px rgba(24, 59, 86, 0.05);
}

.tool-vote-card__title {
  font-size: 1.15rem;
  font-weight: 700;
  color: #183b56;
}

.tool-vote-card__lead {
  font-size: 0.92rem;
}

.tool-star-picker__row {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 0.15rem;
}

.tool-star-picker__input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.tool-star-picker__label {
  cursor: pointer;
  color: #d5dbe3;
  font-size: 1.85rem;
  line-height: 1;
  transition: color 0.15s ease, transform 0.15s ease;
}

.tool-star-picker__label:hover,
.tool-star-picker__label:hover ~ .tool-star-picker__label,
.tool-star-picker__input:checked ~ .tool-star-picker__label,
.tool-star-picker__input:focus-visible + .tool-star-picker__label {
  color: #f0b429;
}

.tool-star-picker__label:hover {
  transform: scale(1.08);
}

.tool-vote-form__submit {
  min-width: 8rem;
}

/* ========== Kategoriler / Benzer araçlar ========== */

.tool-discover {
  --tool-panel-accent: #0a7ba3;
}

.tool-panel {
  background: #fff;
  border: 1px solid #e6ebf1;
  border-radius: 16px;
  padding: 1.25rem 1.15rem 1rem;
  box-shadow: 0 10px 28px rgba(24, 59, 86, 0.06);
}

.tool-panel__head {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 0.85rem;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid #eef2f6;
}

.tool-panel__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 10px;
  background: rgba(10, 123, 163, 0.1);
  color: #0a7ba3;
  font-size: 1.2rem;
  flex-shrink: 0;
}

.tool-panel__title {
  font-size: 1.1rem;
  font-weight: 700;
  color: #183b56;
  letter-spacing: -0.01em;
}

.tool-panel__list {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.tool-panel__link {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.65rem 0.7rem;
  border-radius: 12px;
  text-decoration: none !important;
  color: #183b56;
  transition: background-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.tool-panel__link:hover,
.tool-panel__link:focus-visible {
  background: #f5f8fb;
  color: #183b56;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(24, 59, 86, 0.06);
  outline: none;
}

.tool-panel__link-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 9px;
  background: #eef2f6;
  color: #3d4f63;
  font-size: 1.05rem;
  flex-shrink: 0;
  transition: background-color 0.18s ease, color 0.18s ease;
}

.tool-panel__link:hover .tool-panel__link-icon,
.tool-panel__link:focus-visible .tool-panel__link-icon {
  background: rgba(180, 35, 24, 0.1);
  color: #0a7ba3;
}

.tool-panel__link-text {
  flex: 1 1 auto;
  font-weight: 600;
  font-size: 0.95rem;
  line-height: 1.3;
  min-width: 0;
}

.tool-panel__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.75rem;
  height: 1.75rem;
  padding: 0 0.45rem;
  border-radius: 999px;
  background: #eef2f6;
  color: #3d4f63;
  font-size: 0.8rem;
  font-weight: 700;
  flex-shrink: 0;
}

.tool-panel__link:hover .tool-panel__count {
  background: #e4eaf1;
}

.tool-panel__arrow {
  color: #9aa8b6;
  font-size: 1.2rem;
  line-height: 1;
  flex-shrink: 0;
  transition: color 0.18s ease, transform 0.18s ease;
}

.tool-panel__link:hover .tool-panel__arrow {
  color: #0a7ba3;
  transform: translateX(2px);
}

@media (max-width: 575.98px) {
  .calc-card {
    padding: 1.5rem 1rem 1.15rem;
  }

  .calc-amount-input {
    max-width: 100%;
  }

  .calc-actions .btn {
    flex: 1 1 auto;
  }

  .calc-utils {
    justify-content: center;
  }

  .tool-rating-summary {
    border-radius: 12px;
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  .tool-panel {
    padding: 1.1rem 0.9rem 0.85rem;
  }
}

body[data-bs-theme="dark"] .calc-card,
body[data-bs-theme="dark"] .tool-vote-card,
body[data-bs-theme="dark"] .tool-rating-summary,
body[data-bs-theme="dark"] .tool-panel {
  background: #1e2430;
  border-color: #2f3848;
}

body[data-bs-theme="dark"] .calc-card__badge {
  background: #2a3342;
  border-color: #3a4558;
  color: #d5dbe3;
}

body[data-bs-theme="dark"] .calc-label,
body[data-bs-theme="dark"] .calc-radio,
body[data-bs-theme="dark"] .tool-vote-card__title,
body[data-bs-theme="dark"] .calc-result__title,
body[data-bs-theme="dark"] .tool-panel__title,
body[data-bs-theme="dark"] .tool-panel__link {
  color: #e8eaed;
}

body[data-bs-theme="dark"] .tool-panel__head {
  border-bottom-color: #2f3848;
}

body[data-bs-theme="dark"] .tool-panel__icon {
  background: rgba(224, 69, 58, 0.15);
  color: #2596be;
}

body[data-bs-theme="dark"] .tool-panel__link:hover,
body[data-bs-theme="dark"] .tool-panel__link:focus-visible {
  background: #252d3a;
  color: #e8eaed;
}

body[data-bs-theme="dark"] .tool-panel__link-icon,
body[data-bs-theme="dark"] .tool-panel__count {
  background: #2a3342;
  color: #c5cbd3;
}

body[data-bs-theme="dark"] .tool-panel__link:hover .tool-panel__link-icon {
  background: rgba(224, 69, 58, 0.18);
  color: #2596be;
}

body[data-bs-theme="dark"] .btn-reset {
  background: #2a3342 !important;
  border-color: #2a3342 !important;
  color: #e8eaed !important;
}

/* ========== En çok kullanılan (ranking) ========== */

.rank-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}

.rank-filters__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.45rem 0.9rem;
  border-radius: 999px;
  border: 1px solid #e0e6ee;
  background: #fff;
  color: #3d4f63;
  font-size: 0.88rem;
  font-weight: 600;
  font-family: inherit;
  line-height: 1.25;
  cursor: pointer;
  text-decoration: none !important;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.rank-filters__chip .mdi {
  font-size: 1rem;
  line-height: 1;
}

.rank-filters__chip:hover,
.rank-filters__chip:focus-visible {
  border-color: #0a7ba3;
  color: #0a7ba3;
  background: #fff8f7;
  outline: none;
}

.rank-filters__chip.is-active {
  background: #0a7ba3;
  border-color: #0a7ba3;
  color: #fff;
}

.rank-filters__chip.is-active:hover,
.rank-filters__chip.is-active:focus-visible {
  background: #066080;
  border-color: #066080;
  color: #fff;
}

.rank-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.rank-card {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 1rem 1.1rem;
  background: #fff;
  border: 1px solid #e6ebf1;
  border-radius: 16px;
  box-shadow: 0 8px 22px rgba(24, 59, 86, 0.05);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.rank-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(24, 59, 86, 0.09);
  border-color: #d7dee8;
}

.rank-card__rank {
  flex-shrink: 0;
  width: 2.4rem;
  height: 2.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #eef2f6;
  color: #183b56;
}

.rank-card__rank-num {
  font-weight: 800;
  font-size: 0.95rem;
}

.rank-card:nth-child(1) .rank-card__rank {
  background: rgba(180, 35, 24, 0.12);
  color: #0a7ba3;
}

.rank-card:nth-child(2) .rank-card__rank {
  background: rgba(11, 92, 173, 0.12);
  color: #0a7ba3;
}

.rank-card:nth-child(3) .rank-card__rank {
  background: rgba(180, 120, 24, 0.14);
  color: #9a6410;
}

.rank-card__icon {
  flex-shrink: 0;
  width: 2.75rem;
  height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(10, 123, 163, 0.1);
  color: #0a7ba3;
  font-size: 1.45rem;
}

.rank-card__body {
  flex: 1 1 auto;
  min-width: 0;
}

.rank-card__title {
  margin: 0 0 0.2rem;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.3;
}

.rank-card__title a {
  color: #183b56;
  text-decoration: none !important;
}

.rank-card__title a:hover,
.rank-card__title a:focus-visible {
  color: #0a7ba3;
}

.rank-card__meta {
  font-size: 0.86rem;
  color: #6b7c8f;
}

.rank-card__cat {
  border: 0;
  background: transparent;
  padding: 0;
  font: inherit;
  cursor: pointer;
  color: #3d4f63;
  font-weight: 600;
  text-decoration: none !important;
}

.rank-card__cat:hover {
  color: #0a7ba3;
}

.rank-list.is-loading {
  opacity: 0.55;
  pointer-events: none;
  transition: opacity 0.15s ease;
}

.rank-card__dot {
  margin: 0 0.35rem;
}

.rank-card__bar {
  margin-top: 0.55rem;
  height: 6px;
  border-radius: 999px;
  background: #eef2f6;
  overflow: hidden;
}

.rank-card__bar-fill {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #0a7ba3 0%, #2596be 100%);
}

.rank-card__cta {
  flex-shrink: 0;
  border-radius: 999px !important;
  padding: 0.45rem 1.15rem !important;
  font-weight: 700;
  text-decoration: none !important;
}

.rank-empty {
  padding: 2rem 1.25rem;
  text-align: center;
  background: #fff;
  border: 1px dashed #d7dee8;
  border-radius: 16px;
}

.rank-search-hint a {
  color: #0a7ba3;
  font-weight: 600;
}

@media (max-width: 575.98px) {
  .rank-card {
    flex-wrap: wrap;
    padding: 0.95rem;
  }

  .rank-card__cta {
    width: 100%;
    text-align: center;
  }

  .rank-filters {
    justify-content: flex-start;
  }
}

body[data-bs-theme="dark"] .rank-filters__chip,
body[data-bs-theme="dark"] .rank-card,
body[data-bs-theme="dark"] .rank-empty {
  background: #1e2430;
  border-color: #2f3848;
  color: #e8eaed;
}

body[data-bs-theme="dark"] .rank-card__title a,
body[data-bs-theme="dark"] .rank-card__cat {
  color: #e8eaed;
}

body[data-bs-theme="dark"] .rank-card__rank,
body[data-bs-theme="dark"] .rank-card__bar {
  background: #2a3342;
}

body[data-bs-theme="dark"] .rank-card__meta {
  color: #9aa8b6;
}

/* ========== Dark mode — global (style.min !important ile uyum) ========== */

/* Araç + iç sayfalar: style.min .section padding CLS yaratmasın */
.section {
  position: relative !important;
  padding-top: 1.5rem !important;
  padding-bottom: 2.5rem !important;
}

@media (min-width: 992px) {
  .section {
    padding-top: 2rem !important;
    padding-bottom: 3rem !important;
  }
}

.section.page-surface {
  position: relative !important;
  padding-top: 1.5rem !important;
  padding-bottom: 3rem !important;
}

@media (min-width: 992px) {
  .section.page-surface {
    padding-top: 2rem !important;
    padding-bottom: 4rem !important;
  }
}

.home-explore.section,
.home-explore {
  padding-top: 1rem !important;
  padding-bottom: 4rem !important;
}

/* ========== 404 / hata sayfası ========== */
.error-page__panel {
  margin: 1.75rem auto 1rem;
  max-width: 36rem;
  padding: 2.25rem 1.5rem 2rem;
  background: #fff;
  border: 1px solid rgba(24, 59, 86, 0.1);
  border-radius: 20px;
  box-shadow: 0 12px 32px rgba(24, 59, 86, 0.06);
}

.error-page__code {
  margin: 0 0 0.35rem;
  font-size: clamp(4rem, 12vw, 6.5rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.04em;
  color: #0a7ba3;
  opacity: 0.92;
}

.error-page__title {
  margin: 0 0 0.75rem;
  font-size: clamp(1.35rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: #183b56;
  line-height: 1.25;
}

.error-page__lead {
  font-size: 1rem;
  line-height: 1.65;
  max-width: 28rem;
  margin-left: auto;
  margin-right: auto;
}

.error-page__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.65rem;
  margin-top: 1.75rem;
}

.error-page__btn {
  min-width: 8.5rem;
  font-weight: 700;
  border-radius: 999px;
  padding: 0.65rem 1.25rem;
}

.error-page__btn--ghost {
  background: #f4f7fa !important;
  border: 1px solid rgba(24, 59, 86, 0.12) !important;
  color: #183b56 !important;
  text-decoration: none !important;
}

.error-page__btn--ghost:hover,
.error-page__btn--ghost:focus {
  background: #e8eef4 !important;
  color: #0a7ba3 !important;
}

@media (max-width: 575.98px) {
  .error-page__panel {
    padding: 1.75rem 1.15rem 1.5rem;
  }

  .error-page__actions {
    flex-direction: column;
  }

  .error-page__btn {
    width: 100%;
  }
}

[data-bs-theme="dark"] .error-page__panel {
  background: #2a3342;
  border-color: #3a4558;
  box-shadow: none;
}

[data-bs-theme="dark"] .error-page__code {
  color: #2596be;
}

[data-bs-theme="dark"] .error-page__title {
  color: #f3f5f7;
}

[data-bs-theme="dark"] .error-page__btn--ghost {
  background: #242c34 !important;
  border-color: #3a4558 !important;
  color: #e8eaed !important;
}

.page-surface {
  background-color: #f8f9fc;
}

[data-bs-theme="dark"] {
  color-scheme: dark;
}

html[data-bs-theme="dark"],
body[data-bs-theme="dark"],
[data-bs-theme="dark"] body {
  background-color: #1a222c !important;
  color: #e8eaed !important;
}

[data-bs-theme="dark"] .page-surface,
[data-bs-theme="dark"] .bg-light,
[data-bs-theme="dark"] .section.page-surface,
[data-bs-theme="dark"] .section.bg-light,
[data-bs-theme="dark"] main,
[data-bs-theme="dark"] #main {
  background-color: #1a222c !important;
  color: #e8eaed !important;
}

[data-bs-theme="dark"] h1,
[data-bs-theme="dark"] h2,
[data-bs-theme="dark"] h3,
[data-bs-theme="dark"] h4,
[data-bs-theme="dark"] .fw-bold,
[data-bs-theme="dark"] .inner-heading h1,
[data-bs-theme="dark"] .inner-heading .fw-bold,
[data-bs-theme="dark"] .text-dark {
  color: #f3f5f7 !important;
}

[data-bs-theme="dark"] .text-muted,
[data-bs-theme="dark"] .inner-heading p,
[data-bs-theme="dark"] .tool-article p,
[data-bs-theme="dark"] .f-14.text-muted {
  color: #aeb6c0 !important;
}

[data-bs-theme="dark"] .heading-bottom-icon,
[data-bs-theme="dark"] .heading-dot {
  color: #0a7ba3 !important;
}

/* Breadcrumb */
[data-bs-theme="dark"] .breadcrumb,
[data-bs-theme="dark"] .breadcrumb.default {
  background-color: #242c34 !important;
  box-shadow: none !important;
}

[data-bs-theme="dark"] .breadcrumb.default .breadcrumb-item,
[data-bs-theme="dark"] .breadcrumb.default .breadcrumb-item.active {
  color: #e8eaed !important;
}

[data-bs-theme="dark"] .breadcrumb.default .breadcrumb-item a,
[data-bs-theme="dark"] .breadcrumb.default .breadcrumb-item a.text-muted {
  color: #c5cbd3 !important;
}

[data-bs-theme="dark"] .breadcrumb.default .breadcrumb-item a:hover,
[data-bs-theme="dark"] .breadcrumb.default .breadcrumb-item a:focus {
  color: #2596be !important;
}

[data-bs-theme="dark"] .breadcrumb.default .breadcrumb-item + .breadcrumb-item::before {
  color: #8b95a3 !important;
}

/* Araç formu / kartlar */
[data-bs-theme="dark"] .calc-card,
[data-bs-theme="dark"] .tool-vote-card,
[data-bs-theme="dark"] .tool-rating-summary,
[data-bs-theme="dark"] .tool-panel,
[data-bs-theme="dark"] .forum-box,
[data-bs-theme="dark"] .forum-item .forum-box,
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .rank-card,
[data-bs-theme="dark"] .rank-empty,
[data-bs-theme="dark"] .rank-filters__chip,
[data-bs-theme="dark"] .home-cat,
[data-bs-theme="dark"] .home-tool {
  background-color: #242c34 !important;
  border-color: #3a4558 !important;
  color: #e8eaed !important;
  box-shadow: none !important;
}

[data-bs-theme="dark"] .calc-card__badge {
  background: #2f3848 !important;
  border-color: #3a4558 !important;
  color: #d5dbe3 !important;
}

[data-bs-theme="dark"] .calc-card__required,
[data-bs-theme="dark"] .calc-amount-hint,
[data-bs-theme="dark"] .tool-vote-card__lead,
[data-bs-theme="dark"] .tool-rating-summary__meta {
  color: #aeb6c0 !important;
}

[data-bs-theme="dark"] .calc-label,
[data-bs-theme="dark"] .calc-radio,
[data-bs-theme="dark"] .calc-result__title,
[data-bs-theme="dark"] .calc-result__list li,
[data-bs-theme="dark"] .calc-result__total,
[data-bs-theme="dark"] .calc-result__total span,
[data-bs-theme="dark"] .calc-result__total strong,
[data-bs-theme="dark"] .tool-vote-card__title,
[data-bs-theme="dark"] .tool-panel__title,
[data-bs-theme="dark"] .tool-panel__link,
[data-bs-theme="dark"] .tool-panel__link-text,
[data-bs-theme="dark"] .form-label,
[data-bs-theme="dark"] label {
  color: #e8eaed !important;
}

[data-bs-theme="dark"] .calc-req {
  color: #2596be !important;
}

[data-bs-theme="dark"] .calc-result {
  border-top-color: #3a4558 !important;
}

[data-bs-theme="dark"] .calc-result__list li {
  border-bottom-color: #3a4558 !important;
}

[data-bs-theme="dark"] .calc-other-input,
[data-bs-theme="dark"] .calc-amount-input,
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select,
[data-bs-theme="dark"] textarea.form-control {
  background-color: #1a222c !important;
  border-color: #3a4558 !important;
  color: #e8eaed !important;
}

[data-bs-theme="dark"] .calc-other-input:disabled {
  background-color: #2a3342 !important;
  color: #8b95a3 !important;
}

[data-bs-theme="dark"] .form-control::placeholder,
[data-bs-theme="dark"] .calc-amount-input::placeholder,
[data-bs-theme="dark"] .calc-other-input::placeholder {
  color: #8b95a3 !important;
}

[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus,
[data-bs-theme="dark"] .calc-amount-input:focus,
[data-bs-theme="dark"] .calc-other-input:focus {
  background-color: #1a222c !important;
  border-color: #0a7ba3 !important;
  color: #e8eaed !important;
  box-shadow: 0 0 0 0.2rem rgba(180, 35, 24, 0.2) !important;
}

[data-bs-theme="dark"] .btn-reset,
[data-bs-theme="dark"] .btn-reset:hover,
[data-bs-theme="dark"] .btn-reset:focus {
  background: #2f3848 !important;
  border-color: #2f3848 !important;
  color: #e8eaed !important;
}

[data-bs-theme="dark"] .calc-util-btn {
  background: #2f3848 !important;
  border-color: #3a4558 !important;
  color: #e8eaed !important;
}

[data-bs-theme="dark"] .calc-util-btn:hover,
[data-bs-theme="dark"] .calc-util-btn:focus {
  background: #3a4558 !important;
  color: #fff !important;
}

[data-bs-theme="dark"] .calc-util-btn--whatsapp {
  background: #128c7e !important;
  border-color: #128c7e !important;
  color: #fff !important;
}

[data-bs-theme="dark"] .calc-dialog {
  background: #242c34 !important;
  color: #e8eaed !important;
  border-color: #3a4558 !important;
}

[data-bs-theme="dark"] .calc-dialog::backdrop {
  background: rgba(0, 0, 0, 0.65);
}

[data-bs-theme="dark"] .tool-panel__head {
  border-bottom-color: #3a4558 !important;
}

[data-bs-theme="dark"] .tool-panel__icon {
  background: rgba(224, 69, 58, 0.18) !important;
  color: #2596be !important;
}

[data-bs-theme="dark"] .tool-panel__link:hover,
[data-bs-theme="dark"] .tool-panel__link:focus-visible {
  background: #2f3848 !important;
  color: #f3f5f7 !important;
}

[data-bs-theme="dark"] .tool-panel__link-icon,
[data-bs-theme="dark"] .tool-panel__count {
  background: #2f3848 !important;
  color: #c5cbd3 !important;
}

[data-bs-theme="dark"] .tool-panel__arrow {
  color: #8b95a3 !important;
}

[data-bs-theme="dark"] .tool-comments,
[data-bs-theme="dark"] .tool-comment,
[data-bs-theme="dark"] .tool-evaluate,
[data-bs-theme="dark"] .answer-process-details,
[data-bs-theme="dark"] .process-box {
  color: #e8eaed !important;
}

[data-bs-theme="dark"] .tool-comment,
[data-bs-theme="dark"] .process-box,
[data-bs-theme="dark"] .answer-process-details {
  background: #242c34 !important;
  border-color: #3a4558 !important;
}

/* ========== SSS / FAQ sayfası ========== */
.faq-page__intro {
  margin-top: 1.5rem;
}

.faq-page__eyebrow {
  margin: 0 0 0.4rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #0a7ba3;
}

.faq-page__title {
  margin: 0 0 0.55rem;
  font-size: clamp(1.35rem, 2.4vw, 1.75rem);
  font-weight: 700;
  line-height: 1.25;
  color: #183b56;
}

.faq-page__lead {
  font-size: 0.98rem;
  line-height: 1.55;
  max-width: 34rem;
  margin-left: auto;
  margin-right: auto;
}

.faq-list.accordion {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  --bs-accordion-border-width: 0;
  --bs-accordion-bg: transparent;
  --bs-accordion-btn-padding-x: 0;
  --bs-accordion-btn-padding-y: 0;
  --bs-accordion-body-padding-x: 0;
  --bs-accordion-body-padding-y: 0;
}

.faq-item.accordion-item {
  background: #fff;
  border: 1px solid rgba(24, 59, 86, 0.1) !important;
  border-radius: 14px !important;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(24, 59, 86, 0.04);
}

.faq-item__heading {
  margin: 0;
  font-size: inherit;
}

.faq-item__btn.accordion-button {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  width: 100%;
  padding: 1rem 1.1rem !important;
  background: #fff !important;
  color: #183b56 !important;
  box-shadow: none !important;
  font-size: 0.98rem;
  font-weight: 600;
  line-height: 1.4;
  text-align: left;
}

.faq-item__btn.accordion-button:not(.collapsed) {
  background: #f4f9fc !important;
  color: #0a7ba3 !important;
}

.faq-item__btn.accordion-button::after {
  margin-left: auto;
  flex-shrink: 0;
  filter: none;
}

.faq-item__num {
  flex-shrink: 0;
  min-width: 2rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #0a7ba3;
  padding-top: 0.12rem;
}

.faq-item__q {
  flex: 1 1 auto;
  min-width: 0;
}

.faq-item__body.accordion-body {
  padding: 0 1.1rem 1.1rem 3.95rem !important;
  color: #4a5d70;
  font-size: 0.94rem;
  line-height: 1.65;
  background: #f4f9fc;
}

.faq-page__foot {
  font-size: 0.92rem;
}

.faq-page__foot a {
  font-weight: 700;
  color: #0a7ba3;
  text-decoration: none;
}

.faq-page__foot a:hover,
.faq-page__foot a:focus {
  text-decoration: underline;
}

@media (max-width: 575.98px) {
  .faq-item__body.accordion-body {
    padding-left: 1.1rem !important;
  }
}

[data-bs-theme="dark"] .faq-page__title {
  color: #f3f5f7;
}

[data-bs-theme="dark"] .faq-page__eyebrow {
  color: #2596be;
}

[data-bs-theme="dark"] .faq-item.accordion-item {
  background: #2a3342;
  border-color: #3a4558 !important;
  box-shadow: none;
}

[data-bs-theme="dark"] .faq-item__btn.accordion-button {
  background: #2a3342 !important;
  color: #e8eaed !important;
}

[data-bs-theme="dark"] .faq-item__btn.accordion-button:not(.collapsed) {
  background: #242c34 !important;
  color: #2596be !important;
}

[data-bs-theme="dark"] .faq-item__num {
  color: #2596be;
}

[data-bs-theme="dark"] .faq-item__body.accordion-body {
  background: #242c34;
  color: #aeb6c0;
}

[data-bs-theme="dark"] .faq-page__foot a {
  color: #2596be;
}

/* FAQ / Privacy / Contact / Category cards */
[data-bs-theme="dark"] .faq .card,
[data-bs-theme="dark"] .faq .accordion-item,
[data-bs-theme="dark"] .Privacy .card,
[data-bs-theme="dark"] .contact .card,
[data-bs-theme="dark"] .accordion-item,
[data-bs-theme="dark"] .accordion-button,
[data-bs-theme="dark"] .accordion-body {
  background-color: #242c34 !important;
  color: #e8eaed !important;
  border-color: #3a4558 !important;
}

[data-bs-theme="dark"] .accordion-button:not(.collapsed) {
  background-color: #2f3848 !important;
  color: #f3f5f7 !important;
  box-shadow: none !important;
}

[data-bs-theme="dark"] .accordion-button::after {
  filter: invert(1) brightness(1.4);
}

[data-bs-theme="dark"] .faq .card-header,
[data-bs-theme="dark"] .Privacy .card-header {
  background-color: #242c34 !important;
  border-bottom-color: #3a4558 !important;
}

[data-bs-theme="dark"] .faq .card-header h2,
[data-bs-theme="dark"] .faq .card-header h3,
[data-bs-theme="dark"] .faq .card-header button,
[data-bs-theme="dark"] .Privacy .card-header h2,
[data-bs-theme="dark"] .Privacy .card-header h3,
[data-bs-theme="dark"] .Privacy .card-body,
[data-bs-theme="dark"] .Privacy .card-body p,
[data-bs-theme="dark"] .Privacy .card-body li {
  color: #e8eaed !important;
}

/* Footer */
.footer.site-footer {
  position: relative;
  margin-top: 0;
  padding: 3.5rem 0 0;
  background:
    linear-gradient(180deg, #f3f6f9 0%, #eef2f6 48%, #e8eef4 100%) !important;
  border-top: 1px solid rgba(24, 59, 86, 0.08);
  overflow: hidden;
}

.footer.site-footer::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, #2596be 0%, #183b56 55%, transparent 100%);
  pointer-events: none;
}

.site-footer__top {
  padding-bottom: 2.5rem;
}

.site-footer__brand {
  max-width: 34rem;
}

.site-footer__logo {
  display: inline-block;
  line-height: 0;
  width: 156px;
  height: 42px;
  overflow: hidden;
}

.site-footer__logo img {
  height: 42px;
  width: 156px;
  max-width: 156px;
  aspect-ratio: 297 / 80;
  object-fit: contain;
}

.site-footer__about {
  margin: 1.1rem 0 0;
  font-size: 0.95rem;
  line-height: 1.7;
  color: #4a5d70;
}

.site-footer__mail {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 1rem;
  padding: 0.45rem 0.85rem;
  font-size: 0.9rem;
  font-weight: 600;
  color: #183b56;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(24, 59, 86, 0.1);
  border-radius: 999px;
  transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.site-footer__mail:hover,
.site-footer__mail:focus {
  color: #0a7ba3;
  border-color: rgba(238, 87, 76, 0.35);
  background: #fff;
}

.site-footer__mail .mdi {
  font-size: 1.1rem;
  line-height: 1;
}

.site-footer__heading {
  margin: 0 0 0.85rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #183b56;
}

.site-footer__links {
  margin: 0;
  padding: 0;
}

.site-footer__links li + li {
  margin-top: 0.45rem;
}

.site-footer__links a {
  display: inline-block;
  font-size: 0.92rem;
  color: #4a5d70;
  text-decoration: none;
  transition: color 0.18s ease, transform 0.18s ease;
}

.site-footer__links a:hover,
.site-footer__links a:focus {
  color: #0a7ba3;
  transform: translateX(2px);
}

.site-footer__links--cats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.45rem 1rem;
}

.site-footer__links--cats li + li {
  margin-top: 0;
}

.site-footer__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem 1.25rem;
  padding: 1.15rem 0 1.35rem;
  border-top: 1px solid rgba(24, 59, 86, 0.1);
}

.site-footer__credit {
  margin-left: auto;
}

.site-footer__copy {
  font-size: 0.88rem;
  color: #6b7c8d;
}

.site-footer__credit {
  font-size: 0.88rem;
  color: #6b7c8d;
  text-align: center;
}

.site-footer__credit a {
  font-weight: 700;
  color: #183b56;
  text-decoration: none;
}

.site-footer__credit a:hover,
.site-footer__credit a:focus {
  color: #0a7ba3;
  text-decoration: underline;
}

.site-footer__legal {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 1.1rem;
}

.site-footer__legal a {
  font-size: 0.88rem;
  font-weight: 600;
  color: #4a5d70;
  text-decoration: none;
}

.site-footer__legal a:hover,
.site-footer__legal a:focus {
  color: #0a7ba3;
}

@media (max-width: 767.98px) {
  .footer.site-footer {
    padding-top: 2.75rem;
  }

  .site-footer__about {
    font-size: 0.9rem;
  }

  .site-footer__links--cats {
    grid-template-columns: 1fr 1fr;
  }

  .site-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}

[data-bs-theme="dark"] .footer,
[data-bs-theme="dark"] .footer.site-footer {
  background: linear-gradient(180deg, #12171e 0%, #151b22 55%, #10151b 100%) !important;
  border-top-color: #2a3342;
}

[data-bs-theme="dark"] .footer.site-footer::before {
  background: linear-gradient(90deg, #2596be 0%, #5a7a9a 55%, transparent 100%);
}

[data-bs-theme="dark"] .footer p,
[data-bs-theme="dark"] .footer .text-muted,
[data-bs-theme="dark"] .footer-link a,
[data-bs-theme="dark"] .footer .f-18,
[data-bs-theme="dark"] .site-footer__about,
[data-bs-theme="dark"] .site-footer__links a,
[data-bs-theme="dark"] .site-footer__copy,
[data-bs-theme="dark"] .site-footer__credit,
[data-bs-theme="dark"] .site-footer__legal a {
  color: #aeb6c0 !important;
}

[data-bs-theme="dark"] .footer .fw-bold,
[data-bs-theme="dark"] .footer .f-18.fw-bold,
[data-bs-theme="dark"] .site-footer__heading {
  color: #f3f5f7 !important;
}

[data-bs-theme="dark"] .footer-link a:hover,
[data-bs-theme="dark"] .footer-link a:focus,
[data-bs-theme="dark"] .site-footer__links a:hover,
[data-bs-theme="dark"] .site-footer__links a:focus,
[data-bs-theme="dark"] .site-footer__legal a:hover,
[data-bs-theme="dark"] .site-footer__legal a:focus,
[data-bs-theme="dark"] .site-footer__credit a:hover,
[data-bs-theme="dark"] .site-footer__credit a:focus,
[data-bs-theme="dark"] .site-footer__mail:hover,
[data-bs-theme="dark"] .site-footer__mail:focus {
  color: #2596be !important;
}

[data-bs-theme="dark"] .site-footer__credit a {
  color: #e8eaed !important;
}

[data-bs-theme="dark"] .site-footer__mail {
  color: #e8eaed;
  background: rgba(42, 51, 66, 0.65);
  border-color: #3a4558;
}

[data-bs-theme="dark"] .site-footer__bottom,
[data-bs-theme="dark"] .footer hr {
  border-color: #2f3848 !important;
  opacity: 1;
}

/* Alerts */
[data-bs-theme="dark"] .alert-success {
  background-color: rgba(25, 135, 84, 0.2) !important;
  border-color: rgba(25, 135, 84, 0.35) !important;
  color: #9fdfb8 !important;
}

[data-bs-theme="dark"] .alert-danger {
  background-color: rgba(180, 35, 24, 0.2) !important;
  border-color: rgba(180, 35, 24, 0.35) !important;
  color: #ffb4a8 !important;
}

/* Ranking leftovers */
[data-bs-theme="dark"] .rank-card__title a,
[data-bs-theme="dark"] .rank-card__cat,
[data-bs-theme="dark"] .rank-filters__chip {
  color: #e8eaed !important;
}

[data-bs-theme="dark"] .rank-card__meta {
  color: #aeb6c0 !important;
}

[data-bs-theme="dark"] .rank-card__rank,
[data-bs-theme="dark"] .rank-card__bar {
  background: #2f3848 !important;
}

[data-bs-theme="dark"] .rank-filters__chip.is-active,
[data-bs-theme="dark"] .rank-filters__chip.active {
  background: rgba(180, 35, 24, 0.2) !important;
  border-color: #0a7ba3 !important;
  color: #2596be !important;
}

/* Home explore / search already partially covered — reinforce */
[data-bs-theme="dark"] .home-explore__title,
[data-bs-theme="dark"] .home-cat__name,
[data-bs-theme="dark"] .home-tool__title a,
[data-bs-theme="dark"] .home-explore__more-link {
  color: #f3f5f7 !important;
}

[data-bs-theme="dark"] .home-cat__count,
[data-bs-theme="dark"] .home-tool__desc,
[data-bs-theme="dark"] .home-tool__usage,
[data-bs-theme="dark"] .home-tool__badge,
[data-bs-theme="dark"] .home-explore__lead {
  color: #aeb6c0 !important;
}

[data-bs-theme="dark"] .home-tool__footer {
  border-top-color: #3a4558 !important;
}

[data-bs-theme="dark"] .home-hero__search-box {
  background: #242c34 !important;
  border-color: #3a4558 !important;
}

[data-bs-theme="dark"] .home-hero__search-input {
  color: #e8eaed !important;
  background: transparent !important;
}

[data-bs-theme="dark"] .home-hero__results {
  background: #242c34 !important;
  border-color: #3a4558 !important;
}

[data-bs-theme="dark"] .home-hero__result:hover,
[data-bs-theme="dark"] .home-hero__result.is-active {
  background: #2f3848 !important;
}

[data-bs-theme="dark"] .home-hero__result-title {
  color: #f3f5f7 !important;
}

[data-bs-theme="dark"] .home-hero__results-empty,
[data-bs-theme="dark"] .home-hero__result-meta {
  color: #aeb6c0 !important;
}

/* Dropdown menus */
[data-bs-theme="dark"] .dropdown-menu {
  background-color: #242c34 !important;
  border-color: #3a4558 !important;
}

[data-bs-theme="dark"] .dropdown-item {
  color: #e8eaed !important;
}

[data-bs-theme="dark"] .dropdown-item:hover,
[data-bs-theme="dark"] .dropdown-item:focus {
  background-color: #2f3848 !important;
  color: #fff !important;
}

/* —— Tool pages without bootstrap.min.css / style.min.css —— */
.list-unstyled {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.d-flex { display: flex !important; }
.d-none { display: none !important; }
.flex-wrap { flex-wrap: wrap !important; }
.justify-content-end { justify-content: flex-end !important; }
.gap-2 { gap: 0.5rem !important; }
.gap-3 { gap: 1rem !important; }
.g-3 { --bs-gutter-x: 1rem; --bs-gutter-y: 1rem; }

.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.me-1 { margin-right: 0.25rem !important; }
.me-2 { margin-right: 0.5rem !important; }

.fw-semibold { font-weight: 600 !important; }
.fw-normal { font-weight: 400 !important; }
.f-14 { font-size: 14px !important; }
.f-18 { font-size: 18px !important; }
.f-20 { font-size: 20px !important; }
.align-middle { vertical-align: middle !important; }
.h-100 { height: 100% !important; }

.text-warning { color: #ffc107 !important; }
.text-danger { color: #dc3545 !important; }
.text-success { color: #198754 !important; }

.form-label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  min-height: auto;
  border-radius: 0.375rem;
}

.btn-dark {
  background: #212529;
  border-color: #212529;
  color: #fff;
}

.alert {
  position: relative;
  padding: 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.5rem;
}

.alert-success {
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc;
}

.alert-danger {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}

.forum-item .forum-box,
.forum-box {
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.dropdown {
  position: relative;
}

.dropdown-menu {
  display: none;
  position: absolute;
  z-index: 1000;
  min-width: 12rem;
  padding: 0.5rem 0;
  margin: 0;
  list-style: none;
  background-color: #fff;
  border: 1px solid rgba(24, 59, 86, 0.12);
  border-radius: 0.5rem;
  box-shadow: 0 8px 24px rgba(24, 59, 86, 0.12);
}

.dropdown-menu.show {
  display: block;
}

.dropdown-menu-center {
  left: 50%;
  transform: translateX(-50%);
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.4rem 1rem;
  clear: both;
  font-weight: 400;
  color: #183b56;
  text-decoration: none;
  white-space: nowrap;
  background: transparent;
  border: 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: #f8f9fc;
  color: #0a7ba3;
}

@media (min-width: 992px) {
  .dropdown-hover:hover > .dropdown-menu {
    display: block;
  }
}

#navbar .navbar-collapse.show {
  display: block !important;
}

@media (min-width: 992px) {
  #navbar .navbar-collapse.show {
    display: flex !important;
  }
}

/* —— Whois sonuç panelleri —— */
.whois-results__domain {
  font-size: 1rem;
}

.whois-grid {
  display: grid;
  gap: 1rem;
}

@media (min-width: 992px) {
  .whois-grid {
    grid-template-columns: 1.15fr 0.85fr;
    gap: 1.15rem;
    align-items: start;
  }
}

.whois-grid__side {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.whois-panel {
  background: #fff;
  border: 1px solid #d7e3ef;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(24, 59, 86, 0.05);
}

.whois-panel__head {
  background: #e8f1f8;
  padding: 0.7rem 1rem;
  border-bottom: 1px solid #d0deea;
}

.whois-panel__title {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: #183b56;
  line-height: 1.3;
}

.whois-panel__body {
  padding: 0;
  background: #fff;
}

.whois-dl {
  margin: 0;
}

.whois-dl__row {
  display: grid;
  grid-template-columns: minmax(8.5rem, 38%) 1fr;
  gap: 0.65rem 1rem;
  padding: 0.7rem 1rem;
  border-bottom: 1px solid #e6eef5;
  align-items: start;
}

.whois-dl__row:last-child {
  border-bottom: 0;
}

.whois-dl__row dt {
  margin: 0;
  font-weight: 700;
  color: #183b56;
  font-size: 0.92rem;
}

.whois-dl__row dd {
  margin: 0;
  color: #3d4f63;
  font-size: 0.92rem;
  word-break: break-word;
}

.whois-dl__row dd a {
  color: #0a7ba3;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.whois-badge {
  display: inline-block;
  padding: 0.28rem 0.7rem;
  border-radius: 0.35rem;
  font-weight: 700;
  font-size: 0.9rem;
  line-height: 1.25;
  color: #fff;
}

.whois-badge--expiry {
  background: #c0392b;
}

.whois-badge--created {
  background: #1e8449;
}

.whois-badge--updated {
  background: #2874a6;
}

.whois-days {
  display: block;
  margin-top: 0.35rem;
  font-size: 0.82rem;
  color: #5a6b7d;
}

.whois-ns__label {
  margin: 0;
  padding: 0.75rem 1rem 0.35rem;
  font-weight: 700;
  color: #183b56;
  font-size: 0.95rem;
}

.whois-ns__list {
  list-style: none;
  margin: 0;
  padding: 0 1rem 0.9rem;
}

.whois-ns__list li {
  padding: 0.4rem 0;
  border-bottom: 1px solid #e6eef5;
  color: #3d4f63;
  font-size: 0.92rem;
  word-break: break-all;
}

.whois-ns__list li:last-child {
  border-bottom: 0;
}

[data-bs-theme="dark"] .whois-panel {
  background: #242c34;
  border-color: #3a4558;
  box-shadow: none;
}

[data-bs-theme="dark"] .whois-panel__head {
  background: #2a3340;
  border-bottom-color: #3a4558;
}

[data-bs-theme="dark"] .whois-panel__title,
[data-bs-theme="dark"] .whois-dl__row dt,
[data-bs-theme="dark"] .whois-ns__label {
  color: #f3f5f7;
}

[data-bs-theme="dark"] .whois-panel__body {
  background: #242c34;
}

[data-bs-theme="dark"] .whois-dl__row,
[data-bs-theme="dark"] .whois-ns__list li {
  border-bottom-color: #3a4558;
}

[data-bs-theme="dark"] .whois-dl__row dd,
[data-bs-theme="dark"] .whois-ns__list li,
[data-bs-theme="dark"] .whois-days {
  color: #c5cdd6;
}

/* —— DNS sorgu sonuçları —— */
.dns-results__domain {
  font-size: 1rem;
}

.dns-results__filter {
  color: #5a6b7d;
  font-weight: 600;
}

.dns-panels {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.dns-table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
  font-size: 0.9rem;
}

.dns-table th,
.dns-table td {
  padding: 0.65rem 0.9rem;
  text-align: left;
  border-bottom: 1px solid #e6eef5;
  vertical-align: top;
  color: #3d4f63;
}

.dns-table th {
  font-weight: 700;
  color: #183b56;
  background: #f7fafc;
  white-space: nowrap;
}

.dns-table tr:last-child td {
  border-bottom: 0;
}

.dns-table__value {
  word-break: break-word;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.86rem;
}

[data-bs-theme="dark"] .dns-results__filter {
  color: #aeb6c0;
}

[data-bs-theme="dark"] .dns-table th {
  background: #2a3340;
  color: #f3f5f7;
}

[data-bs-theme="dark"] .dns-table th,
[data-bs-theme="dark"] .dns-table td {
  border-bottom-color: #3a4558;
  color: #c5cdd6;
}