.elementor-2669 .elementor-element.elementor-element-27092b7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:00px;}.elementor-2669 .elementor-element.elementor-element-f86eabb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2669 .elementor-element.elementor-element-9f8c7de img{border-radius:15px 15px 15px 15px;box-shadow:0px 0px 12px 1px rgba(0, 0, 0, 0.09);}.elementor-2669 .elementor-element.elementor-element-9c1adde img{border-radius:15px 15px 15px 15px;box-shadow:0px 0px 12px 1px rgba(0, 0, 0, 0.09);}.elementor-2669 .elementor-element.elementor-element-f6959b4 img{border-radius:15px 15px 15px 15px;box-shadow:0px 0px 12px 1px rgba(0, 0, 0, 0.09);}.elementor-2669 .elementor-element.elementor-element-839185e img{border-radius:15px 15px 15px 15px;box-shadow:0px 0px 12px 1px rgba(0, 0, 0, 0.09);}.elementor-2669 .elementor-element.elementor-element-6a584bc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-2669 .elementor-element.elementor-element-6a584bc:not(.elementor-motion-effects-element-type-background), .elementor-2669 .elementor-element.elementor-element-6a584bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0000001A;}.elementor-2669 .elementor-element.elementor-element-422a2bc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-2669 .elementor-element.elementor-element-94b7691{--display:flex;--background-transition:0.3s;--border-radius:50px 50px 50px 50px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-2669 .elementor-element.elementor-element-94b7691:not(.elementor-motion-effects-element-type-background), .elementor-2669 .elementor-element.elementor-element-94b7691 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #E90900 0%, #660F01 100%);}.elementor-2669 .elementor-element.elementor-element-94b7691:hover{background-color:transparent;background-image:linear-gradient(180deg, #960000 0%, #420000 100%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2669 .elementor-element.elementor-element-2dc63df{text-align:center;}.elementor-2669 .elementor-element.elementor-element-2dc63df .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:600;line-height:36px;color:#FFFFFF;}.elementor-2669 .elementor-element.elementor-element-2dc63df .elementor-heading-title a:hover, .elementor-2669 .elementor-element.elementor-element-2dc63df .elementor-heading-title a:focus{color:#FFFFFF;}.elementor-2669 .elementor-element.elementor-element-a23211d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2669 .elementor-element.elementor-element-135ed0f{width:var( --container-widget-width, 74% );max-width:74%;--container-widget-width:74%;--container-widget-flex-grow:0;}.elementor-2669 .elementor-element.elementor-element-7ebe4e6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-2669 .elementor-element.elementor-element-5320724{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2669 .elementor-element.elementor-element-c79899d img{border-radius:15px 15px 15px 15px;box-shadow:0px 0px 12px 1px rgba(0, 0, 0, 0.09);}.elementor-2669 .elementor-element.elementor-element-d7530e8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2669 .elementor-element.elementor-element-2bf9e27 img{border-radius:15px 15px 15px 15px;box-shadow:0px 0px 12px 1px rgba(0, 0, 0, 0.09);}.elementor-2669 .elementor-element.elementor-element-4ffb576{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2669 .elementor-element.elementor-element-829055c img{border-radius:15px 15px 15px 15px;box-shadow:0px 0px 12px 1px rgba(0, 0, 0, 0.09);}.elementor-2669 .elementor-element.elementor-element-99832ed{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-2669 .elementor-element.elementor-element-a135fb7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2669 .elementor-element.elementor-element-18a5804 img{border-radius:15px 15px 15px 15px;box-shadow:0px 0px 12px 1px rgba(0, 0, 0, 0.09);}.elementor-2669 .elementor-element.elementor-element-518379d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2669 .elementor-element.elementor-element-626c205 img{border-radius:15px 15px 15px 15px;box-shadow:0px 0px 12px 1px rgba(0, 0, 0, 0.09);}.elementor-2669 .elementor-element.elementor-element-85953d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2669 .elementor-element.elementor-element-96fbb0e img{border-radius:15px 15px 15px 15px;box-shadow:0px 0px 12px 1px rgba(0, 0, 0, 0.09);}@media(min-width:768px){.elementor-2669 .elementor-element.elementor-element-27092b7{--content-width:74%;}.elementor-2669 .elementor-element.elementor-element-6a584bc{--content-width:74%;}.elementor-2669 .elementor-element.elementor-element-94b7691{--width:51%;}.elementor-2669 .elementor-element.elementor-element-a23211d{--content-width:80%;}.elementor-2669 .elementor-element.elementor-element-7ebe4e6{--content-width:74%;}.elementor-2669 .elementor-element.elementor-element-99832ed{--content-width:74%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2669 .elementor-element.elementor-element-27092b7{--content-width:90%;}.elementor-2669 .elementor-element.elementor-element-6a584bc{--content-width:90%;}.elementor-2669 .elementor-element.elementor-element-94b7691{--width:637px;}.elementor-2669 .elementor-element.elementor-element-7ebe4e6{--content-width:90%;}.elementor-2669 .elementor-element.elementor-element-99832ed{--content-width:90%;}}@media(max-width:1024px){.elementor-2669 .elementor-element.elementor-element-27092b7{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:flex-start;}.elementor-2669 .elementor-element.elementor-element-27092b7.e-con{--align-self:center;}.elementor-2669 .elementor-element.elementor-element-7ebe4e6{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:flex-start;}.elementor-2669 .elementor-element.elementor-element-7ebe4e6.e-con{--align-self:center;}.elementor-2669 .elementor-element.elementor-element-99832ed{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:flex-start;}.elementor-2669 .elementor-element.elementor-element-99832ed.e-con{--align-self:center;}}@media(max-width:767px){.elementor-2669 .elementor-element.elementor-element-27092b7{--justify-content:space-evenly;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}.elementor-2669 .elementor-element.elementor-element-6a584bc{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2669 .elementor-element.elementor-element-422a2bc{--margin-top:10px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}.elementor-2669 .elementor-element.elementor-element-94b7691{--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:08px;--padding-left:5px;--padding-right:5px;}.elementor-2669 .elementor-element.elementor-element-2dc63df > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2669 .elementor-element.elementor-element-2dc63df .elementor-heading-title{font-size:14px;line-height:1.2em;}.elementor-2669 .elementor-element.elementor-element-a23211d{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2669 .elementor-element.elementor-element-7ebe4e6{--justify-content:space-evenly;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2669 .elementor-element.elementor-element-99832ed{--justify-content:space-evenly;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-8b48c95 *//* Mobil Genel Container */
.mobile-container {
  display: flex;
  flex-direction: column; /* Menü üstte, player altta */
  padding: 10px;
  border-radius: 5px;
}


  
/* Menü */
.mobile-container .mobile-menu {
  width: 100%; /* Menü tam genişlik */
  background-color: #00000061; /* %35 siyah opaklık */
  padding: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
  overflow-y: auto;
  border-radius: 5px;
}

/* Sadece #mobile-matches içerisindeki ilk üç buton */
#mobile-matches .mobile-menu-list li:nth-child(-n+1) {
  background-color: #f2cb05; /* Sarı arka plan */
  color: #1a1a1a; /* Siyah metin */
  font-weight: 500; /* Kalın yazı */
}

