/* Google Fonts artık header.php'de <link> ile yükleniyor — render-blocking zinciri kırıldı (PageSpeed fix) */

/* sync-overflow-fix
 * KRİTİK: html/body'de overflow-x: hidden VEYA clip KOYMA — sticky'yi kırar.
 * (Spec: overflow değeri visible olmayan herhangi bir yön sticky containing block yaratır.)
 *
 * Yatay scroll'a sebep olan SPESİFİK elementleri max-width ile sınırla
 * (img, video, table, code, pre — globally aşağıda).
 */
html, body {
    max-width: 100%;
    overscroll-behavior-x: none;
}

/* ════ Sticky TOC sidebar (makale-detay) — Tailwind purge bypass ════
 * Tailwind class'ları ('sticky top-28') purge edilirse veya parent flex
 * stretch yüzünden sticky kırılırsa, bu explicit kurallar zorlar:
 * - Aside flex item olarak content boyunda (self-start)
 * - İçindeki div sticky position'da, top:7rem'de yapışır */
.toc-aside {
    align-self: flex-start;
}
.toc-sticky-inner {
    position: -webkit-sticky;
    position: sticky;
    top: 7rem;
}

body {
    background-color: #0B1526;
    color: #F3F3F3;
    font-family: 'Inter', sans-serif;
    position: relative;
}

/* Global media taşma koruması — img/video/iframe asla viewport'u aşmaz */
img, video, iframe, embed, object, svg {
    max-width: 100%;
}
img, video { height: auto; }

/* Article içeriği — table/pre/img dahil hepsi container içinde kalsın */
.article-content img,
.article-content video,
.article-content iframe,
.article-content figure,
.article-content picture { max-width: 100%; height: auto; }
.article-content table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.article-content pre,
.article-content code { max-width: 100%; word-wrap: break-word; overflow-wrap: break-word; }
.article-content { word-wrap: break-word; overflow-wrap: break-word; }

h1, h2, h3, h4, .font-display { 
    font-family: 'Space Grotesk', sans-serif; 
    letter-spacing: -0.02em; 
}

/* SCROLLBAR */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0B1526; }
::-webkit-scrollbar-thumb { background: #333; }
::-webkit-scrollbar-thumb:hover { background: rgb(var(--c-accent)); }

/* NAVIGATION */
.glass-nav {
    background: rgba(15, 15, 15, 0.85);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    transition: all 0.3s ease;
}

/* Scroll durumunda solid header */
.header-scrolled {
    background: #0B1526 !important;
    backdrop-filter: blur(20px);
    border-bottom: 1px solid #243756;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

.nav-link { 
    position: relative; 
    font-size: 0.9rem; 
    font-weight: 500; 
    color: #888; 
    transition: color 0.3s; 
}
.nav-link:hover, .nav-link.active { color: rgb(var(--c-accent)); }

/* SECTORS STRIP HOVER EFFECT */
.sector-strip { 
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); 
    flex: 1; 
    position: relative; 
    overflow: hidden; 
    border-right: 1px solid rgba(255,255,255,0.1); 
}
.sector-strip:hover { flex: 3; }
.sector-strip img { 
    transition: transform 0.6s ease; 
    filter: grayscale(100%); 
    opacity: 0.4; 
}
.sector-strip:hover img { 
    transform: scale(1.1); 
    filter: grayscale(0%); 
    opacity: 0.8; 
}
.sector-content-hidden { 
    opacity: 0; 
    transform: translateY(20px); 
    transition: all 0.4s ease 0.2s; 
}
.sector-strip:hover .sector-content-hidden { 
    opacity: 1; 
    transform: translateY(0); 
}

/* MODAL TRANSITIONS */
.modal-backdrop { transition: opacity 0.3s ease; }
.modal-panel { transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); }

