/* === Announcements (cards + carousel) === */

.announcements-section{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:24px;
  align-items:stretch;
}

.announcements-section a{ text-decoration:none; color:inherit; }

.ann-box{
  background: var(--block-bg);
  border-radius:16px;
  padding:20px;
  color:var(--text-color);
  display:flex;
  flex-direction:column;
  gap:14px;
}

/* Headings */
.ann-head h3{
  font-weight:700;
  font-size:28px;
  letter-spacing:.2px;
  margin:0 0 6px;
}
.ann-head p{ margin:0; }

/* ===== Carousel root + vars ===== */
.listing-carousel{
  display:flex;
  flex-direction:column;
  gap:12px;

  /* vars */
  --card-h: 132px; /* dikey total height */
  --gutter: 12px; /* yatay bosluk */
}

.lc-viewport{
  overflow:hidden;
  border-radius:12px;
  outline:0;
}

.lc-track{
  display:flex;
  transition:transform .28s ease;
  will-change:transform;
  backface-visibility:hidden;
}


/* Sayfa: her zaman 2 kolon (eşit yükseklik) */
.lc-page{
  min-width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: var(--gutter);                /* kartlar arası */
  padding: 0 calc(var(--gutter)/2);  /* ← sayfa dikişinde yarım boşluk */
}

/* Tekli sayfada da 2 kolon kalır; 2. kolon görünmez placeholder */


.lc-page.is-single{
  grid-template-columns: repeat(2, minmax(0,1fr));
  padding: 0 calc(var(--gutter)/2);
}

.lc-page.is-single::after{
  content:"";
  display:block;
  min-height: var(--card-h);
  border-radius:14px;
  visibility:hidden;
  pointer-events:none;
}

/* Kart */
.token-card{
  background: var(--u-card1);
  border-radius: 14px;
  padding: 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: var(--card-h);
  height: 100%;
  box-sizing: border-box;
  text-decoration: none;
  color: inherit;

  margin: 0; /* deneme */
}


.token-card:hover .token-title{ color: var(--color-bmx-darker); }

.token-card__logo{
  flex:0 0 56px;
  width:56px; height:56px;
  border-radius:50%;
  overflow:hidden;
  background:transparent;
}
.token-card__logo img{
  width:100%; height:100%;
  object-fit:cover; display:block;
}

.token-card__meta{ display:flex; flex-direction:column; gap:4px; min-width:0; }
.token-title{ font-size:16px; font-weight:700; margin: 0; } /* margin deneme */
.token-tag{ font-size:12px; font-weight:600; opacity:.85; margin: 0; } /* margin deneme */
.token-sub{ font-size:12px; opacity:.9; }

/* Dots */
.lc-dots{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  padding:6px 0 2px;
}
.lc-dot{
  width:24px; height:4px;
  border-radius:4px;
  background:rgba(255,255,255,.18);
  border:0; cursor:pointer; padding:0;
}
.lc-dot[aria-selected="true"]{ background: var(--color-bmx-darker); }

/* card swipe patch */
.lc-viewport{
  position: relative;             /* dots/ok vs. konumlandirma */
  overflow: hidden;               /* taşan track kes */
  border-radius: 12px;
  padding: 0;                     /* gutter on lc-page */
}

/* kart her zaman üstte ve klik alır */
.token-card { position: relative; z-index: 2; pointer-events: auto; }

/* boş alan hit-zone: sadece dış boşlukta swipe/tık yakalar */
.lc-hit{
  position: absolute; top:0; bottom:0; width:50%;
  pointer-events: auto; z-index: 1;           /* kartın ALTINDA */
  user-select: none;
}
.lc-hit--left  { left: 0; }
.lc-hit--right { right: 0; }

/* ÖNEMLİ: daha önce eklediysen .lc-track { pointer-events:none; } KALDIR/OVERRIDE */
.lc-track { pointer-events: auto; }

/*touch*/
.ann-box { touch-action: pan-y; }   /* yatay pan'i engelle, dikey scroll serbest */
.lc-track { will-change: transform; } /* canlı sürükleme için daha akıcı */


/* Responsive */
@media (max-width:1200px){
  .announcements-section{ grid-template-columns:1fr; }
}
@media (max-width:700px){
  .listing-carousel { --gutter: 8px; --card-h: 120px; }
  .lc-page.is-single::after{ display:none; } /* mobilde placeholder gereksiz */
}