/*
Theme Name: Özümtürk Avukatlık Teması
Author: Siz (Emirhan Özümtürk)
Description: Özümtürk Avukatlık Bürosu için özel olarak hazırlanan tema.
Version: 1.6
*/

/* Temel Sıfırlama ve Gövde Stilleri */
body {
    font-family: 'Merriweather', serif; /* Güven veren, klasik okuma fontu */
    font-size: 16px;
    margin: 0;
    background-color: #f9fafb; /* Arkaplan: Çok açık gri */
    color: #1f2937; /* Ana metin rengi: Koyu füme (Okunabilirlik için) */
    line-height: 1.7; /* Okunabilirlik için satır aralığı artırıldı */
}
html {
    scroll-behavior: smooth;
}
* {
    box-sizing: border-box;
}

/* Başlıklar, Menüler ve Butonlar için Kurumsal Font */
h1, h2, h3, h4, h5, h6,
.cta-button,
.submit-button,
.section-title {
    font-family: 'Montserrat', sans-serif; /* Modern, kurumsal ve net başlık fontu */
    font-weight: 600; /* Biraz daha tok */
    color: #E69A2A; /* Başlıklar ve vurgular istenen renge güncellendi */
}

/* --- OKUNABİLİRLİK DÜZELTMESİ --- */
/* 'body, p, li' üzerindeki #ab7e59 rengi,
    ana gövde metni için (#1f2937) ile çakışıyordu ve 
    footer gibi yerlerde override gerektiriyordu.
    Ana gövde metninin #1f2937 (koyu füme) olarak kalması
    daha iyi okunabilirlik sağlar. Bu kural kaldırıldı.
*/
/*
body, p, li {
     color: #ab7e59;
}
*/
/* --- BİTİŞ --- */


/* Koyu arkaplan üzerindeki başlıklar beyaz kalmalı */
.section-title-white {
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

/* Konteyner */
.container {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem; /* px-6 */
    padding-right: 1.5rem; /* px-6 */
}

/* Başlık ve Navigasyon (KARANLIK TEMA GÜNCELLENDİ) */
header {
    background-color: #1f2937; /* Arkaplan: Koyu Füme */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); /* shadow-md */
    position: sticky;
    top: 0;
    z-index: 50;
}
header nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.nav-logo {
    font-size: 1.5rem; /* text-2xl */
    font-weight: 700; /* font-bold */
    color: #ffffff; /* Logo metni beyaz */
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
}

/* --- DİNAMİK WP MENÜ STİLLERİ (YENİ) --- */
/* Desktop Menü Kapsayıcı (.nav-links) */
.nav-links {
    display: none; /* hidden */
    gap: 1.5rem; /* space-x-6 */
}
/* WordPress'in ürettiği <ul> */
.nav-links-ul {
    display: flex; /* flex */
    gap: 1.5rem; /* space-x-6 */
    margin: 0;
    padding: 0;
    list-style: none;
}
/* Menü linkleri (a) */
.nav-links .menu-item a {
    color: #d1d5db; /* text-gray-300 (Beyazdan hafif soluk) */
    text-decoration: none;
    transition: color 0.3s ease;
    font-weight: 600; /* Menü fontu belirginleştirildi */
    font-family: 'Montserrat', sans-serif; /* Menü fontu */
}
.nav-links .menu-item a:hover {
    color: #E69A2A; /* Vurgu rengi eklendi */
}
/* --- BİTİŞ --- */


#mobile-menu-button {
    display: block; /* md:hidden */
    background: none;
    border: none;
    cursor: pointer;
}

/* --- DİNAMİK WP MOBİL MENÜ STİLLERİ (YENİ) --- */
/* Mobil Menü Kapsayıcı (#mobile-menu) */
#mobile-menu {
    /* display: none; ESKİ YÖNTEM - Bu satırı siliyoruz veya yorum alıyoruz */
    
    /* YENİ GÖRÜNÜRLÜK KONTROLÜ */
    max-height: 0; /* İçerik yüksekliğini sıfırla */
    overflow: hidden; /* Taşmayı gizle (açılırken dışarı taşmasın) */
    background-color: #1f2937; /* Mobil menü de koyu */
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.1); /* shadow-lg */
    
    /* Akıcı bir açılma efekti için geçiş ekleyelim */
    transition: max-height 0.4s ease-out;
}