/* SWIPER CUSTOMIZATION */
.hero-slider {
    width: 100%;
    height: 100vh !important;
    min-height: 600px;
}
.hero-slider .swiper-wrapper {
    height: 100%;
}
.hero-slider .swiper-slide {
    width: 100%;
    height: 100vh !important;
    min-height: 600px;
    flex-shrink: 0;
}
.hero-slider .swiper-slide img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-pagination-bullet { background: #fff !important; opacity: 0.3; width: 8px; height: 8px; }
.swiper-pagination-bullet-active { background: rgb(var(--c-accent)) !important; opacity: 1; width: 24px; border-radius: 4px; transition: width 0.3s; }

/* TEAM CARD PRO STYLE */
.team-card-pro { 
    position: relative; 
    overflow: hidden; 
    height: 550px;
    cursor: pointer; 
    background: #111;
}
.team-card-pro img { 
    transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), filter 0.6s ease, opacity 0.6s ease; 
    filter: grayscale(100%); 
    opacity: 0.7;
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
}
.team-card-pro:hover img { 
    transform: scale(1.08); 
    filter: grayscale(0%); 
    opacity: 1;
}
.team-pro-overlay { 
    background: linear-gradient(to top, #0B1526 10%, rgba(15,15,15,0.8) 40%, rgba(15,15,15,0) 80%);
    opacity: 1; 
    transition: all 0.4s ease;
}
.team-pro-content {
    transform: translateY(20px);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.team-card-pro:hover .team-pro-content {
    transform: translateY(0);
}
.pro-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: rgb(var(--c-accent));
    transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.team-card-pro:hover .pro-border {
    width: 100%;
}
.view-profile-btn {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease 0.1s;
}
.team-card-pro:hover .view-profile-btn {
    opacity: 1;
    transform: translateY(0);
}

/* ===========================================
   ARTICLE CONTENT - MAKALE İÇERİK STİLLERİ
   =========================================== */

.article-content {
    font-size: 1.125rem;
    line-height: 1.9;
    color: #D1D5DB;
}

/* Başlıklar - H1 */
.article-content h1 {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 2.25rem !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: #FFFFFF !important;
    margin-top: 2.5rem !important;
    margin-bottom: 1.25rem !important;
    letter-spacing: -0.02em !important;
}

/* Başlıklar - H2 */
.article-content h2 {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 1.875rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #FFFFFF !important;
    margin-top: 2.5rem !important;
    margin-bottom: 1rem !important;
    padding-bottom: 0.75rem !important;
    border-bottom: 1px solid #243756 !important;
    letter-spacing: -0.02em !important;
}

/* Başlıklar - H3 */
.article-content h3 {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: #FFFFFF !important;
    margin-top: 2rem !important;
    margin-bottom: 0.875rem !important;
    letter-spacing: -0.01em !important;
}

/* Başlıklar - H4 */
.article-content h4 {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: #FFFFFF !important;
    margin-top: 1.75rem !important;
    margin-bottom: 0.625rem !important;
}

/* Başlıklar - H5, H6 */
.article-content h5,
.article-content h6 {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    color: #FFFFFF !important;
    margin-top: 1.5rem !important;
    margin-bottom: 0.5rem !important;
}

/* İlk elemandan önce margin kaldır */
.article-content > *:first-child {
    margin-top: 0 !important;
}

/* Paragraflar */
.article-content p {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
    color: #D1D5DB !important;
    line-height: 1.9 !important;
    font-weight: 300 !important;
}

/* Linkler */
.article-content a {
    color: rgb(var(--c-accent)) !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    font-weight: 500 !important;
}

.article-content a:hover {
    color: #F0D060 !important;
    text-decoration: underline !important;
}

/* Strong / Bold */
.article-content strong,
.article-content b {
    color: #FFFFFF !important;
    font-weight: 600 !important;
}

/* Emphasis / Italic */
.article-content em,
.article-content i {
    color: #E5E7EB !important;
    font-style: italic !important;
}

/* Listeler - Unordered */
.article-content ul {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
    padding-left: 2rem !important;
    list-style-type: disc !important;
}

.article-content ul li {
    color: #D1D5DB !important;
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
    padding-left: 0.5rem !important;
    line-height: 1.8 !important;
}

.article-content ul li::marker {
    color: rgb(var(--c-accent)) !important;
}

/* Listeler - Ordered */
.article-content ol {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
    padding-left: 2rem !important;
    list-style-type: decimal !important;
}

.article-content ol li {
    color: #D1D5DB !important;
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
    padding-left: 0.5rem !important;
    line-height: 1.8 !important;
}

.article-content ol li::marker {
    color: rgb(var(--c-accent)) !important;
    font-weight: 600 !important;
}

/* İç içe listeler */
.article-content ul ul,
.article-content ol ol,
.article-content ul ol,
.article-content ol ul {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

/* Blockquote */
.article-content blockquote {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
    padding: 1.5rem 2rem !important;
    border-left: 4px solid rgb(var(--c-accent)) !important;
    background: rgb(var(--c-accent) / 0.08) !important;
    font-style: italic !important;
    color: #E5E7EB !important;
}

.article-content blockquote p {
    margin: 0 !important;
    color: #E5E7EB !important;
}

.article-content blockquote cite {
    display: block !important;
    margin-top: 1rem !important;
    font-size: 0.875rem !important;
    font-style: normal !important;
    color: #9CA3AF !important;
}

/* Kod Blokları - Inline */
.article-content code {
    background: #182A47 !important;
    color: rgb(var(--c-accent)) !important;
    padding: 0.2rem 0.5rem !important;
    border-radius: 0.25rem !important;
    font-size: 0.875em !important;
    font-family: 'Fira Code', 'Monaco', monospace !important;
}

/* Kod Blokları - Block */
.article-content pre {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
    padding: 1.5rem !important;
    background: #14233D !important;
    border: 1px solid #243756 !important;
    border-radius: 0.5rem !important;
    overflow-x: auto !important;
}

.article-content pre code {
    background: transparent !important;
    padding: 0 !important;
    color: #E5E7EB !important;
    font-size: 0.875rem !important;
    line-height: 1.7 !important;
}

/* Resimler */
.article-content img {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
    border-radius: 0.5rem !important;
    border: 1px solid #243756 !important;
    max-width: 100% !important;
    height: auto !important;
}

.article-content figure {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.article-content figcaption {
    margin-top: 0.75rem !important;
    text-align: center !important;
    font-size: 0.875rem !important;
    color: #9CA3AF !important;
    font-style: italic !important;
}

/* Yatay Çizgi */
.article-content hr {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
    border: 0 !important;
    border-top: 1px solid #243756 !important;
}

/* Tablolar */
.article-content table {
    width: 100% !important;
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
    border-collapse: collapse !important;
    font-size: 0.9375rem !important;
}

.article-content thead {
    border-bottom: 2px solid rgb(var(--c-accent)) !important;
}

.article-content thead th {
    padding: 0.875rem 1rem !important;
    text-align: left !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
    background: #14233D !important;
}

.article-content tbody tr {
    border-bottom: 1px solid #243756 !important;
}

.article-content tbody tr:hover {
    background: rgb(var(--c-accent) / 0.05) !important;
}

.article-content tbody td {
    padding: 0.875rem 1rem !important;
    color: #D1D5DB !important;
}

/* Video ve iframe */
.article-content iframe,
.article-content video {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
    border-radius: 0.5rem !important;
    max-width: 100% !important;
}

/* Mark / Highlight */
.article-content mark {
    background: rgb(var(--c-accent) / 0.3) !important;
    color: #FFFFFF !important;
    padding: 0.125rem 0.375rem !important;
    border-radius: 0.125rem !important;
}

/* Üst üste gelen başlıklar için boşluk */
.article-content h2 + h3,
.article-content h3 + h4 {
    margin-top: 1.25rem !important;
}

/* Responsive */
@media (max-width: 768px) {
    .article-content {
        font-size: 1rem !important;
    }

    .article-content h1 {
        font-size: 1.75rem !important;
    }

    .article-content h2 {
        font-size: 1.5rem !important;
    }

    .article-content h3 {
        font-size: 1.25rem !important;
    }

    .article-content blockquote {
        padding: 1rem 1.25rem !important;
    }

    .article-content pre {
        padding: 1rem !important;
        font-size: 0.8125rem !important;
    }
}
/* list-bullet-fix */
.prose ul,.article-body ul{list-style-type:disc!important;padding-left:1.6em!important;margin:.6em 0!important;}
.prose ul ul,.article-body ul ul{list-style-type:circle!important;}
.prose ol,.article-body ol{list-style-type:decimal!important;padding-left:1.6em!important;margin:.6em 0!important;}
.prose li,.article-body li{display:list-item!important;}