/* Kurumsal sayfalar düzeni — includes/corp-layout.php (2026-10-02, kullanıcının referansı).
   Solda yapışkan "Kurumsal" menü kartı, sağda içerik; sayfaların mevcut .section blokları beyaz kartlara dönüşür. */
.cp-wrap { padding: 30px 0 80px; }
.cp-grid { display: grid; grid-template-columns: 330px minmax(0, 1fr); gap: 30px; align-items: start; }

/* Sol menü */
.cp-side { position: sticky; top: 130px; }
.cp-side-card { background: #fff; border: 1px solid #edf1ee; border-radius: 28px; box-shadow: 0 24px 50px -36px rgba(15, 23, 42, .4); overflow: hidden; }
.cp-side-h { display: flex; align-items: center; gap: 12px; padding: 26px 26px 22px; border-bottom: 1px solid #eef2ef;
    color: #156a40; font: 800 1.35rem/1.2 var(--font-heading, 'Poppins', sans-serif); }
.cp-side-h i { font-size: 1.25rem; }
.cp-nav { display: flex; flex-direction: column; padding: 10px 12px 12px; gap: 2px; }
.cp-nav a { display: flex; align-items: center; gap: 12px; padding: 14px 14px; border-radius: 16px; color: #1e293b; font-weight: 700; font-size: .95rem;
    line-height: 1.3; transition: background .2s, color .2s; }
.cp-nav a .cp-ic { width: 18px; text-align: center; color: #94a3b8; font-size: .92rem; flex-shrink: 0; transition: color .2s; }
.cp-nav a span { flex: 1; min-width: 0; }
.cp-nav a .cp-go { color: #94a3b8; font-size: .8rem; transition: transform .2s, color .2s; }
.cp-nav a:hover { background: #f4f8f5; color: #156a40; }
.cp-nav a:hover .cp-go { transform: translateX(3px); color: #1b7a4a; }
.cp-nav a.is-on { background: #eaf5ee; color: #156a40; }
.cp-nav a.is-on .cp-ic, .cp-nav a.is-on .cp-go { color: #1b7a4a; }

/* Sağ içerik: sayfaların bölümleri beyaz kart */
.cp-main > section, .cp-main > .cp-card {
    background: #fff !important;
    border: 1px solid #edf1ee;
    border-radius: 28px;
    box-shadow: 0 24px 50px -36px rgba(15, 23, 42, .4);
    padding: 36px 38px !important;
    margin: 0 0 24px;
    overflow: hidden;
}
.cp-main > section:last-child, .cp-main > .cp-card:last-child { margin-bottom: 0; }
.cp-main .container { max-width: none !important; width: auto !important; padding: 0 !important; margin: 0 !important; }
.cp-main .section-title { font-size: clamp(1.6rem, 2.4vw, 2.15rem) !important; line-height: 1.2 !important; margin-bottom: 1rem !important; }
.cp-main [style*="margin-bottom: 5rem"], .cp-main [style*="margin-bottom: 10rem"] { margin-bottom: 2rem !important; }
.cp-main [style*="margin-bottom: 2.5rem"] { margin-bottom: 1.6rem !important; }
.cp-main .grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
/* Koyu bölümler (ör. Hedef ve Strateji → "Nasıl Başaracağız?") kendi zeminini korur */
.cp-main > section.hs-how-section { background: #12432c !important; border-color: #12432c; }
.cp-main .hs-how { grid-template-columns: repeat(2, minmax(0, 1fr)); }

/* İçerik kartı yardımcıları (Biz Kimiz gibi yeniden yazılan sayfalar) */
.cp-hero-img { display: block; width: 100%; aspect-ratio: 16 / 8; object-fit: cover; border-radius: 22px; margin: 0 0 30px; background: #eef2ef; }
.cp-kicker { display: inline-block; padding: 6px 14px; border-radius: 999px; background: #e9f6ee; color: #1b7a4a; font-size: .76rem; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 12px; }
.cp-main .cp-h2 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 800; color: #0f172a; letter-spacing: -.6px; line-height: 1.2; margin: 0 0 16px; }
.cp-text p { color: #475569; font-size: 1.04rem; line-height: 1.85; margin: 0 0 16px; }
.cp-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 22px; }
.cp-checks span { display: flex; align-items: center; gap: 12px; background: #f6f8f7; border: 1px solid #edf1ee; border-radius: 16px; padding: 15px 18px; font-weight: 700; color: #0f172a; }
.cp-checks i { color: #1b7a4a; font-size: 1.25rem; }
.cp-values { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.cp-value { background: #f6f8f7; border: 1px solid #edf1ee; border-radius: 20px; padding: 24px 20px; }
.cp-value i { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 14px; background: #e3f2e9; color: #1b7a4a; font-size: 1.35rem; margin-bottom: 14px; }
.cp-main .cp-value h3 { font-size: 1.08rem !important; font-weight: 800; margin: 0 0 8px; color: #0f172a; }
.cp-value p { color: #5b6b78; font-size: .92rem; line-height: 1.6; margin: 0; }
.cp-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.cp-link { display: flex; align-items: center; gap: 14px; padding: 18px 20px; border-radius: 18px; border: 1px solid #e3ebe6; background: #fff; color: #0f172a; font-weight: 800; transition: border-color .2s, background .2s; }
.cp-link > i:first-child { width: 44px; height: 44px; border-radius: 12px; background: #eaf5ee; color: #1b7a4a; display: inline-flex; align-items: center; justify-content: center; font-size: 1.1rem; flex-shrink: 0; }
.cp-link span { flex: 1; min-width: 0; }
.cp-link small { display: block; color: #64748b; font-weight: 600; font-size: .82rem; margin-top: 2px; }
.cp-link .fa-arrow-right { color: #94a3b8; transition: transform .2s; }
.cp-link:hover { border-color: #b9d9c5; background: #f6faf7; }
.cp-link:hover .fa-arrow-right { transform: translateX(3px); color: #1b7a4a; }

@media (max-width: 1199px) {
    .cp-grid { grid-template-columns: 280px minmax(0, 1fr); gap: 22px; }
    .cp-main > section, .cp-main > .cp-card { padding: 28px 26px !important; }
}
@media (max-width: 991px) {
    /* Tablet/telefon: menü üstte, yatay kaydırmalı haplar */
    .cp-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .cp-side { position: static; }
    .cp-side-card { border-radius: 20px; }
    .cp-side-h { display: none; }
    .cp-nav { flex-direction: row; overflow-x: auto; scrollbar-width: none; padding: 8px; gap: 6px; }
    .cp-nav::-webkit-scrollbar { display: none; }
    .cp-nav a { flex-shrink: 0; padding: 10px 14px; border-radius: 999px; font-size: .86rem; white-space: nowrap; }
    .cp-nav a .cp-go { display: none; }
    .cp-nav a.is-on { background: #1b7a4a; color: #fff; }
    .cp-nav a.is-on .cp-ic { color: #fff; }
}
@media (max-width: 768px) {
    .cp-wrap { padding: 14px 0 50px; }
    .cp-wrap > .container { padding-left: 12px; padding-right: 12px; }
    .cp-main > section, .cp-main > .cp-card { padding: 22px 18px !important; border-radius: 22px; margin-bottom: 16px; }
    .cp-main .section-title { font-size: 1.5rem !important; }
    .cp-hero-img { border-radius: 16px; margin-bottom: 20px; aspect-ratio: 16 / 10; }
    .cp-main .cp-h2 { font-size: 1.4rem !important; }
    .cp-text p { font-size: .95rem; line-height: 1.75; }
    .cp-checks, .cp-links { grid-template-columns: 1fr; gap: 10px; }
    .cp-values { grid-template-columns: 1fr; gap: 10px; }
    .cp-value { display: grid; grid-template-columns: 46px 1fr; column-gap: 14px; padding: 16px; }
    .cp-value i { grid-row: span 2; width: 46px; height: 46px; margin: 0; font-size: 1.15rem; }
    .cp-main .hs-how { grid-template-columns: 1fr; }
}

/* Görsel + metin yan yana kart (Misyon ve Vizyon) */
.cp-split { display: grid; grid-template-columns: 40% minmax(0, 1fr); gap: 32px; align-items: center; }
.cp-split > img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 22px; display: block; }
.cp-quote { margin: 18px 0 0; border-left: 4px solid #1b7a4a; background: #f0fdf4; color: #166534; border-radius: 0 16px 16px 0; padding: 14px 18px; font-style: italic; font-size: 1.02rem; }
.cp-quote--red { border-left-color: var(--color-secondary, #d92a3d); background: #fff1f2; color: #9f1239; }
@media (max-width: 768px) {
    .cp-split { grid-template-columns: 1fr; gap: 18px; }
    .cp-split > img { aspect-ratio: 16 / 11; border-radius: 16px; }
    .cp-quote { font-size: .93rem; }
}
/* Bölüm başlıkları kart içinde sola hizalı (referanstaki gibi) */
.cp-main > section > .container > div[style*="text-align: center"]:first-child { text-align: left !important; }
.cp-main .section-subtitle { display: inline-block; padding: 6px 14px; border-radius: 999px; background: #e9f6ee; color: #1b7a4a !important; font-size: .76rem; font-weight: 800; letter-spacing: 1px; margin-bottom: 10px; }
.cp-main > section.hs-how-section .section-subtitle { background: rgba(255,255,255,.12); color: #86efac !important; }