/*
|--------------------------------------------------------------------------
| styles.css: İstanbul Avluları (Courtyards) Teması
|--------------------------------------------------------------------------
| Temel Renk Paleti:
| - Arka Plan (Taş/Kireçtaşı): #F4EAE0 (Açık Krem)
| - Ana Vurgu (Turkuaz/Mavi): #00796B (Koyu Turkuaz)
| - İkincil Vurgu (Güneş Işığı): #FFB300 (Kehribar)
| - Yazı Rengi: #3A3A3A (Koyu Gri/Kömür)
*/

/* 🇹🇷 Temel Ayarlar ve Fontlar */
body {
    /* Özel, Google dışı web fontu yerine güvenli font ailesi */
    font-family: Georgia, 'Times New Roman', Times, serif;
    background-color: #F4EAE0; /* Açık Kireçtaşı arka plan */
    color: #3A3A3A; /* Koyu Yazı Rengi */
    max-width: 1090px;
    margin: 0 auto; /* Sayfayı ortalama */
    line-height: 1.6;
    padding: 0 15px; /* Kenar boşluğu */
}

/* 🇹🇷 Başlıklar ve Genel Kontrast */
h1, h2, h3 {
    font-family: 'Times New Roman', serif;
    color: #00796B; /* Koyu Turkuaz Başlıklar */
    text-align: center;
    margin-top: 25px;
    padding-bottom: 10px;
    border-bottom: 2px solid #00796B; /* Başlık altına turkuaz çizgi */
}

/* 🇹🇷 Ana Blok Stillendirmesi */
.content-block, .hero-block, .form-block, .contact-block {
    padding: 40px 30px;
    margin-bottom: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Hafif gölge */
}

/* 🇹🇷 Blok 1: Satış Teklifi (En Az 470px Yükseklik) */
#teklif {
    min-height: 470px;
    background-color: #5D4037; /* Koyu Kahve/Toprak Tonu */
    color: #F4EAE0; /* Açık Yazı Rengi */
    display: flex;
    flex-direction: column;
    justify-content: center; /* İçeriği dikeyde ortala */
    align-items: center;
    text-align: center;
    border-radius: 0; /* Köşesiz */
    padding: 80px 30px;
}

#teklif .highlight {
    color: #FFB300; /* Kehribar Vurgu */
    font-weight: bold;
}

/* 🇹🇷 Blok 1'deki Link Buton Stil Ayarları */
.cta-button {
    display: inline-block;
    background-color: #FFB300; /* Kehribar Renk */
    color: #3A3A3A;
    padding: 15px 30px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 30px;
    transition: background-color 0.3s, transform 0.3s;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
    border: none;
}

.cta-button:hover {
    background-color: #ff9800; /* Daha koyu kehribar */
    transform: translateY(-2px);
}

/* 🇹🇷 Blokların Kontrast Renkleri */

/* Blok 3: Ürünler ve Fiyatlar */
#urunler-fiyatlar {
    background-color: #E0F2F1; /* Çok Açık Turkuaz */
}

/* Blok 5: Yorumlar */
#yorumlar {
    background-color: #FBEFE0; /* Açık Şeftali/Toprak Tonu */
    border-left: 5px solid #00796B; /* Sol tarafta turkuaz bir çizgi */
}

/* Blok 4.1: Eğitim/Medya */
#egitim-medya {
    background-color: #A7FFEB; /* Canlı Açık Turkuaz */
}

/* Blok 2: Abonelik Formu */
#abone-formu {
    background-color: #00796B; /* Koyu Turkuaz Arka Plan */
    color: #FFFFFF; /* Beyaz Yazı Rengi */
}

#abone-formu h2 {
    color: #FFB300; /* Başlık Rengi Kehribar */
    border-bottom-color: #FFB300;
}

/* Blok 4: Uzmanlar */
#uzmanlarimiz {
    background-color: #EDE7F6; /* Çok Açık Mor (Taş tonlarında bir zenginlik) */
}

/* Blok 6: İletişim/Harita */
#iletisim-harita {
    background-color: #FFFFFF; /* Beyaz Zemin */
}

/* 🇹🇷 Form ve Buton Stil Ayarları (Blok 2) */
.subscription-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 450px;
    margin: 0 auto;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.subscription-form input[type="email"] {
    width: 100%;
    padding: 12px;
    border: 2px solid #FFB300; /* Kehribar çerçeve */
    border-radius: 5px;
    background-color: #FFFFFF; /* Beyaz iç alan */
    color: #3A3A3A;
    box-sizing: border-box;
}

