/* ═══════════════════════════════════════════════════════════
   İŞ KONSEYLERİ — ik.css
═══════════════════════════════════════════════════════════ */
.page-id-1099 .entry-content.entry.clearfix {
    padding: 0;
}

.ik-bos { padding:40px; text-align:center; color:#999; font-size:14px; }

/* ── SLIDER ────────────────────────────────────────────── */
.ik-slider-outer {
    position: relative;
    margin-bottom: 40px;
    background: #f0ede6;
    padding: 0;
}

/* Oklar absolute — slide alanını daraltmaz */
.ik-slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 36px;
    height: 36px;
    background: rgba(255,255,255,.92);
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #2d5068;
    box-shadow: 0 2px 10px rgba(0,0,0,.18);
    transition: background .18s, color .18s, box-shadow .18s;
}
.ik-slider-arrow:hover {
    background: #2d5068;
    color: #fff;
    box-shadow: 0 4px 16px rgba(0,0,0,.28);
}
.ik-slider-prev { left: 10px; }
.ik-slider-next { right: 10px; }

.ik-slider-viewport { overflow: hidden; width: 100%; }
.ik-slider-track { display:flex; will-change:transform; }

.ik-slide-kart {
    flex-shrink: 0;
    box-sizing: border-box;
    padding: 0 2px;
}

.ik-slide-kart-link {
    display: block;
    text-decoration: none;
    overflow: hidden;
    border-radius: 0;
    /* Grup rengi JS ile style olarak verilecek — hover için CSS variable */
    --kart-renk: #4a6d7c;
    --kart-hover: #1a3a4a;
}

.ik-slide-kart-baslik {
    padding: 11px 10px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 1.35;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background inline style ile geliyor */
    transition: background .28s ease, filter .28s ease;
}

.ik-slide-kart-gorsel {
    aspect-ratio: 4/3;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    box-sizing: border-box;
    /* background inline style ile geliyor */
    transition: background .28s ease;
}
.ik-slide-kart-gorsel img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
    transition: transform .3s ease, filter .3s ease;
}
.ik-slide-kart-bos { width:100%; height:100%; }

/* Hover efekti — JS ile data-renk attribute'undan renk alıyoruz */
.ik-slide-kart-link:hover .ik-slide-kart-baslik {
    filter: brightness(1.18);
}

