/******************************
    zulfikar demirel
	https://www.cankayawebtasarim.net/
	0555 697 34 11
******************************/

.icerik{ color:#000!important;}
.sezon_liste{ font-size:17px!important; color:#000!important; }

.icerik2{ color:#000!important;}

.icerik2 li { line-height: 28px; list-style:outside!important; margin-left:20px!important;  }


.news_resim_all_fgr{ width:150px!important; }
.news_resim_all_sec{ padding-left: 160px!important; }
.link_haber_baslik{ font-size:17px!important; color:#000!important; }
.haber_ozet{ font-size:14px!important; color:#363636!important; font-weight:normal!important; }

.grup_adi{ margin:0 0 0 0; padding:15px 15px 15px 15px; text-align:center; background-color:#515151; color:#FFF; font-size:19px!important; }

.footer_logo{ background-color:transparent!important; padding:10px;}
.footer_harita{ padding-top:15px; width: 100%; margin: 0 auto!important; display:block!important; }

.sezon_adi{}
.sezon_adi:hover{ background-color:#a0a0a0; }



/*** menü *** **/
.top_menu{ padding:10px 0px 0px 100px; }

.link_topmenu{ color:#fff; font-size:17px!important; font-weight:bold; padding:0px 10px 0px 10px!important; }
a.link_topmenu:hover{ color:#dd5a5c; text-decoration:underline!important; font-size:17px!important; font-weight:bold; padding:0px 10px 0px 10px!important; }


.link_topmenu_aktif{ color:#dd5a5c!important; font-size:17px!important; font-weight:bold; padding:0px 10px 0px 10px!important; }




.link_menu{ font-size:17px!important; }

.top_oyuncu_btn1{ }
a.top_oyuncu_btn1:hover{ background-color:#242a64!important; }

.top_oyuncu_btn2{ background-color:#242a64!important; margin-left:10px!important; }
a.top_oyuncu_btn2:hover{ background-color:#f83b3e!important; color:#fff!important; }







.kenarlik_alt {
	border-bottom:1px #c0c0c0 solid!important;
	padding:0px 0px 10px 0px!important;
}


.w60px{ width:60px!important; }
.w100px{ width:100px!important; }





/*** revize ****/



.link_siyah_kalin{ font-weight:bold; text-decoration:none; }
a.link_siyah_kalin:hover{ font-weight:bold; text-decoration: underline; }

.text_center{ text-align:center!important; }
.text_sag{ text-align: right!important; }
.text_sol{ text-align: left!important; }

.yazi_beyaz{ color:#FFF!important;}
.yazi_kalin{ font-weight:bold!important; }
.yazi_11px{ font-size:11px!important;}
.yazi_12px{ font-size:12px!important;}
.yazi_13px{ font-size:13px!important;}
.yazi_14px{ font-size:14px!important;}
.yazi_15px{ font-size:15px!important;}
.yazi_16px{ font-size:16px!important;}
.yazi_17px{ font-size:17px!important;}
.yazi_18px{ font-size:18px!important;}
.yazi_19px{ font-size:19px!important;}
.yazi_20px{ font-size:20px!important;}
.yazi_21px{ font-size:21px!important;}

.margin_all10{ margin:10px!important;}
.margin_b10{ margin-bottom:10px!important;}
.margin_b20{ margin-bottom:20px!important;}
.margin_l10{ margin-left:10px!important;}
.margin_r10{ margin-right:10px!important;}
.margin_t10{ margin-top:10px!important;}
.margin_t15_{ margin-top:-15px!important;}

.margin_all20{ margin:20px!important;}
.margin_b20{ margin-bottom:20px!important;}
.margin_l20{ margin-left:20px!important;}
.margin_r20{ margin-right:20px!important;}
.margin_t20{ margin-top:20px!important;}
.margin_t40{ margin-top:40px!important;}
.margin_l40{ margin-left:40px!important;}

.padding_all0{ padding:0px!important;}
.padding_b0{ padding-bottom:0px!important;}
.padding_l0{ padding-left:0px!important;}
.padding_r0{ padding-right:0px!important;}
.padding_t0{ padding-top:0px!important;}


.padding_all5{ padding:5px!important;}
.padding_b5{ padding-bottom:5px!important;}
.padding_l5{ padding-left:5px!important;}
.padding_r5{ padding-right:5px!important;}
.padding_t5{ padding-top:5px!important;}

.padding_all10{ padding:10px!important;}
.padding_b10{ padding-bottom:10px!important;}
.padding_l10{ padding-left:10px!important;}
.padding_r10{ padding-right:10px!important;}
.padding_t10{ padding-top:10px!important;}

.padding_all20{ padding:20px!important;}
.padding_b20{ padding-bottom:20px!important;}
.padding_l20{ padding-left:20px!important;}
.padding_r20{ padding-right:20px!important;}
.padding_t20{ padding-top:20px!important;}
.padding_t40{ padding-top:40px!important;}




/*** img ***/

.blog_home img{ width:100%!important; height:300px!important; object-fit:cover!important;  }



/**** linkler ***/

.link_submenu{ font-size:14px!important;}

.link_menu_footer{ font-size:14px!important;}
a.link_menu_footer:hover{ color:#FFF!important; font-size:14px!important; text-decoration:underline!important; }




/*** videolar ***/
	.video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
	.video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }
@media (min-width:768px) {
	.video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
	.video-container iframe, .video-container object, .video-container embed { position:absolute;  top:0;  left:0;  width:100%;  height:100%;}
}






/* Dış Çerçeve */
.slider-container {
    width: 100%;
    overflow: hidden; /* Taşanları gizle */
    padding:0px 0;
    position: relative;
}

/* Hareket Eden Şerit (Tren) */
.slider-track {
    display: flex;
    gap: 30px; 
    width: max-content; 
    animation: kaydirSagdanSola 60s linear infinite; 
}

.slider-track .item {
    flex-shrink: 0;
    width: 150px;
}


.slider-track .item > a > div:last-child {
    border-bottom: none !important;
    border: none !important; 
}



/* --- YÖN AYARI: SAĞDAN SOLA --- */
@keyframes kaydirSagdanSola {
    0% {
        transform: translateX(0); /* Olduğu yerden başla (Bekleme yapmaz) */
    }
    100% {
        /* Sola doğru git.
           Eğer HTML'de döngüyü iki kere yazdıysanız burayı -50% yapın.
           Yazmadıysanız -100% olarak kalsın. */
        transform: translateX(-100%); 
    }
}

/* Üzerine gelince dursun */
.slider-track:hover {
    animation-play-state: paused;
}

/* MOBİL AYARI */
@media (max-width: 768px) {
    .slider-track {
        /* Mobilde biraz daha hızlı akabilir (ekran küçük olduğu için) */
        animation-duration: 30s; 
    }
}









/*** ansayfa biten maçlar ***/

/* --- KART GENEL YAPISI --- */
.match-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    border-radius: 16px;
    padding: 20px 30px;
    margin-bottom: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05); /* Çok hafif, modern gölge */
    border: 1px solid #f0f0f0;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

/* Hover Efekti */
.match-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    border-color: #e0e0e0;
}

/* --- TAKIM BLOKLARI (SAĞ VE SOL) --- */
.team-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 30%; /* Genişlik ayarı */
    text-align: center;
    gap: 12px;
}

.team-logo img {
    width: 70px; /* Logo boyutu */
    height: 70px;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1)); /* Logoya hafif derinlik */
    transition: transform 0.3s;
}

.match-card:hover .team-logo img {
    transform: scale(1.1); /* Hoverda logo hafif büyür */
}

.team-name a {
    font-size: 16px;
    font-weight: 700;
    color: #2c3e50;
    text-decoration: none;
    line-height: 1.3;
    display: block;
}

/* --- ORTA BÖLÜM (SKOR) --- */
.match-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 30%;
}

.score-board {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    font-family: 'Arial', sans-serif; /* Rakamlar için temiz font */
    margin: 8px 0;
}

.score {
    font-size: 36px;
    font-weight: 800;
    color: #222;
    background: #f4f6f8; /* Skor arkasına hafif gri kutu */
    padding: 5px 15px;
    border-radius: 8px;
    min-width: 50px;
    text-align: center;
}

.divider {
    font-size: 24px;
    color: #999;
    font-weight: 300;
}

.match-date {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #888;
    font-weight: 600;
}

.match-time {
    font-size: 13px;
    color: #fff;
    background: #3498db; /* Mavi etiket */
    padding: 4px 12px;
    border-radius: 20px;
    margin-top: 5px;
    font-weight: 600;
}

/* --- MOBİL UYUMLULUK (RESPONSIVE) --- */
@media (max-width: 768px) {
    .match-card {
        padding: 15px 10px;
    }
    
    .team-logo img {
        width: 50px;
        height: 50px;
    }
    
    .team-name a {
        font-size: 13px;
    }

    .score {
        font-size: 24px;
        padding: 4px 10px;
        min-width: 35px;
    }
    
    .divider { font-size: 18px; }
}