/*
 * Genel Stil Ayarları (Adana Teması)
 * Tema: Adana'nın sıcak, canlı ve bereketli atmosferi (Kırmızı, Turuncu, Toprak Tonları)
 */

/* Renk Paleti:
 * --adana-kirmizi: #C73B25 (Canlı Kırmızı/Biber)
 * --adana-turuncu: #E8833A (Sıcak Turuncu/Güneş)
 * --adana-toprak: #4D3C35 (Koyu Kahve/Toprak)
 * --adana-bej: #F4EBE8 (Açık Bej/Ferahlık)
 * --adana-beyaz: #FFFFFF
 */

:root {
    --adana-kirmizi: #C73B25;
    --adana-turuncu: #E8833A;
    --adana-toprak: #4D3C35;
    --adana-bej: #F4EBE8;
    --adana-beyaz: #FFFFFF;
    --font-primary: Arial, sans-serif; /* Google dışı standart font */
    --font-secondary: 'Times New Roman', Times, serif; /* Serbestçe kullanılan bir serif fontu */
}

/* Genel Sayfa ve Body Ayarları */
body {
    font-family: var(--font-primary);
    line-height: 1.6;
    color: var(--adana-toprak);
    background-color: var(--adana-bej); /* Açık bej arka plan */
    margin: 0 auto; /* Sayfayı ortalamak için */
    max-width: 1090px; /* Maksimum genişlik kısıtlaması */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); /* Hafif gölge */
}

/* Kapsayıcı (Container) Ayarları */
.container {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px 0;
}

/* Başlık Stilleri */
h1, h2, h3 {
    font-family: var(--font-secondary);
    font-weight: 700;
    margin-top: 0;
    line-height: 1.2;
}

h1 {
    font-size: 2.5em;
    color: var(--adana-turuncu);
}

h2 {
    font-size: 2em;
    color: var(--adana-kirmizi);
    margin-bottom: 25px;
    border-bottom: 2px solid var(--adana-turuncu);
    display: inline-block;
    padding-bottom: 5px;
}

h3 {
    font-size: 1.5em;
    color: var(--adana-toprak);
}

/* Blok Ayırıcı: Kontrast ve dolgu */
.section-padding {
    padding: 60px 0;
}

/* Koyu Arka Planlı Bloklar (Kontrast İçin) */
.dark-bg {
    background-color: var(--adana-toprak);
    color: var(--adana-bej);
}

.dark-bg h2, .dark-bg h3 {
    color: var(--adana-turuncu); /* Koyu arka planda başlıkları turuncu yap */
    border-color: var(--adana-bej);
}

.dark-bg p {
    color: var(--adana-bej);
}

/* ------------------------------------------- */
/* Blok 1: Satış Teklifi (Header) - Yüksekliği ve Düğme */
/* ------------------------------------------- */
header {
    background: linear-gradient(rgba(77, 60, 53, 0.7), rgba(77, 60, 53, 0.7)), url('assets/adana_bg.jpg') no-repeat center center; /* Varsayımsal arka plan, koyu katman */
    background-size: cover;
    color: var(--adana-beyaz);
    min-height: 470px; /* Minimum yükseklik kuralı */
    display: flex;
    align-items: center;
    text-align: center;
}

