@charset "utf-8";
/* blocks/site-page-content/style.css - İçerik Bloğu (sayfa/yazı/kategori/duyuru) */
.icb-section { padding: 48px 0; background: #ffffff; }

/* ── Genişlik: blok içi Bootstrap .container (sınırlı, responsive).
   Genişlik/yayılım kontrolü DIŞTAKİ ortak sistemden gelir (site geneliyle
   aynı desen): frontend render `.mbu-wrap.mbu-fluid .container` CSS'i,
   builder önizlemesi applyContainerModeToFrame enjeksiyonu. Bloğun içinde
   ikinci bir sarmalayıcı (icb-inner/container-fluid) YOK — tüm site-* bloklar
   gibi yalnız `.container` kullanılır. */
.icb-content { font-size: 16px; line-height: 1.8; color: #0f172a; word-break: break-word; }
.icb-content img { max-width: 100%; height: auto; border-radius: 8px; }
.icb-content h1, .icb-content h2, .icb-content h3, .icb-content h4 { margin: 1.2em 0 .6em; line-height: 1.3; }
.icb-content p { margin: 0 0 1em; }
.icb-content a { color: #2563eb; }
.icb-content table { width: 100%; border-collapse: collapse; margin-bottom: 1em; }
.icb-content table th, .icb-content table td { border: 1px solid #e2e8f0; padding: 8px 12px; }

.icb-detail-img-wrap { text-align: center; margin-bottom: 24px; }
.icb-detail-img { max-width: 100%; height: auto; border-radius: 10px; }

/* ── Kart listesi (services1 deseni) ──────────────────── */
.icb-card {
    display: flex; flex-direction: column;
    border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden;
    background: #ffffff; color: inherit; text-decoration: none;
    transition: box-shadow .2s ease;
}
.icb-card:hover { box-shadow: 0 10px 25px rgba(2, 6, 23, .08); }
.icb-card-img-wrap { overflow: hidden; }
.icb-card-img { width: 100%; height: 180px; object-fit: cover; display: block; }
.icb-card-body { padding: 16px 18px 20px; flex: 1 1 auto; }
.icb-card-date { font-size: 12px; color: #64748b; text-transform: uppercase; letter-spacing: .5px; margin: 0 0 8px; }
.icb-card-title { font-size: 18px; font-weight: 600; color: #0f172a; margin: 0 0 8px; }
.icb-card-desc { font-size: 14px; line-height: 1.6; color: #334155; margin: 0 0 14px; }
.icb-card-more { font-size: 13px; font-weight: 600; color: #1d4ed8; }

/* ── Sayfalama ─────────────────────────────────────────── */
.icb-pager { margin-top: 32px; text-align: center; }
.icb-pager-link {
    display: inline-block; min-width: 38px; padding: 8px 14px; margin: 0 3px;
    border: 1px solid #cbd5e1; border-radius: 8px;
    font-size: 14px; color: #334155; text-decoration: none;
    background: #ffffff; transition: all .18s;
}
.icb-pager-link:hover { border-color: #1d4ed8; color: #1d4ed8; }
.icb-pager-current { background: #1d4ed8; border-color: #1d4ed8; color: #ffffff; font-weight: 600; }

/* ── Placeholder (builder) & boş durum ────────────────── */
.icb-placeholder {
    text-align: center; padding: 48px 20px; color: #94a3b8;
    background: #f8fafc; border: 2px dashed #cbd5e1; border-radius: 12px;
}
.icb-placeholder svg { color: #b6c2d6; }
.icb-placeholder h3 { margin: 12px 0 6px; font-size: 18px; font-weight: 600; color: #475569; }
.icb-placeholder p { margin: 0 0 14px; font-size: 14px; color: #94a3b8; }
.icb-badge {
    display: inline-block; padding: 4px 12px; border-radius: 999px;
    background: #e0e7ff; color: #4338ca; font-size: 12px; font-weight: 600;
}
.icb-badge-mode { background: #dcfce7; color: #15803d; margin-left: 6px; }
.icb-content-empty { padding: 40px 20px; text-align: center; color: #94a3b8; font-size: 15px; }