/* ==== Google Fonts (Yeni) ==== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Space+Grotesk:wght@500;700&display=swap');

/* ==== Tema Değişkenleri ==== */
:root{
  --bg:#000;
  --fg:#FFEC84;
  --text:#ffffff;
}

/* ==== Base ==== */
html, body { height: 100%; }
a { color: blue; text-decoration: none; }
body{
  background-color: var(--bg) !important;
  color: var(--text);
  overflow-x: hidden;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  font-size: 16px;
  text-align: center;
}

.container{ max-width: 1600px; }

/* ==== Navbar ==== */
.navbar { margin-left: 1rem; margin-right: 1rem; }
.navbar-brand{ padding-left: 1rem; padding-right: 1rem; }
.nav-link{
  color: var(--fg) !important;
  font-family: "Space Grotesk","Inter",sans-serif;
  font-size: 20px;
}

/* ==== Grid trims ==== */
.row { margin-left: 0 !important; margin-right: 0 !important; }
.row > [class*="col-"]{ padding-left: 0 !important; padding-right: 0 !important; }

/* ==== Tables (genel) ==== */
.table{ border: none; }
.table thead th,
.table th,
.table td{ border: 0; }
.table th{ vertical-align: middle !important; }

/* Başlık hücreleri */
.table thead th{
  font-family: "Space Grotesk","Inter",sans-serif;
  color: var(--fg);
}

/* Sol başlık kolonu (DOLAR, EURO, vs.) */
.table tbody th{
  width: 20%;
  font-family: "Space Grotesk","Inter",sans-serif;
  color: var(--fg);
}

/* Veri hücreleri (genel) */
.table tbody td{
  width: 30%;
  font-family: "Inter",sans-serif;
}

/* ==== Rakam hücrelerinde tabular numbers (eşit genişlik) ==== */
/* Üst büyük tablo id'leri */
#usdalis, #usdsatis, #euralis, #eursatis,
/* Alt tablolar */
#USDTRYBid, #USDTRYAsk, #EURTRYBid, #EURTRYAsk,
#GBPTRYBid, #GBPTRYAsk, #CHFTRYBid, #CHFTRYAsk,
#SEKTRYBid, #SEKTRYAsk, #SARTRYBid, #SARTRYAsk,
#AUDTRYBid, #AUDTRYAsk, #ALTINBid, #ALTINAsk,
#CEYREK_ESKIBid, #CEYREK_ESKIAsk, #YARIM_ESKIBid, #YARIM_ESKIAsk,
#TEK_ESKIBid, #TEK_ESKIAsk, #GREMESE_ESKIBid, #GREMESE_ESKIAsk, #ATA_ESKIBid, #ATA_ESKIAsk {
  font-feature-settings: "tnum" 1, "lnum" 1; /* tabular + lining */
  font-variant-numeric: tabular-nums lining-nums;
}

