/* =========================================================================
   SÜRÜM 2 — "SICAK"
   Yumuşak hatlar, serif başlıklar, yumuşak gölgeli paneller.
   Palet: sıcak krem zemin · yeşil marka (#006B3C) · soft brand yüzeyler
   Tipografi: Lora (başlık, serif) + DM Sans (gövde) — latin-ext
   ========================================================================= */

:root {
    --bg:            #FAF9F6;
    --bg-alt:        #F0F3F1;
    --surface:       #FFFFFF;
    --surface-2:     #FAFBF9;
    --surface-sunk:  #F2F6F3;

    --border:        #E6E4DF;
    --border-strong: #D3CFC6;
    --border-heavy:  #A9A399;

    --text:          #1C1C1C;
    --text-muted:    #5B5B5B;
    --text-faint:    #6E6E6E;

    --brand:         #006B3C;
    --brand-hover:   #00552F;
    --brand-on:      #FFFFFF;
    --brand-soft:    #DFF2E7;
    --brand-line:    #BFE4D2;

    --accent:        #4E7A52;
    --accent-on:     #FFFFFF;
    --accent-soft:   #E8F0E7;
    --accent-line:   #C7DBC5;

    --pos:           #1D6B3F;
    --pos-soft:      #E6F2EA;
    --neg:           #A82A22;
    --neg-soft:      #FBEAE8;
    --warn:          #8A5A00;
    --warn-soft:     #FCF1DC;

    --focus:         #006B3C;
    --shadow:        0 1px 2px rgba(0,0,0,.05), 0 4px 12px rgba(0,0,0,.05);
    --shadow-lift:   0 8px 26px rgba(0,0,0,.12);

    --r:             14px;
    --r-sm:          9px;
    --r-pill:        999px;
    --nav-h:         66px;
    color-scheme: light;
}

:root[data-theme="dark"] {
    --bg:            #000000;
    --bg-alt:        #121212;
    --surface:       #161616;
    --surface-2:     #1C1C1C;
    --surface-sunk:  #101512;

    --border:        #2A2A2A;
    --border-strong: #3D3D3D;
    --border-heavy:  #5C5C5C;

    --text:          #F1F0ED;
    --text-muted:    #A8A8A8;
    --text-faint:    #8C8C8C;

    --brand:         #17A863;
    --brand-hover:   #3FC17E;
    --brand-on:      #FFFFFF;
    --brand-soft:    #12301F;
    --brand-line:    #1F5C3C;

    --accent:        #8FBF95;
    --accent-on:     #123018;
    --accent-soft:   #16241A;
    --accent-line:   #2E4A34;

    --pos:           #4FBE79;
    --pos-soft:      #14291D;
    --neg:           #F0736A;
    --neg-soft:      #2E1613;
    --warn:          #E0AC4E;
    --warn-soft:     #2A2110;

    --focus:         #17A863;
    --shadow:        0 1px 2px rgba(0,0,0,.35), 0 4px 14px rgba(0,0,0,.30);
    --shadow-lift:   0 10px 30px rgba(0,0,0,.55);
    color-scheme: dark;
}

/* ---------- Tipografi ---------- */
body {
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    line-height: 1.6;
}

.page-title, .tool-header h2, .static-content h3, .service-card h4,
.faq-q-text, .bilgi-card-title, .hp-group-name, .logo-text {
    font-family: 'Lora', Georgia, 'Times New Roman', serif;
}

.page-title { font-weight: 600; letter-spacing: -0.02em; font-size: 2.25rem; }
.tool-header h2 { font-weight: 600; letter-spacing: -0.015em; }
.static-content h3 { font-weight: 600; letter-spacing: -0.01em; }
.service-card h4 { font-weight: 600; }
.faq-q-text { font-weight: 600; font-size: 1.06rem; }
.logo-dark, .logo-blue { font-weight: 700; }

.mono, table.rate-table td, table.hp-table td.hp-t-code, .hp-t-code, .hp-result-card .hp-code,
.result-value, table.data-table td {
    font-family: 'DM Sans', -apple-system, sans-serif;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.01em;
}
input { font-family: 'DM Sans', -apple-system, sans-serif; }
select { font-family: 'DM Sans', -apple-system, sans-serif; }

/* ---------- Yumuşatılmış hatlar ---------- */
header.site-header {
    background: color-mix(in srgb, var(--bg) 88%, transparent);
    backdrop-filter: saturate(160%) blur(14px);
    -webkit-backdrop-filter: saturate(160%) blur(14px);
    border-bottom: 1px solid var(--border);
}

