/* Genel tablo stilleri */

.styled-table {

    width: 100%;

    border-collapse: collapse;

    margin: 15px 0;

    font-size: 15px;

    background: #fff;

    border-radius: 6px;

    overflow: hidden;

}



/* Başlık */

.styled-table thead tr {

    background-color: #2c3e50;

    color: #ffffff;

    text-align: center;

    font-weight: bold;

}



/* Hücreler */

.styled-table th, .styled-table td {

    padding: 10px 12px;

    border: 1px solid #ddd;

}



/* Satır renkleri */

.styled-table tbody tr:nth-child(even) {

    background-color: #f2f2f2;

}



.styled-table tbody tr:hover {

    background-color: #f7f7f7;

}



/* Sinyal özet kutuları */

.sayi-kutu {

    background: #eef3f7;

    border: 1px solid #d5dde5;

    padding: 15px;

    border-radius: 6px;

    font-size: 15px;

}



.yon-al {

    color: #0d820d;

    font-weight: bold;

}

.yon-sat {

    color: #cc0000;

    font-weight: bold;

}



/* Yön okları */

.yon-ok {

    font-size: 14px;

    margin-left: 4px;

}



/* Kar – Zarar renklendirme */

.kar {

    color: #009900;

    font-weight: bold;

}

.zarar {

    color: #cc0000;

    font-weight: bold;

}



/* Parite ikonları */

.parite-ikon {

    width: 50px;

    height: auto;

    margin-right: 6px;

    vertical-align: middle;

}



/* analizler.php  */

/* style.css */



.container {

    max-width: 1200px;

    margin: 0 auto;

}



h1 {

    text-align: center;

    color: #333;

}



.filters {

    text-align: center;

    margin-bottom: 20px;

}



.filters select {

    padding: 10px;

    font-size: 16px;

}



.cards {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

}



.card {

    width: 380px;

    margin: 10px;

    padding: 0px;

    border-radius: 8px;

    box-shadow: 0 4px 8px rgba(0,0,0,0.1);

    color: #fff; /* Arkaplan renkleri değiştiği için yazı rengi beyaz */

    text-align: center;

}



.card h2 {

    margin-top: 0;

}



.card p {

    margin: 5px 0;

}



@media (max-width: 768px) {

    .card {

        width: 100%;

    }

}

@media (max-width: 768px) {

    .analiz-kart {

        margin-left: 0px;

        margin-right: auto !important;

        width: 100%;

        max-width: 390px;

    }

}





.chart-small {

    width: 150px !important;

    height: 150px !important;

}



.progress-wrapper {

    width: 100%;

    background: #ff0000; /* Zarar arka plan */

    border-radius: 10px;

    overflow: hidden;

    height: 16px;

    margin-top: 8px;

}



.progress-bar {

    height: 100%;

    background: #191919; /* Kar rengi */

    width: 0%; /* PHP ile dolduracağız */

    transition: width 0.5s ease;

}

/* sinyal istatistikler  */

.istatistik-kutu {

    background: #ffffff;

    padding: 15px;

    border-radius: 10px;

    margin: 25px;

    border: 1px solid #cccccc;

}



.istatistik-kutu h2 {

    font-size: 20px;

    margin-bottom: 10px;

}



.istatistik-kutu ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



.istatistik-kutu ul li {

    padding: 6px 0;

    font-size: 15px;

    border-bottom: 1px solid #f1f1f1;

}



.istatistik-kutu ul li:last-child {

    border-bottom: none;

}



.istatistik-kutu strong {

    color: #333;

}



.istatistik-mini {

    font-size: 0.75rem; /* %25 daha küçük */

    opacity: 1.0;

}



/* FX Güncel Sinyaller */

/* Resimlerin otomatik yükseklik ve orijinal oranlarını koruması */

.fx-img {

    height: auto;

    width: 100px; /* masaüstünde daha şık ve geniş */

    object-fit: contain;

    transition: .3s;

    filter: drop-shadow(0px 0px 6px rgba(255,255,255,0.3));

}



.fx-img:hover {

    transform: scale(1.12);

}

/* Forex Piyasasında Neden Kaybediyorsunuz? */

.full-box {

    width: 380px;

    border-radius:16px;

    transition:.3s;

    color: #000000;

    text-align: center;

    font-weight: normal;

}

.full-box:hover {

    transform:translateY(-8px);

    box-shadow:0 20px 30px rgba(0,0,0,0.1);

}

.full-icon {

    font-size:3rem;

    color:#2f4dd4;

}