.flash-green { animation: flashGreen .6s ease; }
.flash-red   { animation: flashRed   .6s ease;  }
@keyframes flashGreen { 0%,30%,100% { background: #3CF061; color:white; } }
@keyframes flashRed   { 0%,30%,100% { background: #FF3B3B; color:white; } }

.greenled{ color:#3CF061; }
.redled  { color:#FF3B3B; }

/* ==== Footer ==== */
.footer-basic {
  padding:16px 0;
  background-color:#ffffff;
  color:#4b4c4d;
  position: absolute;
  width: 100% !important;
}
.footer-basic ul {
  padding:0; list-style:none; text-align:center;
  font-size:18px; line-height:1.6; margin-bottom:0;
}
.footer-basic li { padding:0 10px; }
.footer-basic ul a { color:inherit; text-decoration:none; opacity:0.8; }
.footer-basic ul a:hover { opacity:1; }
.footer-basic .social > a {
  font-size:24px; width:40px; height:40px; line-height:40px;
  display:inline-block; text-align:center; border-radius:50%;
  border:1px solid #ccc; margin:0 8px; color:inherit; opacity:0.75;
}
.footer-basic .social > a:hover { opacity:0.9; }
.footer-basic .copyright {
  margin-top:15px; text-align:center; font-size:15px;
  color:rgb(130,130,130); margin-bottom:0;
}

/* ==== Kart & içerik ==== */
.contact-card{ height: 400px; font-size: 18px; }
.c-card{ text-align: left; margin-left: 20px; margin-top: 20px; word-spacing: 10px; }
.c-card2{ height: 400px !important; }
.card-body a{ font-size: 20px !important; }
h3{ font-size: 26px !important; font-family:"Space Grotesk","Inter",sans-serif; }
h4{ font-size: 24px !important; font-family:"Space Grotesk","Inter",sans-serif; }
.inf{ height: fit-content; font-family:"Inter",sans-serif; font-size: 24px; font-weight: bold; }
.inf-2{ height: fit-content; font-family:"Inter",sans-serif; font-size: 12px; font-weight: bold; }

/* ==== Mobil (<=900px) ==== */
@media (max-width: 900px) {
  html, body { height: 100%; }
  body { background: var(--bg); margin: 0; text-align: left !important; }

  .row { margin-left: 0; margin-right: 0; }
  .row > [class*="col-"] { padding-left: 0; padding-right: 0; }

  /* Üst tablo güvence: sol başlık görünür kalsın */
  table.table:not(.table-striped) thead tr > th:first-child,
  table.table:not(.table-striped) tbody tr > th:first-child {
    display: table-cell !important;
  }

  .footer-basic {
    padding: 16px 0;
    background-color: #000;
    color: var(--fg);
    border-top: 1px solid var(--fg);
    position: relative;
  }

  p, p a, .card-body a, .contact-card { font-size: 14px; }
  footer ul li { font-size: 14px; }
  h3 { font-size: 20px; }
  h4 { font-size: 18px; }

  .c-card{
    padding-bottom: 1rem;
    text-align: left;
    margin: 20px 0 0 6px;
    word-spacing: 2px;
  }

  /* Container tam genişlik */
  .container,.container-fluid{
    width:100%!important; max-width:100%!important;
    margin:0 auto!important; padding:0 12px!important;
  }

  /* Tablolar */
  table{ width:100%!important; table-layout:fixed; margin:auto; border-left:0!important; }
  .table{ border-collapse:separate; border-spacing:0; }
  .table td,.table th{ padding:.45rem .4rem!important; word-wrap:break-word; }

  .table thead th{ font-size:16px!important; text-align:center!important; }
  .table tbody th{
    font-size:18px!important; text-align:left!important; width:35%!important;
    font-family:"Space Grotesk","Inter",sans-serif;
  }
  .table tbody td{ font-size:18px!important; width:32%!important; }

  /* Inline font-size’ları ez */
  table [style*="font-size"]{font-size:inherit!important;}

  /* Üst (USD/EUR) hücreleri */
  #USDTRYBid,#USDTRYAsk,#EURTRYBid,#EURTRYAsk{
    font-size:30px!important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    padding-top:.3rem!important; padding-bottom:.3rem!important;
  }

  /* Alt tablo rakamları */
  #GBPTRYBid,#GBPTRYAsk,#CHFTRYBid,#CHFTRYAsk,#SEKTRYBid,#SEKTRYAsk,
  #SARTRYBid,#SARTRYAsk,#AUDTRYBid,#AUDTRYAsk,#ALTINBid,#ALTINAsk,
  #CEYREK_ESKIBid,#CEYREK_ESKIAsk,#YARIM_ESKIBid,#YARIM_ESKIAsk,
  #TEK_ESKIBid,#TEK_ESKIAsk,#GREMESE_ESKIBid,#GREMESE_ESKIAsk,#ATA_ESKIBid,#ATA_ESKIAsk{
    font-size:24px!important;
  }
}

/* ==== Navbar toggler icon (Bootstrap light) ==== */
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* ==== Ekstra dar (≤500px) ==== */
@media (max-width:500px){
  .table thead th{font-size:14px!important;}
  .table tbody th,.table tbody td{font-size:16px!important;}
  #usdalis,#usdsatis,#euralis,#eursatis{font-size:18px!important;}
}