/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&display=swap');

:root{
  --bg:#0d0d0f;
  --panel:#16161a;
  --text:#f5f5f5;
  --muted:#b3b3b3;
  --gold:#ffd700;
  --shadow:0 0 15px rgba(255, 204, 0, .35);
  --ring:rgba(255, 204, 0, .35);
  --brand-gdrive: linear-gradient(90deg,#1fa463,#3ccf7b);
  --brand-mega:   linear-gradient(90deg,#d7263d,#ff4e50);
  --brand-media:  linear-gradient(90deg,#2283ff,#44a2ff);
}

*{box-sizing:border-box}
body{
  background:var(--bg);
  color:var(--text);
  font-family:'Cinzel',serif;
}

/* Navbar (mevcut stillerle uyumlu, küçük dokunuş) */
.navbar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;position:relative;z-index:10}
.navbar .logo img{height:50px;width:auto;transition:.3s;margin-right:15px}
.nav-links{display:flex;align-items:center;justify-content:flex-end;width:100%}
.nav-links li{margin-right:15px;list-style:none}
.nav-links li a{text-decoration:none;color:#fff;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;transition:.3s}
.nav-links li a:hover{color:var(--gold);transform:scale(1.05)}
.nav-links li:last-child{margin-left:auto;margin-right:100px}
.login-btn{color:#fff;font-weight:bold}

/* HERO */
.download-hero{
  background: radial-gradient(60% 80% at 50% 0%, rgba(255,215,0,.12), transparent 60%) , #0c0c0e;
  border-bottom:1px solid rgba(255,255,255,.08);
  padding:40px 0 20px;
  text-align:center;
}
.page-title{
  font-size:32px;font-weight:700;color:var(--gold);letter-spacing:1px;margin:0 0 6px
}
.sub-title{
  font-size:18px;color:var(--muted);margin:0
}

.container.content-narrow{max-width:1300px;margin:40px auto}

/* PANELS */
.box{
  background:var(--panel);
  border:1px solid rgba(255,255,255,.06);
  border-radius:12px;
  padding:20px;
  box-shadow: var(--shadow);
}
.section-title{font-size:22px;font-weight:700;color:var(--gold);margin:0}
.section-sub{color:var(--muted);font-size:.95rem}

/* GROUP header */
.dl-group .group-head{display:flex;gap:14px;align-items:center;margin-bottom:14px}
.group-icon{font-size:28px;line-height:1}

/* DL CARD */
.dl-card{
  display:flex;align-items:center;gap:14px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  padding:14px;
  margin-bottom:12px;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.dl-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.35);border-color:var(--ring)}
.dl-card.is-disabled{opacity:.55;filter:grayscale(.25);pointer-events:none}

.dl-icon{height:46px;width:auto;border-radius:8px}
.dl-meta{flex:1}
.dl-title{font-weight:700;letter-spacing:.2px;display:flex;align-items:center;gap:8px}
.dl-sub{color:var(--muted);font-size:.95rem;margin-top:2px}

.badge{font-size:.75rem;padding:3px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.18);color:#fff}
.badge-mirror{background:rgba(255,255,255,.08)}

.dl-actions{display:flex;gap:8px;align-items:center}
.btn-primary,.btn-secondary{
  border:none;border-radius:10px;padding:10px 14px;font-weight:700;text-decoration:none;
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
}
.btn-primary{background:var(--gold);color:#000}
.btn-primary:hover{filter:brightness(.95)}
.btn-secondary{background:rgba(255,255,255,.12);color:#fff}
.btn-secondary:hover{background:rgba(255,255,255,.18)}
.pill-coming{background:rgba(255,255,255,.12);padding:8px 12px;border-radius:999px}

/* Brand accents on the left edge */
.dl-card.brand-gdrive{--accent:var(--brand-gdrive)}
.dl-card.brand-mega{--accent:var(--brand-mega)}
.dl-card.brand-mediafire{--accent:var(--brand-media)}
.dl-card::before{
  content:"";width:6px;align-self:stretch;border-radius:8px;
  background:var(--accent, rgba(255,255,255,.18));
}

/* Hints */
.hint-row{margin-top:8px}
.hint{color:var(--muted);font-size:.9rem}

/* TABLE */
.styled-table{width:100%;border-collapse:collapse;margin-top:12px}
.styled-table th,.styled-table td{padding:10px;border:1px solid #333;text-align:center}
.styled-table th{background:var(--gold);color:#000}
.styled-table tbody tr:nth-child(odd){background:rgba(255,255,255,.04)}

/* DRIVERS as chips */
.driver-chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,255,255,.10);color:#fff;padding:10px 12px;border-radius:999px;
  text-decoration:none;border:1px solid rgba(255,255,255,.12);
  transition:transform .12s ease, background .12s ease;
}
.chip:hover{transform:translateY(-1px);background:rgba(255,255,255,.16)}
.chip-disabled{opacity:.55;pointer-events:none}

/* FOOTER */
footer{text-align:center;padding:20px;background:#111;color:#fff;margin-top:20px}

/* Responsive */
@media (max-width: 575.98px){
  .dl-actions{width:100%;justify-content:flex-end}
  .btn-primary,.btn-secondary{padding:9px 12px}
  .dl-icon{height:40px}
}

/* Simple toast for Copy */
.toast-simple{
  position: fixed;
  left: 50%;
  bottom: 22px;
  transform: translateX(-50%) translateY(16px);
  background: rgba(0,0,0,.85);
  color: #fff;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.12);
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
  font-weight: 700;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.toast-simple.show{
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.group-meta{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 8px}
.pill{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,255,255,.12);
  color:#fff;border:1px solid rgba(255,255,255,.18);
  padding:6px 10px;border-radius:999px;font-size:.85rem
}
.pill-muted{background:rgba(255,255,255,.08)}