/* =============================================
   MEG Teması – MAIN
   Yüklendiği Yer : HER SAYFADA
   İçerik         : Genel değişkenler, reset, butonlar, section header, genel bileşenler
   ============================================= */

/* =========================================================
   1. CSS DEĞİŞKENLERİ (:root)
========================================================= */
:root {
    /* ── LOGO & MARKA MAVISI ─────────────────────────────── */
    --logo-blue:          #123250;
    --logo-blue-rgb:      18, 50, 80;

    /* ── ANA RENKLER (Petrol Yeşili Temelli) ─────────────── */
    --navy:               #0f4545;        /* Footer, Hero, Sidebar CTA */
    --navy-mid:           #165c5c;        /* Kartlar, hover */
    --navy-dark:          #0a3030;        /* Footer en derin tonu */
    --navy-rgb:           15, 69, 69;

    /* ── VURGU RENKLERİ (Şampanya Gold) ─────────────────── */
    --gold:               #e8cd86;        /* İkonlar ve lüks vurgular */
    --gold-light:         #f5e6b3;        /* Hover durumları */
    --gold-pale:          #fdfbf3;        /* Çok hafif arka planlar */

    /* ── NÖTR RENKLER ────────────────────────────────────── */
    --white:              #ffffff;
    --off:                #fafaf8;        /* Kırık beyaz – sayfa geneli */
    --bg:                 #f0f4f4;        /* Hafif soğuk içerik arka planı */

    /* ── METİN RENKLERİ ──────────────────────────────────── */
    --text:               #142323;        /* Siyaha yakın koyu yeşil */
    --muted:              #688484;        /* Yardımcı / ikincil metinler */

    /* ── KENARILIKLAR ────────────────────────────────────── */
    --border:             #e2dfd2;        /* Şampanya tonlu kenarlık */
    --border-light:       rgba(15, 69, 69, 0.08);

    /* ── GÖLGELER ────────────────────────────────────────── */
    --shadow-sm:          0 2px 12px rgba(15, 69, 69, 0.06);
    --shadow-md:          0 8px 32px rgba(15, 69, 69, 0.10);
    --shadow-lg:          0 20px 60px rgba(15, 69, 69, 0.15);

    /* ── GEOMETRİ ────────────────────────────────────────── */
    --radius-sm:          4px;
    --radius-md:          8px;
    --radius-lg:          16px;
    --container:          1140px;

    /* ── TİPOGRAFİ ───────────────────────────────────────── */
    --font-display:       'Playfair Display', Georgia, serif;
    --font-body:          'DM Sans', -apple-system, system-ui, sans-serif;

    /* ── ETKİLEŞİM ───────────────────────────────────────── */
    --transition:         .3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* =========================================================
   2. RESET & BASE
========================================================= */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; font-size: 16px; }

body {
    font-family: var(--font-body);
    color: var(--text);
    background: var(--white);
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
}

img    { max-width: 100%; height: auto; display: block; }
a      { text-decoration: none; color: inherit; transition: color var(--transition); }
ul     { list-style: none; }
button { cursor: pointer; border: none; background: none; font-family: inherit; }

/* =========================================================
   3. KONTEYNER
========================================================= */
.meg-container {
    max-width: var(--container);
    margin: 0 auto;
    padding: 0 40px;
}

/* =========================================================
   4. BUTONLAR
========================================================= */
.meg-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 28px;
    border-radius: var(--radius-sm);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .4px;
    transition: all var(--transition);
    cursor: pointer;
    border: 2px solid transparent;
    white-space: nowrap;
}

.meg-btn--gold          { background: var(--gold); color: var(--navy); }
.meg-btn--gold:hover    { background: var(--gold-light); color: var(--navy); transform: translateY(-2px); }

.meg-btn--navy          { background: var(--navy); color: var(--white); }
.meg-btn--navy:hover    { background: var(--navy-mid); color: var(--white); }

.meg-btn--primary       { background: var(--navy); color: var(--white); }
.meg-btn--primary:hover { background: var(--gold); color: var(--navy); }

.meg-btn--outline-white       { border-color: rgba(255,255,255,.4); color: var(--white); }
.meg-btn--outline-white:hover { background: rgba(255,255,255,.1); }

.meg-btn--outline-navy       { border-color: var(--navy); color: var(--navy); }
.meg-btn--outline-navy:hover { background: var(--navy); color: var(--white); }

.meg-btn--sm   { padding: 9px 18px; font-size: 12px; }
.meg-btn--full { width: 100%; justify-content: center; }

/* =========================================================
   5. BÖLÜM BAŞLIĞI (Section Header)
========================================================= */
.meg-section-header { text-align: center; margin-bottom: 52px; }
.meg-section-header--light .meg-section-title { color: var(--white); }
.meg-section-header--light .meg-section-desc { color: rgba(255,255,255,.55); }
.meg-section-header--light .meg-section-tag { color: var(--gold); border-color: var(--gold); }

.meg-section-tag {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--gold);
    border-bottom: 2px solid var(--gold);
    padding-bottom: 4px;
    margin-bottom: 16px;
}
.meg-section-tag--light { color: var(--gold-light); border-color: var(--gold-light); }

.meg-section-title {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 700;
    color: var(--navy);
    margin-bottom: 14px;
    line-height: 1.25;
}

.meg-section-desc {
    font-size: 15px;
    color: var(--muted);
    max-width: 560px;
    margin: 0 auto;
    line-height: 1.7;
}

/* =========================================================
   6. SCROLLBAR & SEÇİM
========================================================= */
::-webkit-scrollbar       { width: 6px; }
::-webkit-scrollbar-track { background: var(--off); }
::-webkit-scrollbar-thumb { background: var(--gold); border-radius: 3px; }

::selection { background: var(--gold-pale); color: var(--navy); }

/* =========================================================
   7. WORDPRESS – GENEL YAZI İÇERİĞİ (entry-content)
========================================================= */

/* Yazı alanı genişliği */
.single-post .entry-content,
.page .entry-content {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
}

/* Başlıklar */
.entry-content h2,
.entry-content h3 {
    font-family: var(--font-display);
    color: var(--navy);
    margin-top: 40px;
    margin-bottom: 20px;
}

.entry-content h2 {
    border-left: 4px solid var(--gold);
    padding-left: 15px;
    font-size: 26px;
}

/* Görseller */
.entry-content img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: var(--radius-md);
}

/* Tablolar */
.entry-content table,
.wp-block-table table {
    width: 100% !important;
    border-collapse: separate;
    border-spacing: 0;
    margin: 30px 0;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.entry-content table th {
    background-color: var(--navy) !important;
    color: var(--gold) !important;
    padding: 15px 20px;
    font-family: var(--font-display);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.entry-content table td {
    padding: 12px 20px;
    border-bottom: 1px solid var(--off);
    color: var(--text);
    font-size: 14px;
}

.entry-content table tr:nth-child(even) td {
    background-color: var(--off);
}

/* =========================================================
   8. WORDPRESS – ÖNE ÇIKAN GÖRSEL (Featured Image)
   single-post.css kendi .meg-blog-single__thumb kurallarını yönetir.
========================================================= */
.single-post .post-thumbnail,
.single-post .wp-block-post-featured-image {
    display: none !important; /* meg-blog-single__thumb kullanılıyor */
}