/* JavaScript ile .is-open sınıfı eklendiğinde menüyü aç */
#mobile-menu.is-open {
    max-height: 500px; /* Menünün sığabileceği yaklaşık bir yükseklik (veya 100vh) */
    /* Not: Eğer menünüz çok uzarsa bu '500px' değerini artırmanız gerekebilir. */
}


/* WordPress'in ürettiği <ul> */
#mobile-menu .mobile-menu-ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* Mobil Menü Linkleri (a) */
#mobile-menu .menu-item a {
    display: block;
    padding: 0.75rem 1.5rem; /* px-6 py-3 */
    color: #d1d5db; /* Mobil menü linkleri (Beyazdan hafif soluk) */
    text-decoration: none;
    font-weight: 600; /* Menü fontu belirginleştirildi */
    font-family: 'Montserrat', sans-serif; /* Menü fontu */
}
#mobile-menu .menu-item a:hover {
    background-color: #374151; /* hover:bg-gray-700 */
    color: #E69A2A; /* Vurgu rengi eklendi */
}
/* --- BİTİŞ --- */


/* Orta ve büyük ekranlar için navigasyon */
@media (min-width: 768px) {
    .nav-links {
        display: flex; /* md:flex */
    }
    #mobile-menu-button {
        display: none; /* md:hidden */
    }
    #mobile-menu {
        display: none !important; /* md:hidden */
    }
}

/* --- ESKİ BÖLÜM STİLLERİ KALDIRILDI --- */
/* ... (Bu bölüm doğru, değişiklik yok) ... */


/* --- YARDIMCI SINIFLAR (Elementor'da kullanmak için) --- */
/* ... (Bu bölüm doğru, değişiklik yok) ... */
.section-header {
    text-align: center;
    margin-bottom: 3rem; /* mb-12 */
}
.section-header-services {
     text-align: center;
     margin-bottom: 4rem; /* mb-16 */
}
.section-title {
    font-size: 2.25rem; /* text-3xl */
    font-weight: 700; /* font-bold */
    margin-bottom: 1rem; /* mb-4 */
}
.title-underline {
    width: 6rem; /* w-24 */
    height: 4px; /* h-1 */
    background-color: #E69A2A; /* Vurgu rengi eklendi */
    margin-left: auto;
    margin-right: auto;
}
.section-subtitle {
    font-size: 1.125rem; /* text-lg */
    color: #E69A2A; /* Vurgu rengiyle aynı (istek üzerine) */
    max-width: 42rem; /* max-w-2xl */
    margin-left: auto;
    margin-right: auto;
    opacity: 0.9; /* Ana başlıktan ayırmak için hafif şeffaf */
}
.section-subtitle-gray {
     font-size: 1.125rem;
     color: #9ca3af; /* text-gray-400 */
     max-width: 42rem;
     margin-left: auto;
     margin-right: auto;
}

