/**
 * Fotoloji - Günün Terimi Stilleri
 * Tema ile tam uyumluluk için güncellendi. Renkler ve fontlar temadan devralınır.
 */

/* --- Genel Kart Stilleri (Kısakod için) --- */
.fotoloji-term-card {
    position: relative;
    padding: 30px;
    margin-bottom: 20px;
    border-radius: 12px;
    font-family: inherit; /* Fontu temadan devral */
    color: inherit; /* Metin rengini temadan devral */
    overflow: hidden;
    z-index: 1; /* Çocukların pseudo-elementin üzerinde kalmasını sağlar */
}

/* 
 * Arka planı ve kenarlığı, metin rengine göre otomatik ayarlar.
 * Bu sayede hem açık hem de koyu temalarda düzgün görünür.
*/
.fotoloji-term-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: currentColor;
    opacity: 0.04; /* Çok silik bir arkaplan tonu */
    border-radius: inherit;
    z-index: -1; /* İçeriğin arkasına gönder */
    border: 1px solid;
    border-color: currentColor;
    opacity: 0.1; /* Kenarlık için biraz daha belirgin opaklık */
}

/* Kart Başlığı */
.fotoloji-term-card .term-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid;
    border-color: currentColor;
    opacity: 0.2;
}

.fotoloji-term-card .term-title {
    margin: 0;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
    opacity: 0.8;
}

/* Rozet için tema ana rengini kullan */
.fotoloji-term-card .term-badge {
    background: var(--primary-color);
    color: #fff; /* Genellikle ana renk üzerinde beyaz iyi durur */
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 1;
}

/* Terim Adı (Başlık) */
.fotoloji-term-card .term-name,
.fotoloji-term-card .term-name a {
    margin: 0 0 15px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.2;
    color: inherit; /* Rengi ebeveynden devralır (tema h3 stili) */
    text-decoration: none;
}
.fotoloji-term-card .term-name a:hover {
    color: var(--primary-color); /* Tema link hover rengi */
}

/* Açıklama metni */
.fotoloji-term-card .term-def {
    margin-bottom: 1.5em;
    /* Renk ve font büyüklüğü ebeveynden devralınır */
}

/* "Devamını Oku" linki */
.fotoloji-term-card .term-read-more {
    display: inline-block;
    font-weight: 600;
    color: var(--primary-color); /* Vurgu rengi olarak tema ana rengi */
}

.fotoloji-term-card .term-read-more:hover {
    text-decoration: underline;
}


/* --- Widget Modu Ayarlamaları --- */
/* 
 * Widget içindeyken tüm kart stillerini sıfırla, temanın .widget stili uygulansın.
 * Tema .widget sınıfı arkaplanı ve genel çerçeveyi sağlar.
 */
.widget .fotoloji-term-card.widget-mode {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
}

.widget .fotoloji-term-card.widget-mode::before {
    display: none; /* Pseudo-element arkaplanını ve kenarlığını kaldır */
}

/* Widget başlığı tema tarafından işlendiği için bunu gizleyelim */
.widget .fotoloji-term-card.widget-mode .term-head {
    display: none;
}

/* Widget içindeki başlık ve metinler, .widget konteynerinden renklerini devralır. */
.widget .fotoloji-term-card.widget-mode .term-name,
.widget .fotoloji-term-card.widget-mode .term-name a {
    font-size: 1.3rem;
    margin-top: 0;
    color: inherit; /* .widget h3 stilini devralır */
}

.widget .fotoloji-term-card.widget-mode .term-def {
    font-size: 1rem;
    line-height: 1.5;
    color: inherit; /* .widget p stilini devralır */
}