/* Eticaret Radari premium polish layer.
   Loaded last on public pages to unify spacing, cards, CTAs and dense SEO pages. */

:root {
  --etr-ink: #101827;
  --etr-text: #243044;
  --etr-muted: #5b6472;
  --etr-soft: #f7f9fc;
  --etr-soft-2: #eef4f8;
  --etr-surface: #ffffff;
  --etr-border: #dfe6ef;
  --etr-border-strong: #cbd5e1;
  --etr-accent: #2563eb;
  --etr-accent-dark: #1d4ed8;
  --etr-accent-2: #0f766e;
  --etr-warm: #b45309;
  --etr-success: #15803d;
  --etr-shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);
  --etr-shadow-sm: 0 8px 18px rgba(15, 23, 42, .06);
  --etr-shadow-md: 0 16px 36px rgba(15, 23, 42, .09);
  --etr-shadow-lg: 0 24px 58px rgba(15, 23, 42, .12);
  --etr-radius: 8px;
}

html {
  text-rendering: optimizeLegibility;
}

body:not(.wp-admin) {
  color: var(--etr-text);
  background: var(--etr-soft);
}

:where(h1, h2, h3, h4, h5, h6, .h-h1, .h-section-h, .gv-h2, .ts-page-title, .ts-section-title, .ts-hero-title) {
  letter-spacing: 0 !important;
}

:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid rgba(37, 99, 235, .28);
  outline-offset: 3px;
}

:where(.gv-wrap, .ts-container, .ts-blog-container, .ts-content-wrap) {
  max-width: 1180px;
}

:where(.gv-section, .ts-section) {
  padding-top: 48px;
  padding-bottom: 48px;
}

:where(.gv-section, .ts-section, .h-cats, .h-top, .h-why, .ts-blog-main, .ts-page-content) {
  position: relative;
}

:where(.gv-section, .ts-section):empty {
  display: none;
}

/* Premium shell header */
.gv-site-header {
  background: rgba(255, 255, 255, .94) !important;
  border-bottom: 1px solid rgba(203, 213, 225, .78) !important;
  box-shadow: 0 1px 0 rgba(15, 23, 42, .04), 0 16px 36px rgba(15, 23, 42, .06) !important;
}

@supports (backdrop-filter: blur(12px)) {
  .gv-site-header {
    backdrop-filter: saturate(170%) blur(16px) !important;
  }
}

.gv-site-header-in {
  min-height: 64px;
}

.gv-site-header .gv-brand,
.gv-site-header a[aria-label*="Eticaret"] {
  color: var(--etr-ink) !important;
  gap: 11px !important;
  letter-spacing: 0 !important;
}

.gv-site-header .gv-brand-mark,
.gv-site-header a[aria-label*="Eticaret"] > span:first-child {
  width: 34px !important;
  height: 34px !important;
  line-height: 34px !important;
  border-radius: var(--etr-radius) !important;
  background: linear-gradient(135deg, var(--etr-accent-dark), var(--etr-accent-2)) !important;
  box-shadow: 0 10px 22px rgba(15, 118, 110, .20) !important;
}

.gv-nav {
  gap: 8px !important;
}

.gv-nav a {
  color: #334155 !important;
  border-radius: var(--etr-radius);
  padding: 8px 10px;
  line-height: 1.2;
  transition: background-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.gv-nav a:hover {
  background: #eef4ff;
  color: var(--etr-accent-dark) !important;
}

.gv-nav .gv-nav-cta,
.gv-nav > a:last-child {
  color: #fff !important;
  background: linear-gradient(135deg, var(--etr-accent-dark), var(--etr-accent-2)) !important;
  border-radius: var(--etr-radius) !important;
  box-shadow: var(--etr-shadow-sm);
}

.gv-nav .gv-nav-cta:hover,
.gv-nav > a:last-child:hover {
  transform: translateY(-1px);
  box-shadow: var(--etr-shadow-md);
}

.gv-menu-btn {
  border-radius: var(--etr-radius) !important;
  min-width: 42px;
  min-height: 42px;
}

/* Shared buttons */
:where(.gv-btn, .ts-btn, .hc-btn, .ix-btn, .mt-btn, .gscsm-btn) {
  border-radius: var(--etr-radius) !important;
  box-shadow: none;
  letter-spacing: 0 !important;
  min-height: 38px;
  text-wrap: balance;
}

:where(.gv-btn-p, .ts-btn-primary, .ts-btn-glow, .h-cta .gv-btn-p, .gscsm-btn-primary) {
  background: linear-gradient(135deg, var(--etr-accent-dark), var(--etr-accent-2)) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(37, 99, 235, .16) !important;
}

:where(.gv-btn-p, .ts-btn-primary, .ts-btn-glow, .gscsm-btn-primary):hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 34px rgba(37, 99, 235, .22) !important;
}

