/*
Theme Name: Tyza.io V22 (Animation Fix & Grid Print)
Version: 22.0
Author: Tyza.io
*/

/* --- 1. GENEL AYARLAR --- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { background-color: #f4f6f9; font-family: 'Poppins', sans-serif; color: #333; overflow-x: hidden; }

/* --- 2. ANİMASYONLARI TANIMLA (En Üstte) --- */
@keyframes slideDownFade {
    0% { opacity: 0; transform: translateY(-30px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes slideUpFade {
    0% { opacity: 0; transform: translateY(40px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes pulse-green {
    0% { box-shadow: 0 0 0 0 rgba(0, 184, 148, 0.7); transform: scale(1); }
    50% { transform: scale(1.1); }
    70% { box-shadow: 0 0 0 10px rgba(0, 184, 148, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 184, 148, 0); transform: scale(1); }
}

/* --- 3. ELEMENTLERE ANİMASYON ATA --- */

/* Header (Giriş Efekti) */
.site-header {
    background: #fff; padding: 15px 0; margin-bottom: 25px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.03);
    animation: slideDownFade 0.8s ease-out forwards !important; /* ZORLA */
}

/* Menü (Giriş Efekti) */
.nav-scroller { 
    position: relative; z-index: 2; margin-bottom: 25px; width: 100%; 
    text-align: center; overflow-x: auto; white-space: nowrap; padding-bottom: 10px; 
    animation: slideDownFade 1s ease-out forwards !important; /* ZORLA */
}
.nav-scroller .nav { 
    display: inline-flex; padding: 5px; margin: 0 auto; background: #fff; 
    border-radius: 50px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); 
}

/* Kartlar (Giriş Efekti) */
.hero-card { 
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 
    color: white; border-radius: 20px; border: none; padding: 30px;
    animation: slideUpFade 0.8s ease-out forwards !important; /* ZORLA */
    transition: transform 0.3s ease;
}
.card-custom { 
    border: none; border-radius: 20px; background: #ffffff; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.04); overflow: hidden; padding: 30px;
    animation: slideUpFade 1.2s ease-out forwards !important; /* ZORLA */
    transition: transform 0.3s ease;
}

/* Hover Efektleri */
.hero-card:hover, .card-custom:hover { transform: translateY(-5px); }
.nav-pills-custom .nav-link { 
    border-radius: 50px; color: #636e72; font-weight: 600; padding: 10px 20px; 
    margin: 0 2px; background: transparent; border: none; 
    display: flex; align-items: center; gap: 8px; text-decoration: none; 
    transition: all 0.3s ease;
}
.nav-pills-custom .nav-link:hover { background-color: #f8f9fa; color: #4e54c8; transform: translateY(-2px); }
.nav-pills-custom .nav-link.active { background: #4e54c8; color: #fff; box-shadow: 0 4px 10px rgba(78, 84, 200, 0.3); transform: scale(1.05); }

/* Ziyaretçi Sayacı */
.visitor-badge-container { text-align: center; margin-bottom: 25px; animation: slideDownFade 1s ease forwards; }
.visitor-badge { 
    display: inline-flex; align-items: center; background: #fff; padding: 8px 20px; 
    border-radius: 50px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); color: #636e72; font-weight: 600;
}
.live-dot { 
    display: inline-block; width: 10px; height: 10px; background-color: #00b894; 
    border-radius: 50%; margin-right: 8px; 
    animation: pulse-green 2s infinite !important; /* ZORLA */
}

/* --- 4. FORM VE TABLO (STANDART) --- */
.input-group-text { background: #fff; border: 1px solid #eee; border-right: none; border-radius: 12px 0 0 12px; padding: 10px 15px; font-weight: bold; color: #333; }
.form-control-custom { 
    border: 1px solid #eee; border-left: none; border-radius: 0 12px 12px 0; 
    padding: 10px; font-size: 16px; font-weight: 500; height: 45px; 
    transition: 0.3s;
}
.form-control-custom:focus { box-shadow: none; border-color: #4e54c8; transform: translateX(5px); }

/* --- 5. BANKA KÜPÜRÜ GİRİŞ EKRANI (GRID) --- */
.bank-grid-row { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 20px; }
.bank-grid-col { flex: 1 1 30%; min-width: 250px; }
.bank-label { font-size: 0.85rem; font-weight: 700; color: #2d3436; margin-bottom: 5px; display: block; }
.bank-live-val { text-align: right; font-size: 0.8rem; font-weight: 700; color: #007bff; margin-top: 4px; }
.coin-row { margin-top: 10px; margin-bottom: 30px; }
.bank-total-box { border: 2px dashed #e0e0e0; border-radius: 15px; padding: 25px; text-align: center; margin-bottom: 30px; background-color: #fafafa; }
.total-label { font-size: 0.8rem; font-weight: 700; color: #636e72; text-transform: uppercase; }
.total-amount { font-size: 3rem; font-weight: 800; color: #4e54c8; line-height: 1.2; }

/* İmza Alanı (Web) */
.signature-web-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; border-bottom: 1px dashed #eee; padding-bottom: 15px; }
.signature-web-row:last-child { border-bottom: none; }
.sig-input { border: none; background: transparent; font-weight: 600; color: #333; width: 100%; }
.sig-placeholder { background: #eee; color: #636e72; font-weight: bold; padding: 10px 30px; border-radius: 4px; font-size: 0.9rem; }

/* Yazdır Butonu */
.btn-print { background: #007bff; color: #fff; width: 100%; padding: 15px; border-radius: 50px; font-weight: 800; font-size: 1.1rem; border: none; box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3); transition: all 0.3s; }
.btn-print:hover { background: #0056b3; transform: translateY(-3px); }

/* --- 6. GİZLİ YAZDIRMA ALANI --- */
#print-view { display: none; }

/* --- 7. MOBİL UYUMLULUK --- */
@media (max-width: 768px) {
    .nav-scroller { text-align: left; padding-left: 15px; }
    .display-4 { font-size: 2rem; }
    .bank-grid-col { flex: 1 1 45%; }
    .total-amount { font-size: 2.5rem; }
}

/* --- 8. YAZICI (PRINT) MODU --- */
@media print {
    @page { margin: 1cm; size: A4 portrait; }
    body > .container, header, footer, .nav-scroller, .card-custom, .no-print, .visitor-badge-container { display: none !important; }
    #print-view { display: block !important; width: 100%; font-family: Arial, sans-serif; }
    .print-header { text-align: center; font-weight: 900; font-size: 18px; margin-bottom: 20px; text-transform: uppercase; border-bottom: 2px solid #000; padding-bottom: 10px; }
    .print-table { width: 100%; border-collapse: collapse; font-size: 13px; margin-bottom: 40px; }
    .print-table th, .print-table td { border: 2px solid #000 !important; padding: 8px !important; text-align: center; color: #000 !important; }
    .print-table th { background-color: #ddd !important; -webkit-print-color-adjust: exact; font-weight: bold; }
    .text-end { text-align: right !important; padding-right: 15px !important; }
    .fw-bold { font-weight: bold; }
    .signature-grid { display: flex; justify-content: space-between; margin-bottom: 40px; page-break-inside: avoid; }
    .sig-block { width: 48%; border: 2px solid #000; }
    .sig-header { background-color: #ddd !important; -webkit-print-color-adjust: exact; border-bottom: 2px solid #000; text-align: center; font-weight: bold; padding: 5px; font-size: 12px; }
    .sig-content { height: 50px; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 14px; text-transform: uppercase; }
}

/* --- HEADER LOGO ÖZELLEŞTİRME --- */
.header-logo {
    font-family: 'Poppins', sans-serif; /* Modern yazı tipi */
    font-size: 2rem;       /* Yazı boyutu */
    font-weight: 800;      /* Yazı kalınlığı */
    color: #4e54c8;        /* Ana renk (Mor/Mavi tonu) */
    text-decoration: none; /* Alt çizgiyi kaldır */
    letter-spacing: -1px;  /* Harfleri biraz sıkılaştır */
    text-transform: uppercase; /* Harfleri büyüt (İsteğe bağlı) */
    
    /* İsteğe bağlı: Hafif gölge efekti */
    text-shadow: 2px 2px 0px rgba(78, 84, 200, 0.1);
    
    transition: all 0.3s ease; /* Hover geçiş efekti */
}

/* Üzerine gelince (Hover) */
.header-logo:hover {
    color: #3d43a8;        /* Hover rengi (Biraz daha koyu) */
    transform: scale(1.05); /* Hafifçe büyüsün */
    text-decoration: none;
}


/* --- FOOTER ORTALAMA (Web & Mobil) --- */
.site-footer {
    text-align: center !important; /* Tüm metinleri ortala */
}

.footer-content {
    display: flex;
    flex-direction: column;       /* İçerikleri alt alta diz */
    align-items: center !important; /* Kutuları yatayda ortala */
    justify-content: center !important;
    width: 100%;
}

/* Logo, Linkler ve Telif Hakkı kutularını kapsar */
.footer-brand,
.footer-links,
.footer-copyright {
    text-align: center !important;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Linkleri yan yana ve ortalı tut */
.footer-links {
    flex-direction: row; /* Linkler yan yana olsun */
    flex-wrap: wrap;     /* Sığmazsa alt satıra geçsin */
    gap: 20px;
    margin: 20px 0;      /* Üstten alttan boşluk */
}

/* --- KOPYALAMA VE SEÇİM ENGELLEME --- */
body {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE/Edge */
    user-select: none;         /* Standart */
}

/* Sadece input ve textarea alanlarında yazmaya izin ver */
input, textarea {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}