/* ── KONSEY GRID (grup içi) ────────────────────────────── */
.ik-grp-konsey-listesi {
    display:flex; flex-wrap:wrap; gap:16px;
    padding:32px 30px; border-top:1px solid #eef0f2;
}
.ik-konsey-kart {
    flex:0 0 calc(16.666% - 14px); min-width:140px;
    border:1px solid #dde4ea; border-radius:6px; overflow:hidden;
    transition:box-shadow .2s, transform .2s;
}
.ik-konsey-kart:hover { box-shadow:0 4px 16px rgba(0,0,0,.1); transform:translateY(-2px); }
.ik-konsey-kart-link { display:block; text-decoration:none; color:inherit; }
.ik-konsey-kart-img { aspect-ratio:16/10; overflow:hidden; background:#eef0f2; }
.ik-konsey-kart-img img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .25s; }
.ik-konsey-kart:hover .ik-konsey-kart-img img { transform:scale(1.04); }
.ik-konsey-kart-renk { aspect-ratio:16/10; width:100%; }
.ik-konsey-kart-body { padding:10px 12px; }
.ik-konsey-kart-ad { font-size:12.5px; font-weight:700; color:#1e2d38; margin:0; line-height:1.4; text-align:center; }

/* ── DETAY — BAŞLIK BANDI ──────────────────────────────── */
.ik-detay-wrap { font-family:inherit; }
.ik-detay-baslik-band {
    padding:20px 32px;
    display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px;
}
.ik-detay-baslik { font-size:19px; font-weight:700; color:#fff; margin:0; letter-spacing:.6px; }
.ik-detay-breadcrumb { font-size:13px; color:rgba(255,255,255,.8); }
.ik-detay-breadcrumb a { color:rgba(255,255,255,.8) !important; text-decoration:none; }
.ik-detay-breadcrumb a:hover { color:#fff; }
.ik-detay-breadcrumb span { margin:0 6px; }

/* ── DETAY — ŞIK TAB NAV ───────────────────────────────── */
.ik-detay-tabs-nav {
    display:flex;
    flex-wrap:wrap;
    background:#3a5f6f;
    padding:0 16px;
    border-bottom:3px solid rgba(255,255,255,.12);
    position:relative;
}
.ik-detay-tab-btn {
    position:relative;
    background:none; border:none;
    padding:14px 20px 12px;
    color:rgba(255,255,255,.65);
    font-size:13px; font-weight:600;
    cursor:pointer; white-space:nowrap;
    transition:color .2s;
    border-bottom:3px solid transparent;
    margin-bottom:-3px;
}
.ik-detay-tab-btn::after {
    content:'';
    position:absolute;
    left:50%; right:50%; bottom:-3px;
    height:3px;
    background:#fff;
    transition:left .2s, right .2s;
    border-radius:2px 2px 0 0;
}
.ik-detay-tab-btn:hover { color:rgba(255,255,255,.9); }
.ik-detay-tab-btn:hover::after { left:20%; right:20%; }
.ik-detay-tab-btn--active { color:#fff; }
.ik-detay-tab-btn--active::after { left:16px; right:16px; }

.ik-detay-tabs-body { padding:36px 32px; }
.ik-detay-tab-panel { display:none; }
.ik-detay-tab-panel--active { display:block; }
.ik-detay-icerik { font-size:15px; line-height:1.85; color:#333; margin-bottom:32px; }
.ik-detay-metin  { font-size:15px; line-height:1.85; color:#333; }

/* ── AKORDIYON ─────────────────────────────────────────── */
.ik-akordiyon { display:flex; flex-direction:column; gap:6px; }
.ik-akordiyon-item { border:1px solid #dde4ea; border-radius:6px; overflow:hidden; }
.ik-akordiyon-baslik {
    width:100%; background:#f7fafc; border:none; padding:15px 22px;
    text-align:left; font-size:14px; font-weight:600; color:#1e2d38;
    cursor:pointer; display:flex; align-items:center; gap:14px;
    transition:background .15s;
}
.ik-akordiyon-baslik:hover { background:#eef3f6; }
.ik-akordiyon-baslik--acik { background:#eef3f6; }
.ik-akordiyon-ikon { color:#4a6d7c; font-size:14px; flex-shrink:0; transition:transform .2s; }
.ik-akordiyon-baslik--acik .ik-akordiyon-ikon { transform:rotate(45deg); }
.ik-akordiyon-icerik { padding:18px 22px; font-size:14px; line-height:1.75; color:#445; border-top:1px solid #eef0f2; }

/* ── ÜYELER ────────────────────────────────────────────── */
.ik-uye-kartlar { display:flex; flex-wrap:wrap; gap:20px; }
.ik-uye-kart {
    flex:0 0 calc(16.666% - 17px); min-width:140px;
    border:1px solid #dde4ea; border-radius:6px; overflow:hidden; text-align:center;
    transition:box-shadow .2s;
}
.ik-uye-kart:hover { box-shadow:0 4px 14px rgba(0,0,0,.1); }
.ik-uye-kart-foto { aspect-ratio:1; overflow:hidden; background:#eef0f2; }
.ik-uye-kart-foto img { width:100%; height:100%; object-fit:cover; display:block; }
.ik-uye-kart-foto-bos { width:100%; height:100%; background:#dde4ea; }
.ik-uye-kart-alt { background:#2d5068; padding:10px 8px; }
.ik-uye-kart .ik-uye-kart-ad    { font-size:12px; font-weight:700; color:#fff; margin:0 0 4px; }
.ik-uye-kart-gorev { font-size:11px; color:rgba(255,255,255,.8); margin:0; }
.ik-uye-kart-firma { font-size:11px; color:#556; padding:7px 8px; margin:0; }
.ik-yk-wrap { padding:32px; border-top:1px solid #eef0f2; }

/* ── DİĞER İŞ KONSEYLERİ — ŞIK VERSİYON ──────────────── */
.ik-diger-wrap {
    position:relative;
    padding-top:0;
}

/* Dekoratif ayraç */
.ik-diger-ayrac {
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:32px;
    padding:0 30px;
}
.ik-diger-ayrac::before,
.ik-diger-ayrac::after {
    content:'';
    flex:1;
    height:1px;
    background:linear-gradient(to right, transparent, #c8bfb0, transparent);
}
.ik-diger-ayrac-ic {
    display:flex;
    align-items:center;
    gap:12px;
    white-space:nowrap;
}
.ik-diger-ayrac-ikon {
    width:36px; height:36px;
    background:#2d5068;
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    flex-shrink:0;
}
.ik-diger-ayrac-ikon svg { display:block; }
.ik-diger-baslik {
    font-size:20px; font-weight:700; color:#1e2d38;
    margin:0; letter-spacing:.3px;
}

/* İç alan */
.ik-diger-ic {
    background:#f7f5f0;
    border-top:1px solid #e5e0d5;
    border-bottom:1px solid #e5e0d5;
    padding:28px 30px 32px;
}

/* Tab navigasyonu — 5'li satır */
.ik-diger-tab-nav {
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap:1px;
    background:#d8d3ca;
    border:1px solid #d8d3ca;
    border-radius:6px;
    overflow:hidden;
    margin-bottom:28px;
    box-shadow:0 2px 8px rgba(0,0,0,.06);
}
.ik-diger-tab {
    background:#fff; border:none; padding:12px 8px;
    font-size:12.5px; font-weight:600; color:#445;
    cursor:pointer; text-align:center; line-height:2.4;
    transition:background .15s, color .15s;
}
.ik-diger-tab:hover { background:#f0ede6; color:#2d5068; }
.ik-diger-tab--active {
    background:#2d5068; color:#fff;
    position:relative;
}
.ik-diger-tab--active::after {
    content:'';
    position:absolute; bottom:-1px; left:50%; transform:translateX(-50%);
    border:6px solid transparent;
    border-top-color:#2d5068;
}

/* Kart listesi */
.ik-diger-kartlar {
    display:grid;
    grid-template-columns: repeat(6, 1fr);
    gap:16px;
}
.ik-diger-kart {
    text-align:center;
    transition: opacity .3s ease, transform .35s cubic-bezier(.4,0,.2,1);
    will-change: transform, opacity;
}
.ik-diger-kart.ik-kart-cikiyor {
    opacity: 0;
    transform: scale(.85);
    pointer-events: none;
}
.ik-diger-kart.ik-kart-geliyor {
    opacity: 0;
    transform: scale(.85);
}
.ik-diger-kart-link { display:block; text-decoration:none; color:inherit; }
.ik-diger-kart-img-wrap {
    overflow:hidden;
    border-radius:0;
    max-height: 105px;
    border:1px solid #dde4ea;
    background:#fff;
    margin-bottom:8px;
    transition:box-shadow .2s, transform .2s;
}
.ik-diger-kart:hover .ik-diger-kart-img-wrap {
    box-shadow:0 6px 20px rgba(0,0,0,.12);
    transform:translateY(-2px);
}
.ik-diger-kart-img-wrap img {
    width:100%; height:100%; object-fit:cover; display:block;
    transition:transform .25s;
}
.ik-diger-kart:hover .ik-diger-kart-img-wrap img { transform:scale(1.05); }
.ik-diger-kart-renk { width:100%; height:100%; }
.ik-diger-kart p { font-size:11.5px; color:#2d5068; margin:0; line-height:1.4; font-weight:600; }

/* ── RESPONSİVE ────────────────────────────────────────── */
@media (max-width:1200px) {
    .ik-konsey-kart,.ik-uye-kart { flex:0 0 calc(20% - 13px); }
    .ik-diger-kartlar { grid-template-columns:repeat(4,1fr); }
    .ik-diger-tab-nav { grid-template-columns:repeat(5,1fr); }
}
@media (max-width:900px) {
    .ik-konsey-kart { flex:0 0 calc(25% - 12px); }
    .ik-uye-kart { flex:0 0 calc(25% - 15px); }
    .ik-diger-kartlar { grid-template-columns:repeat(3,1fr); }
    .ik-diger-tab-nav { grid-template-columns:repeat(3,1fr); }
    .ik-detay-tabs-body { padding:24px 16px; }
    .ik-detay-baslik-band { padding:16px; }
    .ik-diger-ic { padding:20px 16px 24px; }
}
@media (max-width:640px) {
    .ik-konsey-kart { flex:0 0 calc(33.333% - 11px); }
    .ik-uye-kart { flex:0 0 calc(50% - 10px); }
    .ik-diger-kartlar { grid-template-columns:repeat(2,1fr); }
    .ik-diger-tab-nav { grid-template-columns:repeat(2,1fr); }
    .ik-detay-tab-btn { padding:12px 14px 10px; font-size:12px; }
}
@media (max-width:480px) {
    .ik-konsey-kart { flex:0 0 calc(50% - 8px); }
    .ik-diger-kartlar { grid-template-columns:repeat(2,1fr); }
}