:where(.gv-btn-s, .ts-btn-outline, .ts-btn-ghost, .gscsm-btn-secondary) {
  background: #fff !important;
  color: var(--etr-accent-dark) !important;
  border: 1px solid rgba(37, 99, 235, .28) !important;
}

:where(.gv-btn-s, .ts-btn-outline, .ts-btn-ghost, .gscsm-btn-secondary):hover {
  background: #eef4ff !important;
  color: var(--etr-accent-dark) !important;
  border-color: rgba(37, 99, 235, .45) !important;
}

.ts-btn-icon {
  width: 40px;
  height: 40px;
  border-radius: var(--etr-radius) !important;
}

/* Premium home */
.h-hero {
  background:
    linear-gradient(135deg, rgba(15, 24, 39, .96) 0%, rgba(16, 40, 63, .96) 54%, rgba(12, 73, 69, .96) 100%),
    linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255, 255, 255, .05) 1px, transparent 1px) !important;
  background-size: auto, 48px 48px, 48px 48px !important;
  color: #fff;
  padding: 70px 0 64px !important;
}

.h-hero::before,
.h-hero::after,
.h-cta::before {
  display: none !important;
}

.h-eyebrow {
  background: rgba(255, 255, 255, .10) !important;
  border-color: rgba(255, 255, 255, .18) !important;
  border-radius: var(--etr-radius) !important;
  color: #dbeafe !important;
}

.h-h1 {
  max-width: 860px;
  font-size: 3.75rem !important;
  line-height: 1.04 !important;
  margin-bottom: 22px !important;
}

.h-h1 span {
  background: linear-gradient(135deg, #fde68a, #f59e0b) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.h-lede {
  color: #d4dde9 !important;
  font-size: 1.14rem !important;
  max-width: 720px !important;
}

.h-actions {
  gap: 12px !important;
}

.h-hero .gv-btn-s {
  background: rgba(255, 255, 255, .10) !important;
  border-color: rgba(255, 255, 255, .24) !important;
  color: #fff !important;
}

.h-trust {
  max-width: 920px;
  border-top-color: rgba(255, 255, 255, .14) !important;
}

.h-trust-i {
  min-width: 0;
}

.h-trust-i strong {
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  color: #fde68a !important;
}

.h-cats,
.h-top {
  background: var(--etr-soft) !important;
}

.h-section-head {
  margin-bottom: 30px !important;
}

.h-section-h {
  font-size: 2.15rem !important;
  color: var(--etr-ink) !important;
  line-height: 1.16 !important;
}

.h-section-sub {
  color: var(--etr-muted) !important;
  font-size: 1rem !important;
}

.h-cats-grid,
.h-top-grid,
.h-why-grid {
  gap: 16px !important;
}

.h-cat,
.h-top-card,
.h-why-c {
  border-radius: var(--etr-radius) !important;
  border: 1px solid var(--etr-border) !important;
  box-shadow: var(--etr-shadow-xs) !important;
}

.h-cat {
  padding: 24px !important;
  background: #fff !important;
}

.h-cat::before {
  height: 3px !important;
  background: linear-gradient(90deg, var(--etr-accent-dark), var(--etr-accent-2)) !important;
}

.h-cat:hover,
.h-top-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(37, 99, 235, .42) !important;
  box-shadow: var(--etr-shadow-md) !important;
}

