.social-media{
    background: #000000;

}
    
  .card{
    width:100%;
    
  }

  /* Tab bar */
  .tabs{
    display:flex;
    height: 100px;
    gap:10px;
    align-items:center;
    margin-bottom:16px;
  }
#tab-youtube{
    color: #FF0000;
}
#tab-spotify{
    color: #00da5a;
}
#tab-x{
    color: #fff;
}
#tab-aws{
  color:#f90;
}
  .tab{
    position: relative;
    display:flex;
    align-items:center;
    gap:10px;
    background:transparent;
    padding:10px 14px;
    cursor:pointer;
    transition:all 180ms ease;
    font-size:16px;
    justify-content:flex-start;
    color:#fff;
  }
.tab-line{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: currentColor;
}
.tab .label{
   opacity: 0;
   width: 0;
   visibility: hidden;
  }
  .tab .icon{
    width:20px;
    height:20px;
    display:inline-block;
    flex:0 0 20px;
  }
  .tab svg{ width:100%; height:100%; display:block; fill:currentColor; }

  .tab:hover{
    transform:translateY(-3px);
    color:var(--white);
    border-color:rgba(255,255,255,0.06);
  }
 .tab.active .tab-line{
    width: 100%;
    transition: width 0.3s ease;
 }
 .tab.active .label{
    opacity: 1;
    width: auto;
    visibility: visible;
    transition: all 300ms ease 150ms;
    color:#fff
 }

  /* Content panels */
  .panels{
    background:linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.00));
    color:#fff;
    height: 450px;
    overflow-y: auto;
    /* Firefox için */
  scrollbar-width: thin;             /* ince scrollbar */
  scrollbar-color: rgba(255,255,255,0.4) transparent; /* track şeffaf, bar beyazımsı */
  }
/* Webkit (Chrome, Edge, Safari) için */
.panels::-webkit-scrollbar {
  width: 6px; /* incelik */
}

.panels::-webkit-scrollbar-track {
  background: transparent; /* arka plan yok */
}

.panels::-webkit-scrollbar-thumb {
  background-color: rgba(255,255,255,0.4); /* beyaz yarı saydam */
  border-radius: 10px; /* yuvarlak */
}

.panels::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255,255,255,0.6); /* hover efekti */
}
  .panel{
    display:none;
    animation:fadeIn 220ms ease;
    position: relative;
  }
  .panel.active{ display:block; }

  @keyframes fadeIn{
    from{ opacity:0; transform:translateY(6px) }
    to{ opacity:1; transform:none }
  }

  /* small-screen adjustments */
  @media (max-width:560px){
    .tabs{
      flex-wrap:wrap;
    }
    .tab{ min-width:unset; width:48%; justify-content:center; gap:8px; padding:10px; }
    .tab .label{ display:none; } /* gizle etiket dar ekranda istersen kaldır */
  }
 /* Container alanı taşma göstermesin */
#sbi_images {
  display: flex !important;
  overflow: hidden;         /* taşanı gizle */
  width: 100%;              /* slider genişliği */
  margin-top: 50px;
}

/* İçindeki görselleri akıtalım */
#sbi_images .sbi_item {
  flex: 0 0 auto;           /* her görsel sabit genişlik */
  width: 200px;             /* görsel genişliği */
  animation: slide 5s linear infinite; /* sürekli akış */
}
#sbi_images:hover .sbi_item {
  animation-play-state: paused;
}
/* Animasyon */
@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
#sb_instagram .sbi_photo {
    width: 200px !important;
    height: 200px !important;
}
#sb_instagram #sbi_images .sbi_item{
    width: 200px !important;
    height: 200px !important;
}
#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_photo_wrap{
        width: 200px !important;
    height: 200px !important;
}
#sb_instagram #sbi_load{
    position: absolute;
    top:0;
    left: 0;
    width: auto;
}
.instagram-loop{
    position: relative;
}
#sb_instagram.sbi_fixed_height{
    overflow-y: hidden;
}
/* Liste marker'larını kaldır (tüm tarayıcılar) */
.panel-aws ul.wpra-feed,
.panel-aws ul.wpra-feed > li,
.panel-aws .wpra-item {
  list-style: none;           /* eskiden kalan marker'ları kaldırır */
  margin: 0;
  padding: 0;
}
.panel-aws .wpra-item::marker { content: none; } /* modern tarayıcılarda ekstra güvenlik */

/* Her öğeye çerçeve/box ekle */
.panel-aws .wpra-item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 14px 0;            /* öğeler arası boşluk */
  padding: 14px;             /* iç boşluk */
  border: 1px solid #e0e0e0; /* ince çerçeve rengi */
  border-radius: 10px;       /* yuvarlatılmış köşeler */
  background: #ffffff;       /* arkaplan (isteğe göre değiştirin) */
  box-shadow: 0 6px 18px rgba(0,0,0,0.04); /* hafif gölge */
}

/* Başlık/link görünümü */
.panel-aws .wpra-item > a {
  font-weight: 600;
  text-decoration: none;
  color: #111;
  font-size: 1.02rem;
  line-height: 1.3;
}

/* Meta satırı: kaynak, tarih, yazar */
.panel-aws .wprss-feed-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  font-size: 0.88rem;
  color: #6b6b6b;
}

/* Kaynak linki küçük badge gibi */
.panel-aws .wprss-feed-meta .feed-source a {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 999px;
  background: #f2f2f2;
  text-decoration: none;
  color: inherit;
  font-size: 0.85rem;
}

/* Tarih ve yazar arası görünüm */
.panel-aws .wprss-feed-meta .feed-date { white-space: nowrap; }
.panel-aws .wprss-feed-meta .feed-author { margin-left: 4px; }

/* Audio kontrolünü tam genişlik yap */
.panel-aws .wpra-feed-audio audio {
  width: 100%;
  max-width: 100%;
  display: block;
  outline: none;
}

/* Küçük ekranlarda biraz daha sıkı padding */
@media (max-width: 480px) {
  .panel-aws .wpra-item { padding: 12px; margin: 10px 0; }
  .panel-aws .wpra-item > a { font-size: 1rem; }
}
.social-section-content .sby_follow_btn{
  position: absolute;
  top: 15px;
  left: 200px;
}