/*
Theme Name: Pars Child
Template: pars
*/

/* =========================================================
   IZNATURA - GÜNCEL STİL DOSYASI (V12 - FINAL + BELİRGİN İKON)
   1. Besin Tablosu
   2. Slider Alanı
   3. Arama Motoru
   4. Buton Efektleri
   5. Mobil Uyumluluk
   6. İçindekiler Kutusu
   7. Sol Şeritli Modern Başlıklar
   8. SSS (Yeşil Konsept + Belirgin İkon)
   ========================================================= */

/* ---------------------------------------------------------
   0. GENEL DÜZEN
   --------------------------------------------------------- */
.header-area {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/* ---------------------------------------------------------
   1. BESİN TABLOSU (SIDEBAR)
   --------------------------------------------------------- */
.iz-wrapper-sidebar {
    background: #fff;
    border: 1px solid #f0f0f0;
    padding: 30px 20px;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.06);
    font-family: 'Segoe UI', sans-serif;
    text-align: center;
    margin-bottom: 20px;
    animation: izFadeUp 0.8s ease-out;
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
    z-index: 99;
}

.iz-content-mode {
    position: relative !important;
    top: 0 !important;
    z-index: 1 !important;
    max-width: 600px !important;
    width: 100% !important;
    margin: 40px auto !important;
    border: 2px solid #f8f9fa;
}

.iz-header {
    font-size: 22px; 
    font-weight: 800;
    color: #2d3436;
    margin-bottom: 5px;
    line-height: 1.2;
}