#mobile-matches .mobile-menu-list li:nth-child(-n+1):hover {
  background-color: #1a1a1a; /* Hover durumunda daha koyu sarı */
  color: #f2cb05; /* Siyah metin */
}


/* Sekmeler */
.mobile-container .mobile-tabs {
  display: flex;
  justify-content: space-between;
margin-bottom: 10px;
margin-right: 10px 
  flex-wrap: wrap; /* Sekmeler alt satıra geçebilir */
}

.mobile-container .mobile-tab-btn {
  flex: 1 1 48%; /* Sekmelerin genişliklerini %50 olarak ayarlıyoruz */
  background-color: #14995C; /* Renk Hex kodu */
  color: #ffffff; /* Beyaz metin */
  border: none;
  padding: 10px;
  margin: 0 5px;
  border-radius: 5px;
  cursor: pointer;
  box-sizing: border-box;
}

.mobile-container .mobile-tab-btn:hover {
  background-color: #062317;
  color: #00ff91; /* Sekme için hover */
}

.mobile-container .mobile-tab-btn.active {
  background-color: #066545; /* Aktif sekme için daha koyu yeşil */
  color: #ffffff; /* Beyaz metin */
}

.mobile-container .mobile-tab-content {
  display: none;
}

.mobile-container .mobile-tab-content.active {
  display: block;
}

