/**
 * Tema paketi — tüm site yüzeyi (WordPress benzeri tam kaplama).
 * Yalnızca body.tt-preset-active ile sınırlı; Bootstrap ile uyumlu override.
 */

body.tt-preset-active .card:not(.product-card) {
  background-color: var(--tt-surface);
  color: var(--tt-text);
  border-color: var(--tt-border);
}

body.tt-preset-active .card-header {
  background: var(--tt-heading-bg) !important;
  color: var(--tt-text) !important;
}

body.tt-preset-active .table {
  --bs-table-bg: var(--tt-surface);
  --bs-table-color: var(--tt-text);
  border-color: var(--tt-border);
}

body.tt-preset-active .table thead th {
  background: var(--tt-heading-bg);
  color: var(--tt-text);
  border-color: var(--tt-border);
}

body.tt-preset-active .breadcrumb {
  background: transparent;
}

body.tt-preset-active .breadcrumb-item,
body.tt-preset-active .breadcrumb-item a {
  color: var(--tt-text-muted) !important;
}

body.tt-preset-active .breadcrumb-item.active {
  color: var(--tt-text) !important;
}

body.tt-preset-active .pagination .page-link {
  background-color: var(--tt-surface);
  border-color: var(--tt-border);
  color: var(--tt-link);
}

body.tt-preset-active .pagination .page-item.active .page-link {
  background-color: var(--tt-primary);
  border-color: var(--tt-primary);
  color: #fff;
}

body.tt-preset-active .form-control,
body.tt-preset-active .form-select {
  background-color: var(--tt-surface);
  border-color: var(--tt-border);
  color: var(--tt-text);
}

body.tt-preset-active .form-control:focus,
body.tt-preset-active .form-select:focus {
  border-color: var(--tt-primary);
  box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.22);
}

body.tt-preset-active .list-group-item {
  background-color: var(--tt-surface);
  border-color: var(--tt-border);
  color: var(--tt-text);
}

body.tt-preset-active .modal-content {
  background-color: var(--tt-surface);
  color: var(--tt-text);
  border-color: var(--tt-border);
}

body.tt-preset-active .modal-header,
body.tt-preset-active .modal-footer {
  border-color: var(--tt-border);
}

body.tt-preset-active .alert-secondary,
body.tt-preset-active .bg-light {
  background-color: var(--tt-heading-bg) !important;
  color: var(--tt-text) !important;
  border-color: var(--tt-border) !important;
}

body.tt-preset-active .border,
body.tt-preset-active .border-bottom,
body.tt-preset-active .border-top {
  border-color: var(--tt-border) !important;
}

body.tt-preset-active .text-dark {
  color: var(--tt-text) !important;
}

body.tt-preset-active .sliding-banner {
  background: var(--tt-heading-bg) !important;
  color: var(--tt-text) !important;
  border-color: var(--tt-border) !important;
}

body.tt-preset-active .nav-secondary,
body.tt-preset-active .category-nav-bar {
  background: var(--tt-heading-bg) !important;
  border-color: var(--tt-border) !important;
}

body.tt-preset-active .badge.bg-secondary {
  background-color: var(--tt-secondary) !important;
}

body.tt-preset-active .btn-outline-primary {
  color: var(--tt-primary);
  border-color: var(--tt-primary);
}

body.tt-preset-active .btn-outline-primary:hover {
  background-color: var(--tt-primary);
  color: #fff;
}

body.tt-preset-active .btn-outline-secondary {
  border-color: var(--tt-border);
  color: var(--tt-text-muted);
}

body.tt-preset-active h1,
body.tt-preset-active .display-1,
body.tt-preset-active .display-2,
body.tt-preset-active .display-3,
body.tt-preset-active .display-4,
body.tt-preset-active .display-5,
body.tt-preset-active .display-6 {
  color: var(--tt-text);
}

body.tt-preset-active main a.text-dark,
body.tt-preset-active main .link-dark {
  color: var(--tt-link) !important;
}