/* B2B statik sayfalar: sayfa altı Yasal sütunu, ödeme logoları, giriş/başvuru yasal bağlantıları, herkese açık bilgi sayfası (2026-10-17) */
.pay-badges { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; }
.pay-badges img { height: 28px; width: auto; border-radius: 4px; background: #fff; box-shadow: 0 0 0 1px rgba(0,0,0,.10); display: block; }
.foot-copy-inner { align-items: center; }
.foot-cols.has-yasal { grid-template-columns: 1.3fr .8fr .8fr .8fr .8fr; }
@media (max-width: 1200px) { .foot-cols.has-yasal { grid-template-columns: 1fr 1fr 1fr; } }
@media (max-width: 980px) { .foot-cols.has-yasal { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .foot-cols.has-yasal { grid-template-columns: 1fr; } .foot-copy-inner .pay-badges { justify-content: flex-start; } }

/* Giriş ve başvuru ekranı */
.login-legal { text-align: center; margin: .9rem 0 0; font-size: .74rem; line-height: 1.7; color: var(--lg-muted, #777); }
.login-legal a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.login-legal a:hover { color: var(--lg-text, #222); }
.login-legal .sep { opacity: .5; margin: 0 .35rem; }
.pay-badges.login-pay { justify-content: center; margin-top: .7rem; gap: .35rem; }
.pay-badges.login-pay img { height: 22px; }
.consent-box { margin-top: 1rem; display: grid; gap: .55rem; font-size: .84rem; line-height: 1.45; }
.consent-box label.consent { display: flex; gap: .55rem; align-items: flex-start; font-weight: 400; margin: 0; cursor: pointer; text-transform: none; letter-spacing: 0; }
.consent-box label.consent input { width: 1.05rem; height: 1.05rem; flex: 0 0 auto; margin: .15rem 0 0; padding: 0; accent-color: var(--nav); }
.consent-box label.consent a { text-decoration: underline; color: var(--nav); font-weight: 600; }
.consent-box .consent-opt { color: #666; }

/* Herkese açık bilgi sayfası (/sayfa/{slug}, giriş yapmadan) */
body.b2b-public { min-height: 100vh; display: flex; flex-direction: column; }
.pub-head { background: var(--card); border-bottom: 1px solid var(--line); }
.pub-head-in { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 72px; padding: .5rem 0; }
.pub-logo img { height: 48px; width: auto; display: block; }
.pub-logo strong { font-size: 1.2rem; letter-spacing: -.02em; }
.pub-head .btn { padding: .55rem 1rem; border-radius: .4rem; color: #fff; font-weight: 600; display: inline-block; }
.pub-main { flex: 1; padding: 1.6rem 0 2rem; width: min(900px, calc(100% - 2rem)); }
.pub-doc { padding: 1.6rem 1.8rem; line-height: 1.65; }
.pub-doc h1 { margin: 0 0 1rem; font-size: 1.5rem; color: var(--ink); }
.pub-doc h2, .pub-doc h3 { color: var(--nav); margin: 1.2rem 0 .5rem; font-size: 1.05rem; }
.pub-doc p { margin: 0 0 .75rem; }
.pub-doc ul, .pub-doc ol { margin: 0 0 .9rem; padding-left: 1.3rem; }
.pub-doc a { color: var(--nav); text-decoration: underline; }
.pub-doc .pub-upd { color: var(--muted); font-size: .8rem; margin-top: 1.4rem; }
[data-theme="dark"] .pub-doc h2, [data-theme="dark"] .pub-doc h3, [data-theme="dark"] .pub-doc a { color: color-mix(in srgb, var(--nav) 55%, #fff); }
.pub-foot { background: #121212; color: #9a9a9a; font-size: .8rem; }
.pub-foot-in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .8rem 1.2rem; padding: 1rem 0; }
.pub-foot nav { display: flex; flex-wrap: wrap; gap: .3rem 1rem; }
.pub-foot nav a { color: #c9c9c9; }
.pub-foot nav a:hover, .pub-foot nav a[aria-current] { color: #fff; text-decoration: underline; }
.pub-foot p { margin: 0; width: 100%; }
@media (max-width: 640px) { .pub-doc { padding: 1.1rem 1rem; } .pub-head-in { min-height: 60px; } .pub-logo img { height: 38px; } }
@media print { .pub-head, .pub-foot { display: none; } .pub-doc { border: 0; padding: 0; } }

/* Bekleme sayacı balonu: ödeme paneliyle çakışınca yer değiştirir (layout.php betiği) */
#floatingTimer { transition: opacity .2s; pointer-events: none; }
#floatingTimer.ft-sol { right: auto; left: 24px; }
#floatingTimer.ft-ust { bottom: auto; top: 96px; }
#floatingTimer.ft-soluk { opacity: .35; }
@media (max-width: 600px) {
  #floatingTimer { right: 12px; bottom: 12px; }
  #floatingTimer.ft-sol { left: 12px; transform-origin: bottom left; }
  #floatingTimer.ft-ust { top: 72px; transform-origin: top right; }
}