.h-cat-em,
.h-why-c span {
  font-size: 2rem !important;
  margin-bottom: 12px !important;
}

.h-cat-stat,
.h-top-score,
.ts-score-badge,
.gscsm-score-badge {
  border-radius: var(--etr-radius) !important;
}

.h-cat-stat {
  background: #eef4ff !important;
  color: var(--etr-accent-dark) !important;
}

.h-top-card {
  padding: 22px !important;
}

.h-top-score {
  background: #e8f5ee !important;
  color: var(--etr-success) !important;
}

.h-why {
  background: #111827 !important;
}

.h-why-c {
  background: rgba(255, 255, 255, .055) !important;
  border-color: rgba(255, 255, 255, .14) !important;
  text-align: left !important;
}

.h-cta {
  background: linear-gradient(135deg, #10233f, #0f766e) !important;
}

.h-cta .gv-btn-p {
  background: #fff !important;
  color: var(--etr-ink) !important;
}

/* Theme page shells */
.ts-page-header,
.ts-hero,
.ts-blog-hero {
  border-radius: var(--etr-radius) !important;
  overflow: hidden;
}

.ts-page-header {
  background:
    linear-gradient(135deg, rgba(16, 24, 39, .96), rgba(21, 64, 92, .96)),
    linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px) !important;
  background-size: auto, 42px 42px !important;
  color: #fff;
  padding: 42px 34px !important;
  margin-bottom: 30px !important;
  box-shadow: var(--etr-shadow-sm);
}

.ts-page-header h1,
.ts-page-header .ts-page-title {
  color: #fff !important;
  font-size: 2.35rem !important;
  line-height: 1.12 !important;
  max-width: 920px;
}

.ts-page-header p,
.ts-page-header .ts-page-subtitle,
.ts-page-header .ts-page-description {
  color: #dbe4ef !important;
  max-width: 820px;
}

.ts-section {
  background: transparent;
}

.ts-section > h2,
.ts-section-title,
.ts-blog-section-title {
  color: var(--etr-ink) !important;
  line-height: 1.18 !important;
}

/* Cards and repeated items */
:where(
  .ts-card,
  .ts-provider-card,
  .ts-provider-card-v2,
  .ts-best-podium-card,
  .ts-best-segment-link,
  .ts-ct-provider-card,
  .ts-blog-card,
  .ts-blog-featured-card,
  .ts-blog-provider-card,
  .ts-vs-alt-card,
  .ts-alt-card,
  .ts-cat-card,
  .ts-category-card,
  .ts-tool-card,
  .ts-report-card,
  .ts-pm-card,
  .ts-rl,
  .ts-decision-summary,
  .gscsm-card,
  .gscsm-alt-card,
  .gscsm-meta-item,
  .gscsm-tabs,
  .gscsm-provider-block,
  .gscsm-cmp-card,
  .ix-find-card,
  .ix-card,
  .hc-card,
  .mg-card,
  .mig-step,
  .mt-card
) {
  border-radius: var(--etr-radius) !important;
  border-color: var(--etr-border) !important;
  box-shadow: var(--etr-shadow-xs) !important;
}

:where(
  .ts-card,
  .ts-provider-card,
  .ts-provider-card-v2,
  .ts-best-podium-card,
  .ts-ct-provider-card,
  .ts-blog-card,
  .ts-blog-featured-card,
  .ts-blog-provider-card,
  .ts-vs-alt-card,
  .ts-alt-card,
  .ts-cat-card,
  .ts-category-card,
  .ts-tool-card,
  .ts-report-card,
  .ts-pm-card,
  .gscsm-card,
  .gscsm-alt-card,
  .gscsm-provider-block,
  .gscsm-cmp-card,
  .ix-find-card,
  .ix-card,
  .hc-card,
  .mg-card,
  .mig-step,
  .mt-card
):hover {
  box-shadow: var(--etr-shadow-md) !important;
  border-color: rgba(37, 99, 235, .32) !important;
}

.ts-provider-card-v2,
.ts-provider-card,
.ts-ct-provider-card {
  background: #fff !important;
}

