/* ==========================================================================
   sponsorluk.html — sayfaya özel kurallar (style.css ve yazarlar.css'ten SONRA)
   Sayfa başlığı ve adım listesi (.page-head--facts, .steps) yazarlar.css'ten.
   ========================================================================== */

/* Adımlar: numarasız (kullanıcı isteği), yalnız ayırıcı çizgiler */
.steps--plain > li { padding-left: 0; }
.steps--plain > li::before { content: none; }

.section__head + .org-rows { margin-top: var(--space-5); }
.steps > li a { color: var(--ot-link); font-weight: 600; }
.page-head__facts a.facts__val { font-size: var(--step-0); word-break: break-word; }

/* Destekçi satırları (ana sayfadaki eski "Düzenleyenler ve Sponsorlar" bölümünden) */
.org-rows { margin: 0; border-bottom: 1px solid var(--ot-line); }
.org-row {
  display: grid; grid-template-columns: 15rem minmax(0, 1fr); gap: .5rem 2.5rem; align-items: center;
  padding-block: 1.25rem; border-top: 1px solid var(--ot-line);
}
.org-row dt { font-size: .75rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--ot-muted); }
.org-logo { display: inline-flex; flex-direction: column; font-size: 1.0625rem; font-weight: 700; line-height: 1.25; color: var(--ot-ink); }
.org-logo small { font-size: var(--step--2); font-weight: 500; color: var(--ot-muted); }

/* Sponsorluk çağrısı: sayfadaki tek koyu blok, renkler temayla birlikte tersine döner */
.org-cta {
  margin-top: 2.5rem; padding: 2rem 2.25rem; border-radius: var(--radius-lg);
  background: var(--ot-ink); color: var(--ot-bg);
  display: grid; grid-template-columns: minmax(0, 34rem); justify-items: start; gap: 1.5rem;
  position: relative; overflow: hidden; isolation: isolate;
}
.org-cta-art {
  position: absolute; inset: 0 0 0 auto; width: min(34rem, 65%); height: 100%; z-index: -1;
  color: var(--ot-bg); pointer-events: none;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 45%);
          mask-image: linear-gradient(to right, transparent, #000 45%);
}
.org-cta-art * { fill: none; stroke: currentColor; stroke-linecap: round; }
.org-cta-art .g-globe { stroke-width: 3; opacity: .6; }
.org-cta-art .g-thin { stroke-width: 1.25; opacity: .35; }
.org-cta-art .g-arc { stroke-width: 1.5; opacity: .45; }
.org-cta-art .g-arc--strong { stroke-width: 2.25; opacity: .5; }
.org-cta-art .g-dash { stroke-width: 1.5; stroke-dasharray: 5 6; opacity: .4; }
.org-cta-art .g-sq rect { fill: currentColor; stroke: none; opacity: .7; }
.org-cta-eyebrow { margin: 0 0 .375rem; font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; opacity: .7; }
.org-cta-title { margin: 0; font-size: var(--step-2); font-weight: 700; line-height: 1.25; color: inherit; }
.org-cta-note { margin: .625rem 0 0; max-width: 36rem; font-size: var(--step--1); line-height: 1.6; opacity: .8; }
.org-cta .btn { background: var(--ot-bg); color: var(--ot-ink); border-color: var(--ot-bg); min-height: 3rem; padding-inline: 1.25rem; }
.org-cta .btn:hover { background: transparent; color: var(--ot-bg); }
.org-cta .btn svg { width: 1rem; height: 1rem; transition: transform var(--dur); }
.org-cta .btn:hover svg { transform: translateX(3px); }
.org-cta .btn:focus-visible { outline-color: var(--ot-bg); }
@media (max-width: 53.75em) {
  .org-cta { grid-template-columns: minmax(0, 1fr); padding: 1.5rem; }
  .org-cta-art { width: 100%; opacity: .6; }
}
@media (max-width: 35em) {
  .org-row { grid-template-columns: minmax(0, 1fr); align-items: start; }
  .org-cta .btn { width: 100%; white-space: normal; }
}


@media print {
  .org-cta-art, .org-cta .btn { display: none !important; }
  .org-cta { background: none; color: inherit; border: 1px solid #999; }
}