.iz-sub-header {
    font-size: 13px;
    font-weight: 600;
    color: #b2bec3;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.iz-circle-section {
    position: relative;
    width: 140px;
    height: 140px;
    margin: 25px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iz-circle-content {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.iz-cal-icon { font-size: 18px; margin-bottom: 2px; }
.iz-big-val  { font-size: 34px; font-weight: 900; color: #2d3436; line-height: 1; }
.iz-big-label{ font-size: 14px; color: #636e72; font-weight: 700; }

.iz-progress-ring { transform: rotate(-90deg); }
.iz-ring-bg       { stroke: #f1f2f6; }
.iz-ring-val {
    stroke: #d66d75; 
    stroke-linecap: round;
    transition: stroke-dashoffset 1s ease-in-out;
    transform-origin: 50% 50%;
    animation: izRingLoad 1.5s ease-out forwards;
}

.iz-macros-grid {
    display: flex;
    justify-content: space-between;
    background: #fdfdfd;
    border-radius: 15px;
    padding: 20px 10px;
    border: 1px solid #f5f6fa;
}

.iz-macro-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 33%;
    position: relative;
    transition: transform 0.3s ease;
    cursor: default;
}
.iz-macro-item:hover { transform: translateY(-5px); }

.iz-dot { width: 10px; height: 10px; border-radius: 50%; margin-bottom: 8px; }
.dot-pro { background-color: #74b9ff; box-shadow: 0 0 8px rgba(116, 185, 255, 0.5); } 
.dot-kar { background-color: #fab1a0; box-shadow: 0 0 8px rgba(250, 177, 160, 0.5); } 
.dot-yag { background-color: #a29bfe; box-shadow: 0 0 8px rgba(162, 155, 254, 0.5); } 

.macro-title { font-size: 14px; color: #636e72; font-weight: 700; margin-bottom: 4px; }
.macro-val   { font-size: 16px; font-weight: 800; color: #2d3436; }

@keyframes izFadeUp {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes izRingLoad {
    0%   { stroke-dashoffset: 377; }
    100% { stroke-dashoffset: 90; }
}

/* ---------------------------------------------------------
   2. SLIDER ALANI
   --------------------------------------------------------- */
.iz-slider-container {
    position: relative; 
    width: 100%; 
    max-width: 350px; 
    height: 380px; 
    margin-bottom: 30px;
    position: -webkit-sticky;
    position: sticky;
    top: 400px; 
    z-index: 98;
}

.iz-slider-header { 
    font-size: 16px; 
    font-weight: 800; 
    margin-bottom: 15px; 
    color: #333; 
    text-transform: uppercase; 
    border-left: 3px solid #8E9E5F; 
    padding-left: 10px; 
}

.iz-slider-wrapper { 
    position: relative; 
    width: 100%; 
    height: 100%; 
    overflow: hidden; 
    border-radius: 15px; 
    box-shadow: 0 10px 25px rgba(0,0,0,0.1); 
    background: #fff; 
}

.iz-slide {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;
    animation: izSlideAnim 15s infinite; background: #fff; display: flex; flex-direction: column;
}
.iz-slide-1 { animation-delay: 0s; }
.iz-slide-2 { animation-delay: 5s; }
.iz-slide-3 { animation-delay: 10s; }

@keyframes izSlideAnim { 
    0% { opacity: 0; transform: scale(1.05); } 
    5% { opacity: 1; transform: scale(1); } 
    30% { opacity: 1; } 
    35% { opacity: 0; } 
    100% { opacity: 0; } 
}

.iz-slide-img { height: 60%; background-size: cover; background-position: center; position: relative; }
.iz-slide-badge { position: absolute; top: 15px; left: 15px; background: #c0392b; color: #fff; padding: 5px 12px; border-radius: 20px; font-size: 11px; font-weight: bold; }
.iz-slide-content { padding: 20px; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; text-align: center; }
.iz-slide-title { font-size: 18px; margin: 0 0 10px 0; line-height: 1.3; }
.iz-slide-title a { color: #222; text-decoration: none; }
.iz-slide-meta { font-size: 13px; color: #666; margin-bottom: 15px; display: flex; justify-content: center; gap: 15px; }

.iz-slide-btn { 
    background: #8E9E5F; 
    color: #fff !important; 
    padding: 10px 20px; 
    border-radius: 8px; 
    font-weight: bold; 
    display: inline-block; 
    transition: background 0.3s; 
    text-decoration: none; 
}
.iz-slide-btn:hover { background: #6e7c45; }

/* ---------------------------------------------------------
   3. ARAMA MOTORU VE HERO ALANI
   --------------------------------------------------------- */
.iz-hero-wrapper {
    background-color: #8E9E5F !important; 
    padding: 60px 20px;
    border-radius: 12px;
    text-align: center;
    color: #fff;
    margin-bottom: 30px !important;
    margin-top: 30px !important; 
    max-width: 1280px !important; 
    width: 96% !important; 
    margin-left: auto !important;
    margin-right: auto !important;
}

.iz-tag-badge { background: rgba(255,255,255,0.25); padding: 5px 15px; border-radius: 20px; font-size: 11px; font-weight: 700; display: inline-block; margin-bottom: 15px; text-transform: uppercase; }
.iz-hero-title { font-size: 32px !important; font-weight: 800 !important; color: #fff !important; margin: 0 0 10px 0 !important; }
.iz-hero-desc { font-size: 16px !important; color: rgba(255,255,255,0.95) !important; max-width: 600px; margin: 0 auto 30px auto !important; }

.iz-input-group { background: #fff; padding: 6px; border-radius: 50px; display: flex; align-items: center; max-width: 550px; margin: 0 auto; }

input.iz-search-field { 
    border: none !important; 
    background: transparent !important; 
    padding: 12px 20px !important; 
    width: 100% !important; 
    font-size: 16px !important; 
    color: #333 !important; 
    outline: none !important; 
}

button.iz-search-btn { 
    background: #c0392b !important; 
    border: none !important; 
    border-radius: 50% !important; 
    width: 44px !important; 
    height: 44px !important; 
    cursor: pointer !important; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    padding: 0 !important; 
}

/* ---------------------------------------------------------
   4. IZNATURA - BUTON EFEKTİ
   --------------------------------------------------------- */
.header-area a[href*="kalori"],
.menu-item a[href*="kalori"],
nav a[href*="kalori"] {
    background-color: #e74c3c !important; 
    color: #ffffff !important; 
    padding: 12px 25px !important;
    border-radius: 50px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    display: inline-block !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translateZ(0);
    animation: izNaturaSharpPulse 2s infinite !important;
}

.header-area a[href*="kalori"]:hover,
.menu-item a[href*="kalori"]:hover,
nav a[href*="kalori"]:hover {
    animation: none !important;
    background-color: #c0392b !important;
    color: #fff !important;
    box-shadow: 0 5px 15px rgba(192, 57, 43, 0.4);
}

@keyframes izNaturaSharpPulse {
    0% { background-color: #e74c3c; box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.7); }
    50% { background-color: #f1c40f; color: #000 !important; box-shadow: 0 0 0 10px rgba(241, 196, 15, 0); }
    100% { background-color: #e74c3c; box-shadow: 0 0 0 0 rgba(231, 76, 60, 0); }
}

/* ---------------------------------------------------------
   5. MOBİL UYUMLULUK
   --------------------------------------------------------- */
@media (max-width: 768px) {
    #secondary, #sidebar, .sidebar { 
        display: block !important; 
        width: 100% !important;
        float: none !important;
        margin-top: 30px !important;
    }
    .iz-hero-wrapper {
        margin-left: 10px !important;
        margin-right: 10px !important;
        border-radius: 8px !important;
        width: auto !important; 
    }
    .iz-wrapper-sidebar, .iz-slider-container {
        position: relative !important;
        top: 0 !important;
        max-width: 100% !important;
    }
    .header-area a[href*="kalori"],
    .menu-item a[href*="kalori"] {
        padding: 8px 15px !important;
        font-size: 11px !important;
        margin-top: 5px !important;
        width: auto !important;
    }
}

/* ---------------------------------------------------------
   6. İÇİNDEKİLER KUTUSU
   --------------------------------------------------------- */
.pars-single-icerik .pars-icindekiler, 
.pars-icindekiler {
    border: 3px solid #e74c3c !important; 
    background-color: #ffffff !important;
    border-radius: 15px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
    margin: 30px 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

.pars-single-icerik .pars-icindekiler-baslik,
.pars-icindekiler-baslik {
    background-color: #e74c3c !important; 
    color: #ffffff !important; 
    padding: 15px 20px !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-bottom: 1px solid #c0392b !important;
}

.pars-icindekiler-baslik i, 
.pars-icindekiler-baslik span,
.pars-icindekiler-baslik::after {
    color: #ffffff !important;
}

.pars-icindekiler ul li a:hover {
    color: #e74c3c !important;
    padding-left: 8px !important;
    transition: all 0.3s ease !important;
}

/* ---------------------------------------------------------
   7. YENİ: SOL ŞERİTLİ VE GRADIENT ARKA PLANLI BAŞLIKLAR
   --------------------------------------------------------- */
.pars-single-icerik h2,
.pars-single-icerik h3,
.pars-single-icerik h4,
.entry-content h2,
.entry-content h3,
.entry-content h4 {
    color: #8E9E5F !important;
    font-weight: 800 !important;
    border-left: 7px solid #8E9E5F !important;
    background: linear-gradient(90deg, #f4f8f0 0%, #ffffff 100%) !important;
    padding: 10px 0 10px 15px !important;
    margin-top: 30px !important;
    margin-bottom: 20px !important;
    display: block !important;
    width: 100% !important;
}

.pars-single-icerik h2 a,
.entry-content h2 a {
    text-decoration: none !important;
    color: #8E9E5F !important;
}

.pars-single-icerik h2 a:hover,
.entry-content h2 a:hover {
    color: #6e7c45 !important;
}

/* ---------------------------------------------------------
   8. SSS (SIKÇA SORULAN SORULAR) - YEŞİL KONSEPT (FINAL)
   --------------------------------------------------------- */

/* A) Kutu Tasarımı */
.pars-sss-item {
    border: 3px solid #8E9E5F !important; /* Ana Yeşil */
    background-color: #ffffff !important;
    border-radius: 15px !important;
    margin-bottom: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
}

/* B) Başlık Tasarımı */
.pars-sss-item-header {
    background-color: #8E9E5F !important; /* Ana Yeşil */
    color: #ffffff !important;             /* Beyaz Yazı */
    padding: 15px 20px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-bottom: 1px solid #6e7c45 !important;
}

.pars-sss-item-header:hover {
    background-color: #6e7c45 !important; /* Hover Rengi */
}

/* Başlıktaki her şeyi BEYAZ yap */
.pars-sss-item-header, 
.pars-sss-item-header h3, 
.pars-sss-item-header span {
    color: #ffffff !important;
}

/* --- YENİ EKLENDİ: İKONU BELİRGİNLEŞTİR --- */
/* İkonu (i, svg veya ::after) çok daha büyük ve kalın yap */
.pars-sss-item-header i,
.pars-sss-item-header svg,
.pars-sss-item-header::after {
    color: #ffffff !important;
    font-size: 28px !important;  /* Büyütüldü */
    font-weight: 900 !important; /* Kalınlaştırıldı */
    /* İsteğe bağlı: Hafif bir gölge ile iyice patlat */
    text-shadow: 0 2px 4px rgba(0,0,0,0.2) !important; 
    line-height: 1 !important;
}
/* ----------------------------------------- */


/* C) İçerik Alanı (Kapanma Sorunu Çözümü) */
.pars-sss-item-content {
    padding: 0 !important;
    color: #333 !important;
    background-color: #fff !important;
    transition: all 0.3s ease;
}

/* Yazılara boşluğu buradan veriyoruz */
.pars-sss-item-content p,
.pars-sss-item-content > div {
    padding: 20px !important;
    margin: 0 !important;
}

/* D) Liste ve Nokta Ayarları (Manuel Ekleme) */
.pars-sss-item-content ul, 
.pars-sss-item-content ol {
    padding: 10px 20px 10px 20px !important;
    margin: 0 !important;
    list-style: none !important;
}

.pars-sss-item-content li {
    position: relative !important;
    padding-left: 25px !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* YEŞİL NOKTA EKLEME ve HİZALAMA */
.pars-sss-item-content li::before {
    content: "•" !important;
    position: absolute !important;
    left: 0 !important;
    top: 9px !important;
    color: #8E9E5F !important;
    font-weight: bold !important;
    font-size: 24px !important;
    line-height: 1 !important;
}