/* Kullanıcı Yorumları */

.yorum-full {

    width: 380px;

    border:1px solid #eee;

    transition:.3s;

}

.yorum-full:hover {

    transform:translateY(-8px);

}

.avatar-full {

    width:80px;

    height:80px;

    border-radius:50%;

    object-fit:cover;

}

/* sayfa en üst bölüm */

.hero-section-only {

    background: #0c0f24; /* koyu lacivert */

    color: #000000;

    padding-top: 50px;

    padding-bottom: 50px;

}



/* sadece bu bölüm içindeki başlıklar */

.hero-section-only h1,

.hero-section-only h2,

.hero-section-only p {

    color: #000000 !important;

}



/* sadece bu bölümdeki istatistik kutusu */

.hero-section-only .istatistik-kutu {

    background: rgba(255, 255, 255, 0.08);

    backdrop-filter: blur(10px);

    border-radius: 12px;

    padding: 20px;

    border: 1px solid rgba(255,255,255,0.15);

}



/* istatistik kutusundaki yazılar */

.hero-section-only .istatistik-kutu li,

.hero-section-only .istatistik-kutu h2 {

    color: #e4e4e4 !important;

}



/* Kransy ile Forex Piyasasında Öne Geçin! animasyonu */

#cursor {

    display: inline-block;

    margin-left: 3px;

    color: #ffffff;

    font-weight: bold;

    animation: blink 0.7s infinite;

}



@keyframes blink {

    0%, 50% { opacity: 1; }

    50.01%, 100% { opacity: 0; }

}



/* Kransy ile Forex Piyasasında Öne Geçin! altındaki yazı animasyonu */

<!--#cursor2 {

    display: inline-block;

    margin-left: 3px;

    color: #ffffff;

    font-weight: bold;

    animation: blink2 0.7s infinite;

}



@keyframes blink2 {

    0%, 50% { opacity: 1; }

    50.01%, 100% { opacity: 0; }

}

-->

/* sinyal istatistikler geri sayım sayacı animasyonu */

.counter {

    font-weight: 700;

    color: #000000;

    text-shadow: 0 0 4px rgba(220, 220, 220, 0.9);

    display: inline-block;

    animation: counterPop 0.6s ease;

}



@keyframes counterPop {

    0% { transform: scale(0.9); opacity: 0.5; }

    50% { transform: scale(1.05); opacity: 1; }

    100% { transform: scale(1); }

}

.counter-static {

    font-weight: 700;

    color: #000000;

    text-shadow: 0 0 4px rgba(220, 220, 220, 0.9);

    display: inline-block;

    transform: translateY(-1px);

}
/*ana sayfa üst slogan */
.main-title {
    font-size: 3rem;
    font-weight: 800;
    background: linear-gradient(90deg, #3498db, #2ecc71);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 1rem;
    opacity: 1;
    visibility: visible;
}

.main-title .cursor {
    display: inline-block;
    width: 3px;
    background-color: #3498db;
    margin-left: 5px;
    animation: blink 1s infinite;
    vertical-align: text-bottom;
    height: 1.2em;
}

/* MOBİL DÜZELTMELERİ */
@media (max-width: 768px) {
    body {
        overflow-x: hidden;
        width: 100%;
        position: relative;
    }
    
    /* Tüm container ve row'lar için */
    .container-fluid, .container, .row {
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }
    
    /* Geniş kapsayıcılar */
    .tam-genislik-bolumu {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* İçerik için biraz padding bırak */
    .col-12, .col-md-* {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    /* Tablolar için */
    .styled-table {
        font-size: 12px;
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}
/* MOBİL RE-CAPTCHA DÜZENLEMESİ */
@media (max-width: 768px) {
    /* reCAPTCHA için tam çözüm */
    .g-recaptcha {
        transform: scale(0.85) !important;
        transform-origin: 0 0 !important;
        width: 100% !important;
        height: 78px !important;
        overflow: hidden !important;
        display: inline-block !important;
    }
    
    /* reCAPTCHA iframe'i */
    .g-recaptcha iframe {
        width: 100% !important;
        max-width: 100% !important;
        height: 78px !important;
        transform: scale(0.85) !important;
        transform-origin: 0 0 !important;
    }
    
    /* reCAPTCHA script tarafından oluşturulan div */
    .g-recaptcha > div > div {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Container için ek güvenlik */
    .container, .container-fluid {
        overflow-x: hidden !important;
        max-width: 100vw !important;
        width: 100% !important;
    }
    
    /* Form container */
    .container.mt-5 {
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}