/* ... (Diğer yardımcı sınıflarınızda değişiklik yok) ... */
.placeholder-svg {
    width: 100%;
    height: auto;
    border-radius: 0.5rem; /* rounded-lg */
    background-color: #e5e7eb; /* bg-gray-200 */
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); /* shadow-xl */
}
.placeholder-svg-team {
    width: 12rem; /* w-48 */
    height: 12rem; /* h-48 */
    border-radius: 9999px; /* rounded-full */
    margin: 0 auto 1rem auto; /* mx-auto mb-4 */
    background-color: #e5e7eb;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* shadow-lg */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.placeholder-svg text {
    fill: #4b5563; /* text-gray-600 */
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 1.25rem;
}
.text-box-transparent {
    background-color: rgba(31, 41, 55, 0.6); /* Koyu füme (#1f2937) %60 şeffaf */
    color: #ffffff; /* Metin rengi BEYAZ */
    padding: 1rem 1.5rem; /* İç boşluk (üst/alt 1rem, sağ/sol 1.5rem) */
    border-radius: 8px; /* Yuvarlak köşeler */
    display: inline-block; /* Sadece metin kadar yer kapla */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Hafif gölge */
    max-width: 100%; /* Taşmaları engelle */
}
.text-box-transparent.section-title,
.text-box-transparent h1,
.text-box-transparent h2,
.text-box-transparent h3,
.text-box-transparent p {
    color: #ffffff;
}
.cta-button {
    display: inline-block;
    background-color: #E69A2A; /* Vurgu rengi eklendi */
    color: #111827; /* text-gray-900 */
    font-weight: 600; /* font-semibold */
    padding: 0.75rem 2rem; /* py-3 px-8 */
    border-radius: 0.5rem; /* rounded-lg */
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* shadow-lg */
    text-decoration: none;
    transition: all 0.3s ease;
}
.cta-button:hover {
    background-color: #c28524; /* Vurgu renginin koyu tonu */
    transform: scale(1.05); /* hover:scale-105 */
}
.service-card {
    background-color: #ffffff;
    padding: 2rem; /* p-8 */
    border-radius: 0.5rem; /* rounded-lg */
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* shadow-lg */
    transition: box-shadow 0.3s ease;
}
.service-card:hover {
    box-shadow: 0 10px 15px rgba(0,0,0,0.1); /* hover:shadow-xl */
}
.service-card svg {
    width: 3rem; /* w-12 */
    height: 3rem; /* h-12 */
    color: #E69A2A; /* Vurgu rengi eklendi */
    margin-bottom: 1rem; /* mb-4 */
}
.service-card h3 {
    font-size: 1.25rem; /* text-xl */
    font-weight: 600; /* font-semibold */
    color: #E69A2A; /* Başlık rengi güncellendi */
    margin-bottom: 0.75rem; /* mb-3 */
    margin-top: 0;
}
.service-card p {
    color: #4b5563; /* text-gray-600 */
    margin: 0;
}
.team-grid {
    display: grid;
    grid-template-columns: 1fr; /* Mobil */
    gap: 2.5rem; /* gap-10 */
    max-width: 56rem; /* lg:max-w-4xl */
    margin: 0 auto;
}
.team-member {
    text-align: center;
}
.team-member h4 {
    font-size: 1.25rem; /* text-xl */
    font-weight: 600; /* font-semibold */
    color: #E69A2A; /* Başlık rengi güncellendi */
    margin-bottom: 0.25rem;
    margin-top: 0;
}
.team-member p {
    color: #E69A2A; /* Vurgu rengi eklendi */
    opacity: 0.8; /* Unvanı biraz daha soluk yapmak için */
    margin: 0;
    font-family: 'Montserrat', sans-serif; /* Unvan da başlık fontuyla olabilir */
}
@media (min-width: 640px) {
    .team-grid {
        grid-template-columns: repeat(2, 1fr); /* sm:grid-cols-2 */
    }
}
.contact-info-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem; /* gap-4 */
    margin-bottom: 2rem; /* space-y-8 */
}
.contact-info-item svg {
    width: 1.5rem; /* w-6 */
    height: 1.5rem; /* h-6 */
    color: #E69A2A; /* Vurgu rengi eklendi */
    margin-top: 0.25rem; /* pt-1 */
}
.contact-info-item h4 {
    font-size: 1.25rem; /* text-xl */
    font-weight: 600; /* font-semibold */
    color: #ffffff; /* text-white */
    margin: 0 0 0.5rem 0;
    font-family: 'Montserrat', sans-serif; /* Fontu unutmayalım */
}
.contact-info-item p {
    color: #9ca3af; /* text-gray-400 */
    margin: 0;
}
.contact-form form {
    display: flex;
    flex-direction: column;
    gap: 1.5rem; /* space-y-6 */
}
.form-group label {
    display: block;
    font-size: 0.875rem; /* text-sm */
    font-weight: 500; /* font-medium */
    color: #d1d5db; /* text-gray-300 */
    margin-bottom: 0.25rem; /* mt-1 */
    font-family: 'Montserrat', sans-serif;
}
.form-control {
    width: 100%;
    padding: 0.75rem 1rem; /* px-4 py-3 */
    border-radius: 0.375rem; /* rounded-md */
    background-color: #1f2937; /* bg-gray-800 */
    border: 1px solid #4b5563; /* border-gray-600 */
    color: #ffffff; /* text-white */
    font-family: 'Merriweather', serif; /* Forma yazılan yazı da okunaklı olmalı */
}
.form-control:focus {
    outline: none;
    border-color: #E69A2A; /* Vurgu rengi eklendi */
    box-shadow: 0 0 0 2px #E69A2A; /* Vurgu rengi eklendi */
}
.submit-button {
    width: 100%;
    background-color: #E69A2A; /* Vurgu rengi eklendi */
    color: #111827; /* text-gray-900 */
    font-weight: 600; /* font-semibold */
    padding: 0.75rem 2rem; /* py-3 px-8 */
    border: none;
    border-radius: 0.5rem; /* rounded-lg */
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* shadow-lg */
    cursor: pointer;
    transition: all 0.3s ease;
}
.submit-button:hover {
    background-color: #c28524; /* Vurgu renginin koyu tonu */
    transform: scale(1.02); /* Hafif büyütme */
}