/* Menü Listesi */
.mobile-container .mobile-menu-list {
  list-style: none;
  padding: 0;
}

.mobile-container .mobile-menu-list li {
  background-color: #444444; /* Koyu gri arka plan */
  color: #ffffff; /* Beyaz metin */
  padding: 10px;
  margin: 5px 0;
  border-radius: 5px;
  cursor: pointer;
}

.mobile-container .mobile-menu-list li:hover {
  background-color: #222222; /* Hover efekti */
}
/* Eğer öğe sayısı 8'yi geçerse kaydırma ekler */
.mobile-menu-list {
  max-height: calc(7 * 53px); /* 7 öğe için maksimum yükseklik (her öğe 60px kabul edelim) */
  overflow-y: auto; /* Dikey kaydırma */
  border-radius: 0px; /* Yuvarlak kenarlar */
}

/* Kaydırma çubuğu stili */
.mobile-container .mobile-menu-list::-webkit-scrollbar {
  width: 6px; /* Scrollbar genişliği */
}

.mobile-container .mobile-menu-list::-webkit-scrollbar-track {
  background-color: #1D1D1D; /* Kaydırma çubuğu arka planı */
  border-radius: 10px; /* Yumuşak kenarlar */
}

.mobile-container .mobile-menu-list::-webkit-scrollbar-thumb {
  background-color: #888; /* Gri renkli kaydırma çubuğu */
  border-radius: 10px; /* Yumuşak kenarlar */
}

.mobile-container .mobile-menu-list::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* Hover durumunda koyulaşan gri */
}

/* Player */
.mobile-container .mobile-player {
  order: -1; /* Player'ı üstte tutmak için */
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 400px;
  max-height: 100%;
  margin-bottom: 15px;
  background-color:#000000; /* Siyah arka plan */
  border-radius: 10px;
  overflow: hidden;
}

.mobile-container .mobile-player iframe {
    position: absolute; /* Player'ı div içerisinde tam olarak yerleştirmek için */
    top: 0;
    left: 0;
    width: 100%; /* Player'ın genişliğini div'in genişliği ile aynı yapar */
    height: 100%; /* Player'ın yüksekliğini div'in yüksekliği ile aynı yapar */
  border: none;
}

/* ----------- Mobil Görünüm ----------- */
@media (max-width: 768px) {
  .mobile-container .mobile-tab-btn {
    flex: 1 1 48%; 
  }
  
  .mobile-container .mobile-player iframe {
    height: 100%; 
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-135ed0f *//* Genel Container */
.container {
  display: flex;
  flex-direction: row; /* Masaüstünde yan yana */
  padding: 10px;
  height: 470px;
  border-radius: 5px; /* Kenarları yumuşatmak için */
}

/* Menü */
.menu {
  width: 30%;
  background-color: #00000061; /* %35 siyah opaklık */
  padding: 10px;
  
  margin-right: 10px;
  box-sizing: border-box;
  overflow-y: auto; /* Menüde kaydırma */
  border-radius: 5px; /* Menü kenarlarını yuvarlamak için */
  max-height: 90vh; /* Menü için maksimum yükseklik, büyümesin */
}

#matches .menu-list li:nth-child(-n+1) {
  background-color: #f2cb05; /* Sarı arka plan */
  color: #1a1a1a; /* Siyah metin */
  font-weight: 500; /* Kalın yazı */
}

#matches .menu-list li:nth-child(-n+1):hover {
  background-color: #1a1a1a; /* Hover durumunda daha koyu sarı */
  color: #f2cb05; /* Siyah metin */
}