.ts-provider-card-v2::before,
.ts-provider-card::before,
.ts-best-podium-card::before {
  background: linear-gradient(90deg, var(--etr-accent-dark), var(--etr-accent-2)) !important;
}

.ts-provider-card-name,
.ts-best-name,
.ts-blog-card-title,
.ts-blog-featured-title,
.gscsm-card-title {
  color: var(--etr-ink) !important;
  letter-spacing: 0 !important;
}

.ts-provider-card-desc,
.ts-blog-card-excerpt,
.ts-blog-featured-excerpt,
.gscsm-card-desc {
  color: var(--etr-muted) !important;
}

.ts-provider-card-logo,
.ts-logo-placeholder,
.ts-best-logo,
.gscsm-logo-box {
  border-radius: var(--etr-radius) !important;
  background: #f8fafc !important;
  border: 1px solid var(--etr-border) !important;
}

.ts-provider-card-actions,
.ts-best-actions,
.ts-ct-action,
.gscsm-card-actions {
  gap: 10px !important;
}

/* Comparison and ranking surfaces */
.ts-best-podium {
  gap: 18px !important;
}

.ts-best-podium-card {
  padding: 22px !important;
  background: #fff !important;
}

.ts-best-rank {
  border-radius: var(--etr-radius) !important;
  background: #eef4ff !important;
  color: var(--etr-accent-dark) !important;
}

.ts-best-decision {
  border-radius: var(--etr-radius) !important;
  background: linear-gradient(135deg, #111827, #17324a) !important;
  box-shadow: var(--etr-shadow-md);
}

.ts-best-decision-card {
  border-radius: var(--etr-radius) !important;
}

.ts-best-table-wrap,
.ts-table-wrap,
.gscsm-table-wrap {
  border-radius: var(--etr-radius) !important;
  border: 1px solid var(--etr-border) !important;
  box-shadow: var(--etr-shadow-xs) !important;
  overflow: auto;
  background: #fff;
}

:where(.ts-best-table, .ts-table, .gscsm-table) {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}

:where(.ts-best-table, .ts-table, .gscsm-table) th {
  background: #f1f5f9 !important;
  color: #334155 !important;
  font-weight: 800 !important;
  border-bottom: 1px solid var(--etr-border) !important;
}

:where(.ts-best-table, .ts-table, .gscsm-table) td {
  border-bottom: 1px solid #eef2f7 !important;
}

:where(.ts-best-table, .ts-table, .gscsm-table) tr:last-child td {
  border-bottom: 0 !important;
}

.ts-ct-provider-card.ts-ct-selected-card {
  border-color: var(--etr-accent-dark) !important;
  background: #eef4ff !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .10) !important;
}

.ts-vs-alt-card,
.gscsm-alt-card {
  text-decoration: none;
}

/* Provider detail and injected premium modules */
.gscsm-meta-bar,
.gscsm-tabs,
.gv-money-strip,
.gv-feature-snapshot,
.gv-provider-verdict,
.gv-toc {
  border-radius: var(--etr-radius) !important;
}

.gscsm-tabs a,
.gv-toc a {
  border-radius: var(--etr-radius) !important;
}

.gv-provider-verdict {
  background: #f8fafc !important;
  border-color: var(--etr-border) !important;
}

.gscsm-warning,
.ts-warning,
.ts-note-box,
.ts-info-box {
  border-radius: var(--etr-radius) !important;
}

/* Blog and editorial pages */
.ts-blog-card,
.ts-blog-featured-card {
  background: #fff !important;
}

.ts-blog-card-meta,
.ts-blog-featured-meta,
.ts-post-meta {
  color: var(--etr-muted) !important;
}

.ts-blog-filter,
.ts-blog-search,
.ts-search-form,
.ts-filter-panel,
.ts-filter-bar {
  border-radius: var(--etr-radius) !important;
  border-color: var(--etr-border) !important;
  box-shadow: var(--etr-shadow-xs) !important;
  background: #fff !important;
}

:where(input[type="search"], input[type="text"], input[type="email"], input[type="number"], select, textarea) {
  border-radius: var(--etr-radius) !important;
  border-color: var(--etr-border-strong) !important;
}

:where(input[type="search"], input[type="text"], input[type="email"], input[type="number"], select, textarea):focus {
  border-color: var(--etr-accent) !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .12) !important;
}

