/* Dosya: p/style.css | Tarih: 2025.12.23 */

:root {
    --gold: #d4af37;
    --gold-hover: #f4d03f;
    --bg-dark: #0a0a0a;
    --bg-card: #141414;
    --text-main: #f3f3f3;
    --text-muted: #888;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--bg-dark);
    color: var(--text-main);
    overflow-x: hidden;
}

.playfair { font-family: 'Playfair Display', serif; }
.text-gold { color: var(--gold); }
.border-gold { border-color: var(--gold); }
.bg-gold { background-color: var(--gold); }

/* Scrollbar Tasarımı */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #1a1a1a; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--gold); }

/* Kart Tasarımı */
.proje-card {
    background-color: var(--bg-card);
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.4s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}

.proje-card:hover {
    border-color: var(--gold);
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.4);
}

/* İframe Alanı */
.iframe-wrapper {
    position: relative;
    width: 100%;
    height: 450px;
    background-color: #000;
    overflow: hidden;
    background-image: url('data/yazilim.jpg');
    background-size: cover;
    background-position: center;
}

.iframe-wrapper iframe {
    width: 100%;
    height: 100%;
    border: none;
    position: relative; 
    z-index: 10; 
    background: transparent;
}

.iframe-overlay {
    position: absolute;
    inset: 0;
    z-index: 20;
    background: transparent;
    cursor: pointer;
}

/* Boş Proje Stili */
.proje-card.bos {
    opacity: 0.3;
    border-style: dashed;
    pointer-events: none;
}

/* Tablo Tasarımı */
.custom-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px;
}
.custom-table th {
    text-align: left;
    padding: 15px;
    color: var(--gold);
    font-family: 'Playfair Display', serif;
    font-size: 1.1rem;
}
.custom-table td {
    background: var(--bg-card);
    padding: 15px;
    border-top: 1px solid rgba(212, 175, 55, 0.1);
    border-bottom: 1px solid rgba(212, 175, 55, 0.1);
}
.custom-table td:first-child { border-left: 1px solid rgba(212, 175, 55, 0.1); border-radius: 8px 0 0 8px; }
.custom-table td:last-child { border-right: 1px solid rgba(212, 175, 55, 0.1); border-radius: 0 8px 8px 0; }

/* Butonlar */
.btn-gold {
    background: transparent;
    border: 1px solid var(--gold);
    color: var(--gold);
    padding: 8px 16px;
    border-radius: 6px;
    transition: all 0.3s;
    font-weight: 500;
}
.btn-gold:hover, .btn-gold.active {
    background: var(--gold);
    color: #000;
}

/* Animasyon */
.fade-in { animation: fadeIn 0.5s ease forwards; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* Yükleniyor */
#loader {
    position: fixed; inset: 0; background: #000; z-index: 9999;
    display: flex; justify-content: center; align-items: center;
}
.spinner {
    width: 50px; height: 50px; border: 3px solid rgba(212,175,55,0.2);
    border-top-color: var(--gold); border-radius: 50%; animation: spin 1s infinite linear;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* Modal */
.modal { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.9); z-index: 100; justify-content: center; align-items: center; }
.modal.show { display: flex; }