@media (min-width: 1024px) {
    .contact-flex {
        flex-direction: row; /* lg:flex-row */
        gap: 4rem; /* lg:gap-16 */
    }
    .contact-info {
        width: 33.33%; /* lg:w-1/3 */
    }
    .contact-form {
        width: 66.66%; /* lg:w-2/3 */
    }
}

/* Footer */
footer {
    background-color: #1f2937; /* Arkaplan: Koyu füme/mavi */
    color: #9ca3af; /* Metin: Açık gri */
    padding: 3rem 0; /* py-12 */
    text-align: center;
}
/* Okunabilirlik düzeltmesi sayesinde artık p'yi
   ezmek için '!important' veya ekstra kurala gerek yok.
   Gövde rengi #1f2937, footer rengi #9ca3af.
*/
footer p {
    margin: 0;
    font-family: 'Merriweather', serif; /* Footer metinleri de okunaklı olmalı */
    color: #9ca3af; /* Footer yazılarının rengini açık gri olarak zorla */
}
.footer-small-text {
    font-size: 0.875rem; /* text-sm */
    margin-top: 0.5rem; /* mt-2 */
    color: #9ca3af; /* Rengi tekrar tanımla */
}
.social-links {
    display: flex;
    justify-content: center;
    gap: 1.5rem; /* space-x-6 */
    margin-top: 1.5rem; /* mt-6 */
}
.social-links a {
    color: #9ca3af; /* text-gray-400 */
    transition: color 0.3s ease;
}
.social-links a:hover {
    color: #ffffff; /* hover:text-white */
}

/* --- YAZI (BLOG) SAYFALARI İÇİN STİLLER (GÜNCELLENDİ) --- */
/* Elementor kullanmadığınız
    blog yazılarınızın (single.php) düzgün görünmesi için
    temel stiller.
*/
.single-post-container {
    max-width: 800px; /* Yazı okuma genişliği */
    margin: 2.5rem auto; /* Üst/alt boşluk, orta hizalama */
    padding: 2.5rem; /* İç boşluk */
    /* background-color: #ffffff; ESKİ - Beyaz arkaplan */
    background-color: rgba(31, 41, 55, 0.9); /* YENİ: Koyu füme %90 şeffaf */
    border-radius: 0.5rem; /* rounded-lg */
    box-shadow: 0 4px 12px rgba(0,0,0,0.05); /* Hafif gölge */
}

.single-post-container .post-title {
    font-size: 2.5rem; /* text-4xl */
    font-weight: 700;
    color: #E69A2A; /* Ana başlık rengi */
    margin-top: 0;
    margin-bottom: 1.5rem;
    line-height: 1.3;
}

/* Yazı içeriği stilleri */
.post-content p {
    font-size: 1.125rem; /* text-lg */
    line-height: 1.8;
    /* color: #1f2937; ESKİ - Ana metin rengi */
    color: #d1d5db; /* YENİ: Açık gri (Koyu arkaplan için) */
    margin-bottom: 1.5rem;
}
.post-content ul,
.post-content ol {
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
}
.post-content li {
    font-size: 1.125rem;
    line-height: 1.8;
    /* color: #1f2937; ESKİ - Füme renk */
    color: #d1d5db; /* YENİ: Açık gri (Koyu arkaplan için) */
    margin-bottom: 0.75rem;
}
.post-content strong {
    font-weight: 700;
    /* color: #111827; ESKİ - Vurgulu metin */
    color: #ffffff; /* YENİ: Beyaz (Vurgu için) */
}
.post-content a {
    color: #E69A2A;
    text-decoration: underline;
    transition: color 0.2s ease;
}
.post-content a:hover {
    color: #c28524;
}
.post-content h2,
.post-content h3,
.post-content h4 {
    font-family: 'Montserrat', sans-serif;
    color: #E69A2A;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    font-weight: 600;
}
.post-content h2 { font-size: 1.75rem; }
.post-content h3 { font-size: 1.5rem; }
.post-content h4 { font-size: 1.25rem; }