/* Standalone SEO hubs when the theme CSS is present */
.ix-hero,
.mt-hero,
.hc-hero,
.mg-hero,
.rh-hero {
  background:
    linear-gradient(135deg, rgba(16, 24, 39, .97), rgba(15, 118, 110, .92)),
    linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px) !important;
  background-size: auto, 44px 44px !important;
}

.ix-hero h1,
.mt-hero h1,
.hc-hero h1,
.mg-hero h1,
.rh-hero h1 {
  letter-spacing: 0 !important;
}

.ix-find-card,
.hc-card,
.mg-card,
.mig-step,
.mt-card {
  background: #fff !important;
}

/* Footer and utility polish */
.ts-footer,
footer {
  border-top: 1px solid rgba(255, 255, 255, .06);
}

.ts-breadcrumbs,
.gscsm-breadcrumbs {
  color: var(--etr-muted) !important;
}

.ts-badge,
.ts-pill,
.gscsm-pill,
.gscsm-badge,
.ts-tag {
  border-radius: var(--etr-radius) !important;
}

.ts-floating-cta,
.gscsm-floating-cta {
  border-radius: var(--etr-radius) !important;
  box-shadow: var(--etr-shadow-lg) !important;
}

/* Mobile refinements */
@media (max-width: 900px) {
  .h-h1,
  .ts-page-header h1,
  .ts-page-header .ts-page-title {
    font-size: 2.2rem !important;
  }

  .h-section-h {
    font-size: 1.8rem !important;
  }

  .ts-page-header {
    padding: 34px 24px !important;
  }
}

@media (max-width: 760px) {
  :where(.gv-section, .ts-section) {
    padding-top: 34px;
    padding-bottom: 34px;
  }

  .gv-site-header-in {
    min-height: 58px;
    padding: 10px 16px !important;
  }

  .gv-nav.gv-nav-open {
    top: 58px !important;
    gap: 8px !important;
    padding: 12px 16px !important;
  }

  .gv-nav.gv-nav-open a {
    width: 100%;
    justify-content: flex-start;
    padding: 10px 12px;
  }

  .h-hero {
    padding: 46px 0 44px !important;
  }

  .h-h1,
  .ts-page-header h1,
  .ts-page-header .ts-page-title {
    font-size: 2rem !important;
    line-height: 1.12 !important;
  }

  .h-lede,
  .ts-page-header p,
  .ts-page-header .ts-page-subtitle,
  .ts-page-header .ts-page-description {
    font-size: .98rem !important;
  }

  .h-trust {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .h-actions,
  .ts-hero-actions,
  .ts-provider-card-actions,
  .ts-best-actions,
  .ts-ct-action,
  .gscsm-card-actions {
    align-items: stretch;
  }

  .h-actions .gv-btn,
  .ts-hero-actions .ts-btn,
  .ts-provider-card-actions .ts-btn,
  .ts-best-actions .ts-btn,
  .ts-ct-action .ts-btn,
  .gscsm-card-actions .gscsm-btn {
    width: 100%;
    justify-content: center;
    white-space: normal !important;
  }

  .h-cat,
  .h-top-card,
  .ts-provider-card,
  .ts-provider-card-v2,
  .ts-best-podium-card,
  .ts-ct-provider-card,
  .ts-blog-card,
  .ts-blog-featured-card {
    padding: 18px !important;
  }

  .ts-best-table-wrap,
  .ts-table-wrap,
  .gscsm-table-wrap {
    margin-left: -4px;
    margin-right: -4px;
  }
}

@media (max-width: 520px) {
  .h-trust {
    grid-template-columns: 1fr !important;
  }

  .h-h1,
  .ts-page-header h1,
  .ts-page-header .ts-page-title {
    font-size: 1.75rem !important;
  }

  .h-section-h {
    font-size: 1.55rem !important;
  }

  .ts-page-header {
    padding: 28px 18px !important;
  }
}