nav.main-nav { gap: 2px; }
nav.main-nav a { border-radius: var(--r-pill); border-bottom: none; padding: 8px 15px; }
nav.main-nav a.active { background: var(--brand); color: #ffffff; font-weight: 600; }
nav.main-nav a.active:hover { background: var(--brand-hover); color: #ffffff; }

.icon-btn { border-radius: var(--r-pill); width: 38px; height: 38px; }

/* Izgaralar: hat yerine boşluk + gölge */
.tools-grid, .service-grid {
    background: transparent;
    border: none;
    border-radius: 0;
    overflow: visible;
    gap: 14px;
}

.tool-row, .service-card {
    margin: 0;
    border: 1px solid var(--border);
    border-radius: var(--r);
    box-shadow: var(--shadow);
    background: var(--surface);
    transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.tool-row { padding: 22px; }
.tool-row:hover, .service-card:hover {
    box-shadow: var(--shadow-lift);
    transform: translateY(-3px);
    border-color: var(--brand-line);
    background: var(--surface);
}
.tool-row .tool-no, .service-card .icon { border-radius: var(--r-sm); }
.tool-row .tool-name { font-weight: 700; }

.card {
    box-shadow: var(--shadow);
    border-color: var(--border);
    padding: 24px;
}

.section-title {
    margin: -24px -24px 20px;
    padding: 14px 24px;
    border-radius: var(--r) var(--r) 0 0;
    background: var(--surface-sunk);
    letter-spacing: 0.07em;
}
.section-title::before { border-radius: var(--r-pill); width: 4px; height: 14px; }

input, select { border-radius: 10px; padding: 11px 13px; }
input:focus, select:focus { box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 20%, transparent); }

button.btn, .hp-search-row .btn-search, .btn-ghost, .services-cta .btn-white {
    border-radius: var(--r-pill);
}
button.btn { padding: 12px 26px; box-shadow: 0 2px 8px color-mix(in srgb, var(--brand) 28%, transparent); }
button.btn:hover { box-shadow: 0 4px 14px color-mix(in srgb, var(--brand) 34%, transparent); }

.page-kicker, .faq-tag, .rate-updated, .placeholder-tag, .hp-result-card .hp-class {
    border-radius: var(--r-pill);
}
.page-kicker { background: none; border-color: var(--text); color: var(--text); }
.page-kicker .dot { border-radius: 50%; background: var(--text); }

.result-box {
    border-radius: var(--r);
    border: 1px solid var(--brand-line);
    border-left: 4px solid var(--brand);
    background: var(--brand-soft);
    padding: 6px 20px;
}
.result-row { border-bottom-color: color-mix(in srgb, var(--brand) 14%, transparent); }
.result-row.total { border-top-color: color-mix(in srgb, var(--brand) 26%, transparent); }

.notes, .info-box { border-radius: var(--r); border-left-width: 4px; }
.table-container { border-radius: var(--r); border-color: var(--border); }
table.data-table th { border-bottom-color: var(--border-strong); }

/* SSS: ayrık, gölgeli paneller */
.faq-toolbar { border-radius: var(--r); box-shadow: var(--shadow); border-color: var(--border); padding: 18px 20px; }
.faq-search-input, .faq-sort-select { border-radius: 10px; }

.faq-list { background: transparent; border: none; border-radius: 0; overflow: visible; gap: 12px; }
.faq-item, .bilgi-card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r);
    box-shadow: var(--shadow);
    overflow: hidden;
    transition: box-shadow .2s ease, border-color .2s ease;
}
.faq-item:last-child { border-bottom: 1px solid var(--border); }
.faq-item.open, .bilgi-card:hover { border-color: var(--brand-line); box-shadow: var(--shadow-lift); }
.bilgi-card { padding: 22px 24px; }
.faq-q { padding: 18px 22px; }
.faq-a { margin-left: 22px; padding-left: 18px; border-left-color: var(--brand-line); }
.faq-chev { border-radius: var(--r-pill); }

/* Hesap planı */
.hp-groups { border: none; border-radius: 0; overflow: visible; display: flex; flex-direction: column; gap: 10px; }
.hp-group {
    border: 1px solid var(--border);
    border-radius: var(--r);
    overflow: hidden;
    box-shadow: var(--shadow);
    background: var(--surface);
}
.hp-group:last-child { border-bottom: 1px solid var(--border); }
.hp-group.open { border-color: var(--brand-line); }
.hp-group-num { border-radius: var(--r-pill); font-family: 'DM Sans', sans-serif; }
.hp-result-card { border-radius: var(--r); border: 1px solid var(--brand-line); border-left: 4px solid var(--brand); background: var(--brand-soft); }
.hp-search-row .btn-search { height: 42px; }
mark.hp-mark { border-radius: 4px; }

/* Hizmetler CTA */
.services-cta { border-radius: var(--r); padding: 26px 30px; }
footer { border-top: 1px solid var(--border); }