.subscription-form input[type="email"]::placeholder {
    color: #9E9E9E;
}

.submit-button {
    background-color: #FFB300; /* Kehribar Buton */
    color: #3A3A3A;
    padding: 12px 25px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    transition: background-color 0.3s;
    text-transform: uppercase;
}

.submit-button:hover {
    background-color: #ff9800;
}

/* 🇹🇷 Ürün Listesi Stil Ayarları (Blok 3) */
.product-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.product-item {
    background-color: #FFFFFF;
    padding: 20px;
    border-radius: 5px;
    border-bottom: 3px solid #00796B;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.product-item h3 {
    text-align: left;
    border-bottom: none;
    color: #3A3A3A;
    margin-top: 0;
}

.product-item .price {
    font-size: 1.4em;
    font-weight: bold;
    color: #FFB300; /* Fiyat vurgusu */
    margin-top: 10px;
}

/* 🇹🇷 Makale Stil Ayarları (Blok 3 - Öne Çıkarma) */
.article-title {
    margin-top: 50px;
    border-bottom-color: #FFB300; /* Kehribar alt çizgi */
    color: #3A3A3A;
}

.article-content {
    background-color: #FFFFFF; /* Beyaz kağıt efekti */
    padding: 30px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-style: italic; /* Makale metni öne çıkarma */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* 🇹🇷 Uzman Kartları Stil Ayarları (Blok 4) */
.specialist-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    margin-top: 20px;
}

.specialist-card {
    background-color: #FFFFFF;
    padding: 20px;
    border-radius: 5px;
    flex-basis: calc(50% - 10px); /* İki sütunlu görünüm */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.specialist-card h3 {
    text-align: left;
    color: #3A3A3A;
    border-bottom: 1px dashed #BDBDBD;
    padding-bottom: 5px;
}

.specialist-card .title {
    color: #00796B;
    font-style: italic;
    font-size: 0.9em;
    margin-bottom: 10px;
}

/* 🇹🇷 Yorum Kartları Stil Ayarları (Blok 5) */
.review-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}

.review-item {
    background-color: #FFFFFF;
    padding: 20px;
    border-radius: 5px;
    border-left: 4px solid #FFB300; /* Kehribar Çizgi */
    font-size: 0.95em;
    font-style: italic;
}

.review-item footer {
    text-align: right;
    margin-top: 10px;
    font-style: normal;
    font-weight: bold;
    color: #00796B;
}

/* 🇹🇷 Harita ve İletişim Stil Ayarları (Blok 6) */
.map-container {
    margin-top: 20px;
    overflow: hidden;
    border: 5px solid #00796B; /* Harita çevresinde turkuaz çerçeve */
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.map-container iframe {
    display: block; /* Iframe'i tam genişliğe uydur */
}

.address-info {
    font-style: normal;
    text-align: center;
    margin-bottom: 30px;
}

.address-info p {
    margin: 5px 0;
}

/* 🇹🇷 Telif Hakkı (Blok 7) */
.footer-block {
    background-color: #3A3A3A; /* Koyu Gri Zemin */
    color: #F4EAE0; /* Açık Yazı */
    text-align: center;
    padding: 20px 0;
    font-size: 0.8em;
    margin-top: 0;
    border-radius: 0;
    box-shadow: none;
}

/* 🇹🇷 Yatay Çizgi Stil Ayarı */
hr {
    border: none;
    border-top: 1px dashed #BDBDBD;
    margin: 40px 0;
}

/* 🇹🇷 MOBİL UYUMLULUK (Mobil Versiyon) */
@media (max-width: 768px) {
    body {
        padding: 0 10px;
    }

    /* Blokların iç boşluğunu azalt */
    .content-block, .hero-block, .form-block, .contact-block {
        padding: 25px 15px;
    }

    /* Başlık boyutlarını küçült */
    h1 {
        font-size: 1.8em;
    }
    h2 {
        font-size: 1.5em;
    }

    /* Blok 1 Yüksekliği koru, ancak kenar boşluğunu düzenle */
    #teklif {
        min-height: 400px;
        padding: 40px 15px;
    }

    /* Ürün ve Uzman Kartlarını tek sütun yap */
    .product-list {
        grid-template-columns: 1fr;
    }

    .specialist-list {
        flex-direction: column;
        gap: 15px;
    }

    .specialist-card {
        flex-basis: 100%;
    }

    /* Formu daralt */
    .subscription-form {
        max-width: 100%;
    }
}