:root{
  --dd-bg:#06110c;
  --dd-fg:#eaf9ef;

  --dd-mint:#66ff99;
  --dd-mint2:#bfffe0;

  --dd-panel:rgba(10,26,18,.78);
  --dd-stroke:rgba(120,255,180,.18);
  --dd-stroke2:rgba(120,255,180,.10);

  --dd-shadow:0 14px 55px rgba(0,0,0,.42);
  --dd-glow: 0 0 22px rgba(0,255,120,.14);
}

.dd-topbar *{box-sizing:border-box}

.dd-topbar{
  position:sticky; top:0; z-index:9999;
  background:
    radial-gradient(1200px 260px at 30% 0%,
      rgba(0,255,120,.08),
      rgba(0,0,0,0)
    ),
    linear-gradient(180deg, rgba(8,18,13,.92), rgba(8,18,13,.58));
  backdrop-filter: blur(10px);
  border-bottom:1px solid var(--dd-stroke2);
}
.dd-topbar::after{
  content:"";
  display:block;
  height:3px;
  background: linear-gradient(90deg,
    rgba(0,0,0,0),
    rgba(102,255,153,.50),
    rgba(191,255,224,.85),
    rgba(102,255,153,.50),
    rgba(0,0,0,0)
  );
  box-shadow: 0 0 24px rgba(0,255,120,.14);
}

/* container */
.dd-topbar-inner{
  max-width:1250px;
  margin:0 auto;
  padding:12px 16px 12px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

/* ===== Başlık (foto 2 gibi ortalı) ===== */
.dd-brand{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:6px;
}
.dd-brand-title{
  font-weight:1200;
  font-size:34px;
  letter-spacing:.6px;
  line-height:1.05;
  background: linear-gradient(90deg, #66ff99, #99ffcc, #66ff99);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow: 0 0 18px rgba(0,255,120,.18);
}
.dd-brand-sub{
  font-size:13px;
  font-weight:900;
  opacity:.85;
  color:#c8ffd9;
}

/* ===== Buton satırı (kabartma / hepsi aynı ölçü) ===== */
.dd-actions{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.dd-btn{
  min-width:150px;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  padding:0 16px;
  border-radius:999px;
  text-decoration:none;

  color:var(--dd-mint2);
  font-weight:1050;
  letter-spacing:.2px;

  border:1px solid rgba(120,255,180,.20);
  background: linear-gradient(180deg, rgba(18,44,30,.72), rgba(6,18,12,.62));

  /* kabartma hissi */
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 -1px 0 rgba(0,0,0,.45),
    0 10px 30px rgba(0,0,0,.40),
    0 0 18px rgba(0,255,120,.06);

  transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease;
  cursor:pointer;
  user-select:none;
}

.dd-btn:hover{
  transform: translateY(-1px);
  border-color:rgba(120,255,180,.42);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(0,0,0,.45),
    0 14px 38px rgba(0,0,0,.45),
    0 0 24px rgba(0,255,120,.10);
}

.dd-btn:active{ transform: translateY(0px); }

.dd-btn.dd-primary{
  border-color:rgba(80,255,160,.35);
}

/* WhatsApp: sadece orijinal ikon yeşil kalsın */
.dd-wa{
  gap:10px;
}
.dd-wa svg{
  width:18px;height:18px;
  filter: drop-shadow(0 0 10px rgba(0,255,120,.22));
}

/* ===== Arama satırı (daha dar, butonların altına) ===== */
.dd-searchrow{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  padding-top:2px;
  padding-bottom:6px;
}

.dd-searchwrap{
  width:100%;
  max-width:460px; /* daha dar */
  position:relative;
}

.dd-search{
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(120,255,180,.18);
  background:rgba(7,11,9,.48);
  box-shadow: var(--dd-glow);
}

.dd-search .dd-sico{
  width:18px;height:18px;
  opacity:.9;
  display:inline-flex;align-items:center;justify-content:center;
}

.dd-search input{
  width:100%;
  border:0;
  outline:none;
  background:transparent;
  color:var(--dd-mint2);
  font-weight:900;
  font-size:14px;
}
.dd-search input::placeholder{
  color:rgba(191,255,224,.55);
  font-weight:900;
}

/* neon çizgi */
.dd-searchwrap::after{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  bottom:-7px;
  height:3px;
  border-radius:3px;
  background: linear-gradient(90deg, rgba(0,0,0,0), #66ff99, #99ffcc, #66ff99, rgba(0,0,0,0));
  box-shadow: 0 0 14px rgba(0,255,120,.18);
  opacity:.85;
}

.dd-search button{
  border:1px solid rgba(120,255,180,.18);
  background:rgba(8,20,14,.55);
  color:var(--dd-mint2);
  padding:8px 14px;
  border-radius:999px;
  font-weight:1000;
  cursor:pointer;
  transition:transform .12s ease, border-color .12s ease;
}
.dd-search button:hover{
  transform: translateY(-1px);
  border-color:rgba(120,255,180,.42);
}

/* Yönetim ikonu (arama sağında) */
.dd-adminicon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;height:44px;
  border-radius:16px;
  border:1px solid rgba(120,255,180,.18);
  background: linear-gradient(180deg, rgba(18,44,30,.72), rgba(6,18,12,.62));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 -1px 0 rgba(0,0,0,.45),
    0 10px 30px rgba(0,0,0,.40),
    0 0 18px rgba(0,255,120,.06);
  text-decoration:none;
  transition:transform .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.dd-adminicon:hover{
  transform: translateY(-1px);
  border-color:rgba(120,255,180,.42);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(0,0,0,.45),
    0 14px 38px rgba(0,0,0,.45),
    0 0 24px rgba(0,255,120,.10);
}
.dd-adminicon svg{
  width:22px;height:22px;
  filter: drop-shadow(0 0 10px rgba(0,255,120,.20));
}

/* Responsive */
@media (max-width: 520px){
  .dd-btn{min-width:140px}
  .dd-search button{display:none}
  .dd-brand-title{font-size:28px}
}