/* assets/css/pro.css  — minimal, kurumsal ve sade */

:root {
    --brand: #0d6efd;
    /* mavi buton */
    --text: #1e293b;
    /* koyu gri metin */
    --muted: #64748b;
    /* açıklama */
    --card: #ffffff;
    /* kart zemin */
    --bg: #f6f8fb;
    /* sayfa zemin */
    --border: #e5e7eb;
    /* kenarlık */
}

html,
body {
    color: var(--text);
    background: var(--bg);
}

#topbar {
    background: #0b1220;
    color: #cbd5e1
}

#topbar a {
    color: #e2e8f0
}

#header {
    border-bottom: 1px solid var(--border);
    background: #fff
}

.breadcrumbs {
    background: transparent;
    padding: 18px 0
}

.breadcrumbs h2 {
    font-weight: 700;
    margin: 4px 0 0;
    color: var(--text)
}

.breadcrumbs ol {
    margin: 0;
    color: var(--muted)
}

.breadcrumbs a {
    color: var(--brand)
}

.entry.hesaplama {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 18px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
}

.entry.hesaplama+.entry.hesaplama {
    margin-top: 18px
}

.entry .entry-title a {
    color: var(--text);
    text-decoration: none
}

.entry .entry-title a:hover {
    color: var(--brand)
}

.read-more .btn {
    border-radius: 10px;
    padding: .5rem .9rem
}

.table {
    --bs-table-striped-bg: transparent
}

.table th,
.table td {
    vertical-align: middle
}

.table caption {
    caption-side: top;
    color: var(--muted)
}

.btn-primary,
.btn.btn-primary {
    background: var(--brand) !important;
    border-color: var(--brand) !important;
}

.btn-primary:hover {
    filter: brightness(.95)
}

.back-to-top {
    background: var(--brand);
    box-shadow: 0 6px 18px rgba(13, 110, 253, .22);
}

/* Hesaplama tabloları için yumuşak zebra */
.tbl-tax thead th {
    background: #f3f6f9
}

.tbl-tax tbody tr:nth-child(odd) td {
    background: #f7fbff
}

.tbl-tax tbody tr:nth-child(even) td {
    background: #f6fff6
}

.tbl-tax .summary-row td {
    background: #e8f5e9 !important;
    font-weight: 700
}

/* Formlar */
.calc-form table td {
    padding: 6px 8px
}

.calc-form .form-control {
    height: 38px
}

.actions {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: .5rem
}

/* Kart görünümlü ay/poliçe kutuları (varsa) */
.card {
    border-color: var(--border)
}

.card-header {
    background: #f8fafc
}

/* Footer sadeleştirme */
#footer {
    background: #0b1220;
    color: #cbd5e1;
    border-top: 1px solid #0f172a
}

#footer a {
    color: #e2e8f0
}