/* kilavuz_ortak.css — Kullanım kılavuzu sayfaları (kullanıcı + satıcı) ortak görünüm */
:root {
    --k-lacivert: #0f3554;
    --k-mavi: #2f80c4;
    --k-zemin: #f4f6f9;
    --k-kart: #ffffff;
    --k-cizgi: #e0e6eb;
    --k-yazi: #263340;
    --k-soluk: #6b7a88;
    --k-vurgu: #fff3a3;
}
body { background: var(--k-zemin); color: var(--k-yazi); }

.k-ust { position: sticky; top: 0; z-index: 1030; background: var(--k-lacivert); color: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.15); }
.k-ust .k-baslik { font-weight: 700; font-size: 1.05rem; white-space: nowrap; }
.k-ust .k-ara-kutu { position: relative; flex: 1; max-width: 560px; }
.k-ust .k-ara-kutu input { padding-left: 38px; border-radius: 999px; border: 0; height: 40px; }
.k-ust .k-ara-kutu .k-ara-ikon { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); color: #7c8a96; pointer-events: none; }
.k-ust .k-ara-kutu .k-temizle { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); border: 0; background: #e9eef3; color: #465563; border-radius: 999px; width: 26px; height: 26px; line-height: 26px; padding: 0; display: none; }
.k-ust .k-ara-kutu.dolu .k-temizle { display: block; }
.k-ust .btn-light { white-space: nowrap; }
.k-ara-bilgi { font-size: 13px; color: var(--k-soluk); }

.k-yan { position: sticky; top: 76px; max-height: calc(100vh - 90px); overflow-y: auto; font-size: 14px; }
.k-yan a { display: block; color: var(--k-yazi); text-decoration: none; padding: 5px 10px; border-radius: 6px; border-left: 3px solid transparent; }
.k-yan a:hover { background: #e9eef3; }
.k-yan a.aktif { background: #e3eefa; border-left-color: var(--k-mavi); font-weight: 600; color: var(--k-lacivert); }
.k-yan a.gizli { display: none; }
.k-yan .k-yan-sayi { float: right; font-size: 11px; background: var(--k-mavi); color: #fff; border-radius: 999px; padding: 1px 7px; margin-top: 2px; }

.k-bolum { scroll-margin-top: 80px; margin-bottom: 34px; }
.k-bolum > h2 { color: var(--k-lacivert); font-size: 1.45rem; font-weight: 700; border-bottom: 3px solid var(--k-mavi); padding-bottom: 8px; margin-bottom: 14px; }
.k-bolum > .k-ozet { color: var(--k-soluk); margin-top: -6px; margin-bottom: 14px; }

.kart { background: var(--k-kart); border: 1px solid var(--k-cizgi); border-radius: 10px; padding: 16px 20px; margin-bottom: 12px; scroll-margin-top: 80px; }
.kart > h3 { font-size: 1.08rem; font-weight: 700; color: var(--k-lacivert); margin-bottom: 10px; }
.kart > h3 .k-link { opacity: 0; font-size: 13px; margin-left: 6px; text-decoration: none; color: var(--k-soluk); }
.kart:hover > h3 .k-link { opacity: 1; }
.kart p:last-child, .kart ul:last-child, .kart ol:last-child { margin-bottom: 0; }
.kart.gizli, .k-bolum.gizli { display: none; }
.kart:target { box-shadow: 0 0 0 3px rgba(47,128,196,.35); }

ol.adimlar { counter-reset: adim; list-style: none; padding-left: 0; }
ol.adimlar > li { counter-increment: adim; position: relative; padding-left: 40px; margin-bottom: 9px; min-height: 28px; }
ol.adimlar > li::before { content: counter(adim); position: absolute; left: 0; top: 0; width: 28px; height: 28px; border-radius: 50%; background: var(--k-lacivert); color: #fff; font-weight: 700; font-size: 13px; text-align: center; line-height: 28px; }

.ipucu, .uyari, .onemli { border-radius: 8px; padding: 10px 14px; margin: 10px 0; font-size: 14.5px; }
.ipucu { background: #eaf6ee; border-left: 4px solid #2e9e5b; }
.uyari { background: #fff6e5; border-left: 4px solid #f0a020; }
.onemli { background: #fdecec; border-left: 4px solid #d9534f; }
.ipucu::before { content: "💡 İpucu: "; font-weight: 700; }
.uyari::before { content: "⚠ Dikkat: "; font-weight: 700; }
.onemli::before { content: "⛔ Önemli: "; font-weight: 700; }

.dugme { display: inline-block; background: #eef2f6; border: 1px solid #cfd8e1; border-radius: 5px; padding: 0 7px; font-size: 13px; font-weight: 600; white-space: nowrap; color: #1d3b56; }
.yol { font-weight: 600; color: var(--k-lacivert); }
kbd { background: #263340; }

table.k-tablo { width: 100%; font-size: 14px; margin: 8px 0; }
table.k-tablo th { background: #eef2f6; }
table.k-tablo th, table.k-tablo td { border: 1px solid var(--k-cizgi); padding: 6px 10px; vertical-align: top; }

.k-hizli { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 10px; margin-bottom: 26px; }
.k-hizli a { background: #fff; border: 1px solid var(--k-cizgi); border-radius: 10px; padding: 12px 14px; text-decoration: none; color: var(--k-yazi); display: block; transition: .15s; }
.k-hizli a:hover { border-color: var(--k-mavi); box-shadow: 0 3px 12px rgba(15,53,84,.1); transform: translateY(-1px); }
.k-hizli a b { display: block; color: var(--k-lacivert); margin-bottom: 2px; }
.k-hizli a span { font-size: 13px; color: var(--k-soluk); }

.k-etiketler { margin: 4px 0 14px; }
.k-etiketler button { border: 1px solid #cfd8e1; background: #fff; border-radius: 999px; font-size: 13px; padding: 3px 11px; margin: 0 4px 6px 0; color: #34495e; }
.k-etiketler button:hover { background: #e3eefa; border-color: var(--k-mavi); }

mark.k-isaret { background: var(--k-vurgu); padding: 0 1px; border-radius: 2px; }
#kSonucYok { display: none; }

.k-yukari { position: fixed; left: 20px; bottom: 20px; z-index: 900; display: none; border-radius: 999px; box-shadow: 0 4px 14px rgba(0,0,0,.2); }

@media (max-width: 767px) {
    table.k-tablo { display: block; overflow-x: auto; }
    .kart { padding: 14px 14px; }
    .kart code { word-break: break-all; }
}
@media (max-width: 991px) {
    .k-yan { position: static; max-height: none; }
    .k-ust .k-baslik { display: none; }
}
@media print {
    .k-ust, .k-yan-sutun, .ai-kutu, .k-yukari, .k-etiketler, .k-hizli { display: none !important; }
    .kart { break-inside: avoid; border-color: #bbb; }
    .kart.gizli, .k-bolum.gizli { display: block !important; }
    body { background: #fff; }
}