/* Sekmeler */
.tabs {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.tab-btn {
  flex: 1;
  background-color: #14995C; /* Renk Hex kodu */
  color: #ffffff; /* Beyaz metin */
  border: none;
  padding: 10px;
  margin: 0 5px;
  border-radius: 5px;
  cursor: pointer;
}


.tab-btn:hover {
  background-color: #062317;
  color: #00ff91
} /* Sekme için hover */

.tab-btn { 
  background-color: #14995C; /* Aktif sekme için daha koyu yeşil */
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

/* Menü Listesi */
.menu-list {
  list-style: none;
  padding: 10px;
}

/* Menü öğeleri */
.menu-list li {
  background-color: #444444; /* Koyu gri arka plan */
  color: #ffffff; /* Beyaz metin */
  padding: 10px;
  margin: 5px 0;
  border-radius: 5px;
  cursor: pointer;
}

.menu-list li:hover {
  background-color: #222222; /* Hover efekti */
}

/* Eğer öğe sayısı 8'yi geçerse kaydırma ekler */
.menu-list {
  max-height: calc(7 * 53px); /* 7 öğe için maksimum yükseklik (her öğe 60px kabul edelim) */
  overflow-y: auto; /* Dikey kaydırma */
  border-radius: 0px; /* Yuvarlak kenarlar */
}

/* Kaydırma çubuğu stili */
.menu-list::-webkit-scrollbar {
  width: 6px; /* Scrollbar genişliği */
}

.menu-list::-webkit-scrollbar-track {
  background-color: #1D1D1D; /* Kaydırma çubuğu arka planı */
  border-radius: 10px; /* Yumuşak kenarlar */
}

.menu-list::-webkit-scrollbar-thumb {
  background-color: #888; /* Gri renkli kaydırma çubuğu */
  border-radius: 10px; /* Yumuşak kenarlar */
}

.menu-list::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* Hover durumunda koyulaşan gri */
}

/* Player */
.player {
  position: static;
  flex: 10;
  width: 100%; /* Tam genişlik */
  max-width: 1280px; /* Maksimum genişlik */
  background-color: #000000; /* Siyah arka plan */
  border-radius: 10px; /* Köşeleri yuvarlak */

  overflow: hidden;
}

/* Player iframe */
.player iframe {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%px;
  border: none;
  aspect-ratio: 16 / 9; /* 16:9 oranını korur */

}


/* ----------- Tablet Görünüm ----------- */
@media (min-width: 768px) and (max-width: 1024px) {
  .container {
    flex-direction: row; /* Menü ve player yan yana */
    padding: 15px; /* İçeriğe biraz daha boşluk bırak */
  }

  .menu {
    width: 40%; /* Menü genişliğini biraz küçült */
    margin-right: 10px;
  }

  .player {
    width: 60%; /* Player genişliğini artır */
    max-height: 56.25vw; /* 16:9 oranını koru */
    margin: 0;
  }
}

/* ----------- Mobil Görünüm ----------- */
@media (max-width: 768px) {
  .container {
    flex-direction: column; /* Menü üstte, player altta */
  }

  .menu {
    width: 100%; /* Menü tam genişlik */
    margin-bottom: 10px;
  }

  .player {
    width: 100%; /* Player tam genişlik */
    max-height: 100%;
    max-height: 56.25vw; /* Mobilde de 16:9 oranını koru */
    margin: 0;
  }
}/* End custom CSS */