/**
 * archive-tarih-olay.php — tipografi: esmer-font-stacks.css değişkenleri
 */

.post-type-archive-tarih-olay {
	font-family: var(--esmer-font-body);
}

.post-type-archive-tarih-olay .arsiv-header {
	text-align: center;
	margin-bottom: 50px;
}

.post-type-archive-tarih-olay .arsiv-title {
	font-family: var(--esmer-font-display);
	font-size: 42px;
	font-weight: 900;
	color: #111;
	margin: 0;
}

.post-type-archive-tarih-olay .arsiv-desc {
	font-family: var(--esmer-font-body);
	font-style: italic;
	color: #666;
}

.post-type-archive-tarih-olay .olay-filtre-btn,
.post-type-archive-tarih-olay .tip-badge,
.post-type-archive-tarih-olay .s-lbl,
.post-type-archive-tarih-olay .o-hover-btn {
	font-family: var(--esmer-font-ui);
}

.post-type-archive-tarih-olay .o-title,
.post-type-archive-tarih-olay .tarih-badge {
	font-family: var(--esmer-font-display);
}

.post-type-archive-tarih-olay .o-sonuc {
	font-family: var(--esmer-font-body);
}

.esmer-archive-divider {
	width: 60px;
	height: 3px;
	background: #ffba00;
	margin: 20px auto;
}

.arsiv-empty {
	grid-column: 1 / -1;
	text-align: center;
	padding: 100px;
	width: 100%;
	color: #666;
	font-family: var(--esmer-font-body);
}

/* Filtre alanı */
.esmer-olay-filtre { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 50px; padding: 0 20px; }
.olay-filtre-btn { background: #fff; border: 1px solid #eee; color: #555; padding: 10px 20px; border-radius: 50px; font-size: 11px; font-weight: 800; font-family: var(--esmer-font-ui); letter-spacing: 1px; cursor: pointer; transition: all 0.3s ease; text-transform: uppercase; box-shadow: 0 4px 6px rgba(0,0,0,0.02); }
.olay-filtre-btn:hover { background: #fffcf5; border-color: #ffba00; color: #111; transform: translateY(-2px); }
.olay-filtre-btn.active { background: #ffba00; color: #111; border-color: #ffba00; box-shadow: 0 5px 15px rgba(255, 186, 0, 0.3); }

/* GRID SİSTEMİ */
.olay-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 35px; }

/* 🚀 YENİ KART TASARIMI (KATEGORİ RENKLİ & DOKULU) */
.esmer-olay-kart { 
    background: #fff; 
    border-radius: 16px; 
    overflow: hidden; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.06); 
    text-decoration: none !important; 
    display: flex; 
    flex-direction: column; 
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); 
    border: 1px solid #f0f0f0; 
}
.esmer-olay-kart:hover { 
    transform: translateY(-10px); 
    box-shadow: 0 25px 50px rgba(0,0,0,0.12); 
    border-color: var(--kat-renk); 
}

.kart-gorsel-alani { 
    height: 240px; 
    position: relative; 
    background: var(--kat-renk); /* 🚀 Kategori rengi dinamik olarak arka plana basılır */
    overflow: hidden; 
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Karta tarihi bir doku (texture) verelim */
.kart-gorsel-alani::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    z-index: 1;
}

.o-img { 
    position: absolute; inset: 0;
    width: 100%; height: 100%; 
    object-fit: cover; 
    transition: transform 0.8s ease; 
    z-index: 0;
}
.esmer-olay-kart:hover .o-img { transform: scale(1.08); }

.o-overlay { 
    position: absolute; inset: 0; 
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.6) 100%); 
    z-index: 1; 
    transition: 0.4s; 
}
.esmer-olay-kart:hover .o-overlay { background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.1) 60%, var(--kat-renk) 100%); opacity: 0.8; }

/* RESMİ OLMAYAN KARTLAR İÇİN ZARİF FİLİGRAN */
.o-no-img { 
    position: absolute; inset: 0; 
    display: flex; align-items: center; justify-content: center; 
    z-index: 0;
    background: radial-gradient(circle at center, transparent, rgba(0,0,0,0.3));
}
.watermark-icon { font-size: 130px; color: #ffffff; opacity: 0.15; transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.esmer-olay-kart:hover .watermark-icon { transform: scale(1.2) rotate(5deg); opacity: 0.25; }

/* ROZETLER */
.o-badges { 
    position: absolute; top: 15px; left: 15px; right: 15px; 
    display: flex; justify-content: space-between; align-items: flex-start; z-index: 3; 
}
.tip-badge { 
    background: #fff; color: var(--kat-renk); padding: 5px 12px; border-radius: 4px; 
    font-size: 10px; font-weight: 900; font-family: var(--esmer-font-ui); letter-spacing: 1px; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.2); 
}
.tarih-badge { 
    background: rgba(0,0,0,0.7); color: #ffba00; padding: 5px 12px; border-radius: 4px; 
    font-size: 11px; font-weight: 800; font-family: var(--esmer-font-display); 
    box-shadow: 0 4px 15px rgba(0,0,0,0.2); border: 1px solid rgba(255,186,0,0.3);
    backdrop-filter: blur(5px);
}

/* KART BAŞLIĞI */
.o-title-box { position: absolute; bottom: 0; left: 0; width: 100%; padding: 25px 20px 20px 20px; z-index: 3; text-align: center; }
.o-title { 
    font-family: var(--esmer-font-display); font-size: 22px; font-weight: 900; margin: 0; line-height: 1.3; 
    transition: 0.3s; color: #fff; text-shadow: 0 4px 15px rgba(0,0,0,0.6);
    text-transform: uppercase;
}
.esmer-olay-kart:hover .o-title { color: #ffba00; transform: translateY(-3px); }

/* SONUÇ ÇUBUĞU */
.o-sonuc { 
    padding: 15px 20px; font-family: var(--esmer-font-body); font-size: 12px; font-style: italic; 
    border-bottom: 1px solid #eee; flex-grow: 1; display: flex; align-items: center; gap: 8px; 
}
.empty-sonuc { border-bottom: none; }
.s-lbl { font-size: 10px; font-weight: 900; font-family: var(--esmer-font-ui); font-style: normal; opacity: 0.6; letter-spacing: 1px; color: #333; }

.o-sonuc.win { background: #f2fbf5; color: #27ae60; }
.o-sonuc.loss { background: #fdf5f5; color: #c0392b; }
.o-sonuc.neutral { background: #fdfdfd; color: #555; }

/* HOVER BUTONU */
.o-hover-btn { 
    padding: 15px; font-size: 11px; font-weight: 800; text-transform: uppercase; text-align: center; 
    font-family: var(--esmer-font-ui); letter-spacing: 2px; color: #888; background: #fff; 
    transition: all 0.3s ease; border-top: 1px solid #f5f5f5;
}
.esmer-olay-kart:hover .o-hover-btn { 
    background: var(--kat-renk); color: #fff; letter-spacing: 4px; 
}

/* GEÇİŞ ANİMASYONU */
.esmer-filtre-item { transition: opacity 0.3s ease, transform 0.3s ease, box-shadow 0.4s ease; }

/* SAYFALAMA */
.arsiv-pagination { margin-top: 50px; text-align: center; }
.arsiv-pagination .page-numbers { display: inline-block; padding: 10px 15px; background: #fff; border: 1px solid #eee; margin: 0 5px; border-radius: 50px; color: #333; text-decoration: none; font-weight: 700; transition: 0.3s; }
.arsiv-pagination .page-numbers.current, .arsiv-pagination .page-numbers:hover { background: #ffba00; color: #111; border-color: #ffba00; }