/* css/sayfa/sayfa.css — içerik sayfaları (/sayfa/<kalıcı-bağlantı>/) — 2026-10-04
   Şablon: temalar/efsaneweb/sayfa.php · Başlık şeridi (.page-header-bar) css/custom.css içindedir.
   Metinler admin panelinden HTML olarak girilir; aşağıdaki kurallar düz etiketleri (h2, h3, p, ul, ol, table) biçimler. */

.auk-sayfa { padding: 36px 0 64px; background: #f6f6f7; }
.auk-sayfa-duzen { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 28px; align-items: start; }
.auk-sayfa-duzen--tek { grid-template-columns: minmax(0, 1fr); }

/* --- Yan sütun: sayfa menüsü + destek kutusu --- */
.auk-sayfa-yan { position: sticky; top: 20px; display: grid; gap: 16px; }
.auk-sayfa-menu { padding: 18px 12px 12px; background: #ffffff; border: 1px solid #ececec; border-radius: 16px; }
.auk-sayfa-menu h2 { margin: 0 10px 10px; font-size: 11px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; color: #9a9a9a; }
.auk-sayfa-menu ul { margin: 0; padding: 0; list-style: none; }
.auk-sayfa-menu a { position: relative; display: block; padding: 10px 12px; font-size: .92rem; font-weight: 500; line-height: 1.35; color: #333333; text-decoration: none; border-radius: 10px; transition: background .15s, color .15s; }
.auk-sayfa-menu a:hover { color: #111111; background: #f6f6f7; }
.auk-sayfa-menu a.aktif { font-weight: 600; color: #E43131; background: #fdf1f1; }

.auk-sayfa-destek { padding: 20px; background: #ffffff; border: 1px solid #ececec; border-radius: 16px; }
.auk-sayfa-destek strong { display: block; margin-bottom: 6px; font-size: .95rem; font-weight: 700; color: #111111; }
.auk-sayfa-destek p { margin: 0 0 12px; font-size: .85rem; line-height: 1.55; color: #6b6b6b; }
.auk-sayfa-destek-tel { display: block; margin-bottom: 6px; font-size: 1.05rem; font-weight: 700; color: #111111; text-decoration: none; }
.auk-sayfa-destek-tel:hover { color: #E43131; }
.auk-sayfa-destek-bag { font-size: .85rem; font-weight: 600; color: #E43131; text-decoration: none; }
.auk-sayfa-destek-bag:hover { text-decoration: underline; }

/* --- Metin kartı --- */
.auk-sayfa-icerik { min-width: 0; padding: 36px 40px; font-size: .95rem; line-height: 1.75; color: #444444; background: #ffffff; border: 1px solid #ececec; border-radius: 16px; overflow-wrap: break-word; }
.auk-sayfa-icerik > :first-child { margin-top: 0; }
.auk-sayfa-icerik > :last-child { margin-bottom: 0; }
.auk-sayfa-icerik h2 { margin: 34px 0 12px; padding-bottom: 10px; font-size: 1.15rem; font-weight: 700; line-height: 1.35; color: #111111; border-bottom: 1px solid #ececec; }
.auk-sayfa-icerik h3 { margin: 24px 0 8px; font-size: 1rem; font-weight: 700; line-height: 1.4; color: #111111; }
.auk-sayfa-icerik h4 { margin: 20px 0 6px; font-size: .95rem; font-weight: 700; color: #111111; }
.auk-sayfa-icerik p { margin: 0 0 14px; font-size: inherit; line-height: inherit; color: inherit; }
.auk-sayfa-icerik strong, .auk-sayfa-icerik b { font-weight: 600; color: #1c1c1c; }
.auk-sayfa-icerik a { color: #E43131; text-decoration: underline; text-underline-offset: 2px; }
.auk-sayfa-icerik a:hover { color: #b71c1c; }
.auk-sayfa-icerik ul, .auk-sayfa-icerik ol { margin: 0 0 16px; padding-left: 22px; }
.auk-sayfa-icerik ul { list-style: disc; }
.auk-sayfa-icerik ol { list-style: decimal; }
.auk-sayfa-icerik li { margin-bottom: 6px; list-style: inherit; }
.auk-sayfa-icerik li::marker { color: #E43131; }
.auk-sayfa-icerik img { max-width: 100%; height: auto; border-radius: 12px; }
.auk-sayfa-icerik hr { margin: 28px 0; border: 0; border-top: 1px solid #ececec; opacity: 1; }

/* Giriş paragrafı, güncelleme satırı, bilgi kutusu */
.auk-sayfa-icerik .auk-sayfa-giris { font-size: 1.02rem; color: #333333; }
.auk-sayfa-icerik .auk-sayfa-guncel { display: inline-block; margin-bottom: 18px; padding: 5px 12px; font-size: .78rem; font-weight: 600; color: #6b6b6b; background: #f6f6f7; border-radius: 999px; }
.auk-sayfa-icerik .auk-sayfa-not { margin: 0 0 18px; padding: 14px 18px; font-size: .9rem; color: #333333; background: #f6f6f7; border-left: 3px solid #E43131; border-radius: 0 12px 12px 0; }
.auk-sayfa-icerik .auk-sayfa-not > :last-child { margin-bottom: 0; }

/* Tablo: dar ekranda yana kayar */
.auk-sayfa-icerik .auk-sayfa-tablo { margin: 0 0 18px; overflow-x: auto; border: 1px solid #ececec; border-radius: 12px; }
.auk-sayfa-icerik table { width: 100%; margin: 0; font-size: .9rem; border-collapse: collapse; }
.auk-sayfa-icerik th { padding: 11px 14px; font-size: 11px; font-weight: 700; letter-spacing: .6px; text-align: left; text-transform: uppercase; color: #8a8a8a; white-space: nowrap; background: #fafafa; border-bottom: 1px solid #ececec; }
.auk-sayfa-icerik td { padding: 11px 14px; vertical-align: top; color: #333333; border-bottom: 1px solid #f0f0f2; }
.auk-sayfa-icerik tr:last-child td { border-bottom: 0; }
.auk-sayfa-icerik td:first-child { font-weight: 600; color: #111111; }
.auk-sayfa-icerik .auk-sayfa-tablo--bilgi td:first-child { width: 190px; color: #6b6b6b; font-weight: 500; }

/* Boş / bulunamadı */
.auk-sayfa-bos { padding: 36px 10px; text-align: center; }
.auk-sayfa-icerik .auk-sayfa-bos h2 { margin: 0 0 8px; padding: 0; font-size: 1.25rem; border: 0; }
.auk-sayfa-bos p { color: #6b6b6b; }
.auk-sayfa-icerik .auk-sayfa-dugme { display: inline-block; margin-top: 8px; padding: 11px 26px; font-size: .9rem; font-weight: 600; color: #ffffff; text-decoration: none; background: #111111; border-radius: 999px; transition: background .15s; }
.auk-sayfa-icerik .auk-sayfa-dugme:hover { color: #ffffff; background: #E43131; }

@media (max-width: 991.98px) {
    .auk-sayfa { padding: 20px 0 44px; }
    .auk-sayfa-duzen { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .auk-sayfa-yan { position: static; display: contents; }
    /* menü: yana kayan tek satır */
    .auk-sayfa-menu { order: 1; padding: 0; background: none; border: 0; border-radius: 0; }
    .auk-sayfa-menu h2 { display: none; }
    .auk-sayfa-menu ul { position: relative; display: flex; gap: 8px; margin: 0 -15px; padding: 2px 15px 4px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
    .auk-sayfa-menu ul::-webkit-scrollbar { display: none; }
    .auk-sayfa-menu li { flex: none; }
    .auk-sayfa-menu a { padding: 9px 16px; font-size: .85rem; white-space: nowrap; background: #ffffff; border: 1px solid #ececec; border-radius: 999px; }
    .auk-sayfa-menu a.aktif { color: #ffffff; background: #111111; border-color: #111111; }
    .auk-sayfa-icerik { order: 2; padding: 24px 20px; font-size: .93rem; }
    .auk-sayfa-destek { order: 3; }
    .auk-sayfa-icerik h2 { margin-top: 28px; font-size: 1.08rem; }
    .auk-sayfa-icerik .auk-sayfa-tablo--bilgi td:first-child { width: 120px; }
}