header h1 {
    color: var(--adana-bej);
    font-size: 3em;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

header h2 {
    color: var(--adana-turuncu);
    border: none;
    font-size: 1.8em;
    margin-bottom: 30px;
}

header p {
    font-size: 1.1em;
    margin-bottom: 40px;
}

/* Ana Link-Buton Stili */
.button-main {
    display: inline-block;
    background-color: var(--adana-kirmizi); /* Canlı Kırmızı */
    color: var(--adana-beyaz);
    padding: 15px 35px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    font-size: 1.1em;
}

.button-main:hover {
    background-color: var(--adana-turuncu); /* Turuncu tonuna geçiş */
    transform: translateY(-2px);
}

/* ------------------------------------------- */
/* Blok 2: Abonelik Formu */
/* ------------------------------------------- */
.subscription-form {
    display: flex;
    flex-direction: column;
    max-width: 450px;
    margin: 30px auto;
    padding: 30px;
    border: 2px dashed var(--adana-turuncu); /* Adana esintisi */
    background-color: var(--adana-beyaz);
    border-radius: 8px;
}

.subscription-form label {
    font-weight: bold;
    margin-bottom: 8px;
    color: var(--adana-toprak);
}

.subscription-form input[type="email"] {
    padding: 12px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 1em;
}

/* İkincil Buton Stili (Form için) */
.button-secondary {
    padding: 12px 20px;
    background-color: var(--adana-turuncu);
    color: var(--adana-toprak);
    font-weight: bold;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.button-secondary:hover {
    background-color: var(--adana-kirmizi);
    color: var(--adana-beyaz);
}

/* ------------------------------------------- */
/* Blok 3: Ürünler ve Fiyatlar */
/* ------------------------------------------- */
.urun-listesi {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 20px;
    margin-top: 30px;
    text-align: center;
}

.urun-kart {
    background-color: var(--adana-turuncu);
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
    color: var(--adana-toprak);
    border: 3px solid var(--adana-beyaz);
}

.urun-kart:hover {
    transform: translateY(-5px);
    background-color: #f0a05a; /* Hafif parlama */
}

.urun-kart h3 {
    color: var(--adana-toprak);
    margin-bottom: 10px;
    border-bottom: 1px dashed var(--adana-toprak);
    padding-bottom: 5px;
}

.fiyat {
    font-size: 1.8em;
    font-weight: bold;
    color: var(--adana-kirmizi); /* Fiyatı ön plana çıkar */
    margin-top: 15px;
}

/* Makale Vurgusu */
.makale {
    background-color: var(--adana-beyaz);
    padding: 30px;
    margin-top: 40px;
    border-radius: 8px;
    border-left: 5px solid var(--adana-kirmizi); /* Makaleyi kırmızı çizgiyle vurgula */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.makale h3 {
    color: var(--adana-kirmizi);
    font-size: 1.6em;
    margin-bottom: 15px;
}

/* ------------------------------------------- */
/* Blok 4: Uzmanlarımız */
/* ------------------------------------------- */
.uzman-listesi {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 30px;
    margin-top: 30px;
}

.uzman-kart {
    text-align: center;
    padding: 20px;
    background-color: var(--adana-beyaz);
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.uzman-kart h3 {
    color: var(--adana-turuncu);
    margin-bottom: 5px;
}

.uzman-kart p {
    font-style: italic;
    font-size: 0.9em;
}

/* ------------------------------------------- */
/* Blok 5: Yorumlar */
/* ------------------------------------------- */
.yorum-listesi {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-top: 30px;
}

.yorum-kart {
    background-color: rgba(255, 255, 255, 0.1); /* Koyu arka planda hafif şeffaf kartlar */
    border: 1px solid var(--adana-turuncu);
    padding: 20px;
    border-radius: 8px;
    font-style: italic;
}

.yorum-kart p {
    margin-bottom: 10px;
}

.yorum-kaynagi {
    font-style: normal;
    font-weight: bold;
    color: var(--adana-kirmizi);
    text-align: right;
    display: block;
    margin-top: 10px;
}

/* ------------------------------------------- */
/* Blok 6: İletişim ve Harita */
/* ------------------------------------------- */
#iletisim {
    text-align: center;
}

address {
    font-style: normal;
    margin-bottom: 15px;
    font-size: 1.1em;
    font-weight: 500;
}

.google-map-widget {
    margin-top: 25px;
    /* iframe yüksekliği HTML'de 450px olarak belirtildi, kenarlık kaldırıldı */
}

.google-map-widget iframe {
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* ------------------------------------------- */
/* Blok 7: Footer (Telif Hakkı) */
/* ------------------------------------------- */
footer {
    background-color: var(--adana-kirmizi);
    color: var(--adana-beyaz);
    padding: 20px 0;
    text-align: center;
    font-size: 0.9em;
}

footer .domain-info {
    margin-top: 5px;
    opacity: 0.8;
}

/* ------------------------------------------- */
/* Mobil Uyumluluk (Responsive Design) */
/* ------------------------------------------- */
@media (max-width: 768px) {
    /* Genel ayarlamalar */
    .section-padding {
        padding: 40px 0;
    }

    /* Başlıklar */
    h1 {
        font-size: 2em;
    }

    h2 {
        font-size: 1.5em;
    }

    /* Blok 1 (Header) ayarlaması */
    header {
        min-height: 400px;
    }

    header .container {
        padding: 20px;
    }

    .button-main {
        padding: 12px 25px;
        font-size: 1em;
    }

    /* Blok 2 (Form) ayarlaması */
    .subscription-form {
        margin: 20px auto;
        padding: 20px;
    }

    /* Blok 3 (Ürün Listesi) ayarlaması */
    .urun-listesi {
        grid-template-columns: 1fr; /* Mobil görünümde tek sütun */
    }

    /* Blok 4 & 5 (Uzman ve Yorumlar) ayarlaması */
    .uzman-listesi, .yorum-listesi {
        grid-template-columns: 1fr; /* Mobil görünümde tek sütun */
        gap: 20px;
    }

    .makale-icerik {
        font-size: 0.9em;
    }

}