/* ============================================================
   PREMIUM INNER — iç sayfalar (ContentLayout) için cilalı katman.
   Ana sayfayla tutarlı; mevcut yapıyı hedefler, markup'a dokunmaz.
   Tüm dillerde (tr/en/ar/fr/az) ortak yüklenir. RTL uyumlu.
   ============================================================ */

:root {
    --rk-blue: #2563eb;
    --rk-blue-d: #1e3a8a;
    --rk-blue-l: #3b82f6;
}

/* ---- İçerik yumuşak girişi (her zaman görünür biter) ---- */
@keyframes rkInUp { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
.main-wrapper .rich-text-block { animation: rkInUp .6s ease both; }

/* ---- Breadcrumb / sayfa başlığı (hero) ---- */
.section-breadcrumb h1 {
    font-weight: 800 !important;
    letter-spacing: -.02em;
    font-size: clamp(1.9rem, 3.6vw, 2.9rem);
    line-height: 1.15;
    margin: 0 0 .25rem;
    text-shadow: 0 2px 26px rgba(0,0,0,.35);
}
/* Anchor (#sss vb.) hedefleri sabit header altında kalmasın */
.main-wrapper [id] { scroll-margin-top: 110px; }
.section-breadcrumb .breadcrumb {
    display: inline-flex; flex-wrap: wrap; align-items: center; gap: .5rem;
    margin-top: 1rem; padding: .5rem 1.1rem;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
.section-breadcrumb .breadcrumb a { color: #dbeafe; transition: color .2s; }
.section-breadcrumb .breadcrumb a:hover { color: #fff; }
/* Template'in ikon-font ayraç (::after content:"\ea6e", absolute) kuralı premium
   pill ile çakışıp metnin altına taşan ">" / "<" işaretleri bırakıyordu.
   Temiz, satır içi "›" ayracı ile değiştiriliyor; son öğede gizli. */
.section-breadcrumb .breadcrumb-item { display: inline-flex; align-items: center; }
.section-breadcrumb .breadcrumb-item::after {
    content: "\203A" !important;        /* › */
    position: static !important;
    left: auto !important;
    inset: auto !important;
    margin: 0 0 0 .55rem;
    font-family: inherit !important;
    font-weight: 400; font-size: .95em; line-height: 1;
    color: #cdddff; opacity: .75;
}
.section-breadcrumb .breadcrumb-item:last-of-type::after,
.section-breadcrumb .breadcrumb-item.active::after { content: "" !important; margin: 0 !important; display: none !important; }
html[dir="rtl"] .section-breadcrumb .breadcrumb-item::after { content: "\2039" !important; margin: 0 .55rem 0 0; }

/* ---- İçerik başlıkları: gradient aksan çubuğu ---- */
.rich-text-block h2 {
    position: relative;
    padding-left: 1rem;
    font-weight: 800;
    letter-spacing: -.01em;
    color: #0b1220;
    font-size: clamp(1.5rem, 2.6vw, 2rem);
    line-height: 1.25;
    margin: 2.2rem 0 1rem;
}
.rich-text-block h2::before {
    content: ""; position: absolute; left: 0; top: .2em; height: 1.1em;
    width: 5px; border-radius: 6px;
    background: linear-gradient(180deg, var(--rk-blue-l), var(--rk-blue-d));
}
.rich-text-block h3 { font-weight: 700; color: #14213d; font-size: clamp(1.2rem, 2vw, 1.5rem); line-height: 1.3; margin: 1.8rem 0 .6rem; }
.rich-text-block h4 { font-weight: 700; color: #1f2a44; font-size: 1.1rem; line-height: 1.35; margin: 1.2rem 0 .45rem; }
.rich-text-block p { line-height: 1.85; color: #44505f; margin: 0 0 1rem; }
/* İlk başlık üstte gereksiz boşluk yapmasın */
.rich-text-block > h2:first-child, .rich-text-block > h3:first-child { margin-top: .25rem; }

/* ---- Avantaj/kullanım listeleri: premium ✓ işareti ---- */
.rich-text-block ul { list-style: none; padding-left: 0; }
.rich-text-block ul > li {
    position: relative; padding-left: 2rem; margin: .6rem 0; line-height: 1.7; color: #44505f;
}
.rich-text-block ul > li::before {
    content: "\2713"; position: absolute; left: 0; top: .05em;
    display: inline-flex; align-items: center; justify-content: center;
    width: 1.35rem; height: 1.35rem; font-size: .72rem; font-weight: 800;
    color: #fff; background: linear-gradient(135deg, var(--rk-blue-l), var(--rk-blue));
    border-radius: 50%; box-shadow: 0 4px 10px -3px rgba(37,99,235,.5);
}
/* Sıralı listeler (uygulama adımları) sayılarını korur */
.rich-text-block ol { padding-left: 1.3rem; }
.rich-text-block ol > li { margin: .5rem 0; line-height: 1.7; color: #44505f; }

/* ---- FAQ akordeonları (<details>) — premium kart ---- */
.main-wrapper details {
    border: 1px solid #e6e9f0 !important;
    border-radius: 14px !important;
    background: #fff;
    padding: 0 !important;
    margin-bottom: .85rem !important;
    overflow: hidden;
    transition: box-shadow .25s ease, border-color .25s ease;
}
.main-wrapper details:hover { border-color: #c7d2fe !important; }
.main-wrapper details[open] {
    box-shadow: 0 14px 34px -18px rgba(37,99,235,.45);
    border-color: #bfdbfe !important;
}
.main-wrapper details > summary {
    list-style: none; cursor: pointer; position: relative;
    padding: 1.1rem 3rem 1.1rem 1.25rem;
    font-weight: 700; color: #14213d;
    transition: background .2s ease;
}
.main-wrapper details > summary::-webkit-details-marker { display: none; }
.main-wrapper details > summary::marker { content: ""; }
.main-wrapper details > summary:hover { background: #f6f8ff; }
.main-wrapper details > summary::after {
    content: "\002B"; /* + */
    position: absolute; right: 1.1rem; top: 50%; transform: translateY(-50%);
    display: inline-flex; align-items: center; justify-content: center;
    width: 1.6rem; height: 1.6rem; font-size: 1.1rem; font-weight: 700;
    color: var(--rk-blue); background: #eef2ff; border-radius: 8px;
    transition: transform .25s ease, background .25s ease, color .25s ease;
}
.main-wrapper details[open] > summary::after {
    content: "\2212"; /* − */
    background: var(--rk-blue); color: #fff; transform: translateY(-50%) rotate(180deg);
}
.main-wrapper details > summary + * ,
.main-wrapper details > p { padding: 0 1.25rem 1.15rem; margin: 0; color: #4b5563; line-height: 1.8; }

/* ---- Fiyat / bilgi tabloları — premium ---- */
.main-wrapper table {
    width: 100%; border-collapse: separate; border-spacing: 0;
    border-radius: 14px; overflow: hidden;
    box-shadow: 0 14px 40px -24px rgba(15,23,42,.4);
    border: 1px solid #e6e9f0 !important;
}
.main-wrapper table thead {
    background: linear-gradient(100deg, var(--rk-blue), var(--rk-blue-d)) !important;
}
.main-wrapper table thead th { color: #fff !important; font-weight: 700; padding: .95rem 1.25rem; text-align: left; }
.main-wrapper table tbody td { padding: .9rem 1.25rem; border-top: 1px solid #eef1f6; color: #44505f; }
.main-wrapper table tbody tr:nth-child(even) { background: #f8fafc; }
.main-wrapper table tbody tr:hover { background: #eff5ff; }

/* ---- Butonlar: yumuşak hover hissi ---- */
.main-wrapper .btn { transition: transform .25s ease, box-shadow .25s ease, background .2s ease, color .2s ease; }
.main-wrapper .btn:hover { transform: translateY(-2px); }

/* ---- Linkler (içerik) ---- */
.rich-text-block a:not(.btn) { color: var(--rk-blue); font-weight: 600; }
.rich-text-block a:not(.btn):hover { text-decoration: underline; }

/* ============================ RTL ============================ */
html[dir="rtl"] .rich-text-block h2 { padding-left: 0; padding-right: 1rem; }
html[dir="rtl"] .rich-text-block h2::before { left: auto; right: 0; }
html[dir="rtl"] .rich-text-block ul > li { padding-left: 0; padding-right: 2rem; }
html[dir="rtl"] .rich-text-block ul > li::before { left: auto; right: 0; }
html[dir="rtl"] .rich-text-block ol { padding-left: 0; padding-right: 1.3rem; }
html[dir="rtl"] .main-wrapper details > summary { padding: 1.1rem 1.25rem 1.1rem 3rem; }
html[dir="rtl"] .main-wrapper details > summary::after { right: auto; left: 1.1rem; }
html[dir="rtl"] .main-wrapper table thead th,
html[dir="rtl"] .main-wrapper table tbody td { text-align: right; }

/* ---- Hareket azaltma tercihi ---- */
@media (prefers-reduced-motion: reduce) {
    .main-wrapper .rich-text-block { animation: none; }
    .main-wrapper .btn:hover { transform: none; }
}