/* ===========================================================
   DigiBazaar / Language Lab VIP — Shared Toolbar
   Standalone rebuild for the split-out "sinavlar" site.
   =========================================================== */

:root{
  --tb-bg: rgba(255,255,255,0.86);
  --tb-border: rgba(212,175,55,0.45);
  --tb-text: #1e293b;
  --tb-muted: #64748b;
  --tb-accent: #2563eb;
  --tb-accent-soft: rgba(37,99,235,0.10);
  --tb-surface: #ffffff;
  --tb-shadow: 0 1px 0 rgba(212,175,55,.18), 0 4px 16px rgba(0,40,80,.08), inset 0 1px 0 rgba(255,235,160,.35), inset 0 -1px 0 rgba(212,175,55,.12);
  --tb-radius: 12px;
}

html[data-theme="dark"],
html.dark{
  --tb-bg: rgba(15,23,42,0.82);
  --tb-border: rgba(255,215,0,0.30);
  --tb-text: #e8f1fb;
  --tb-muted: #94a3b8;
  --tb-accent: #60a5fa;
  --tb-accent-soft: rgba(96,165,250,0.16);
  --tb-surface: #0f1d33;
  --tb-shadow: 0 1px 0 rgba(255,215,0,.12), 0 0 20px rgba(255,215,0,.04), 0 4px 16px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,235,160,.10), inset 0 -1px 0 rgba(255,215,0,.08);
}

/* ---------- Layout ---------- */
.toolbar-wrap{
  position: sticky;
  top: 0;
  z-index: 1000;
  width: 100%;
}
.toolbar-header{
  width: 100%;
  background: var(--tb-bg);
  backdrop-filter: saturate(160%) blur(14px);
  -webkit-backdrop-filter: saturate(160%) blur(14px);
  border-bottom: 1px solid var(--tb-border);
  box-shadow: var(--tb-shadow);
}
.toolbar-container{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 16px;
}
.toolbar-inner{
  display: flex;
  align-items: center;
  gap: clamp(6px, 1vw, 12px);
  height: clamp(52px, 6vw, 64px);
}

/* ---------- Buttons (shared look) ---------- */
.toolbar-back-btn,
.toolbar-cart-btn,
.toolbar-lang-btn,
.toolbar-ekran-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--tb-border);
  background: var(--tb-surface);
  color: var(--tb-text);
  border-radius: 10px;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, transform .12s ease;
}
.toolbar-back-btn:hover,
.toolbar-cart-btn:hover,
.toolbar-lang-btn:hover,
.toolbar-ekran-link:hover{
  background: var(--tb-accent-soft);
  border-color: var(--tb-accent);
  transform: translateY(-1px);
}
.toolbar-back-btn{ width: 40px; height: 40px; flex: 0 0 auto; }
.toolbar-back-btn svg{ width: 20px; height: 20px; }

/* ---------- Logo / brand (sol) ---------- */
.toolbar-logo-link{
  display: inline-flex;
  align-items: center;
  gap: clamp(4px, 0.8vw, 10px);
  text-decoration: none;
  color: var(--tb-text);
  flex: 0 0 auto;
}
.toolbar-logo-img{
  height: clamp(32px, 4.2vw, 48px);
  width: auto;
  border-radius: 8px;
  object-fit: contain;
  flex-shrink: 0;
}
.toolbar-brand-text{
  font-weight: 800;
  font-size: clamp(13px, 1.6vw, 18px);
  letter-spacing: -0.01em;
  white-space: nowrap;
}
/* ---------- Ekran / LLVIP logo (sağ) ---------- */
.toolbar-llvip-link{
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  text-decoration: none;
  margin-left: auto;
}
.toolbar-llvip-img{
  height: clamp(34px, 4.5vw, 50px);
  width: auto;
  object-fit: contain;
  display: block;
  flex-shrink: 0;
}

/* ---------- Search ---------- */
.toolbar-search-wrap{
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 460px;
}
.toolbar-search-label{
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 40px;
  padding: 0 12px;
  border: 1px solid var(--tb-border);
  border-radius: 10px;
  background: var(--tb-surface);
  color: var(--tb-muted);
}
.toolbar-search-label:focus-within{
  border-color: var(--tb-accent);
  box-shadow: 0 0 0 3px var(--tb-accent-soft);
}
.toolbar-search-icon{ display: inline-flex; flex: 0 0 auto; }
.toolbar-search-input{
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 14px;
  color: var(--tb-text);
}
.toolbar-kbd{
  flex: 0 0 auto;
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 6px;
  border: 1px solid var(--tb-border);
  color: var(--tb-muted);
  background: transparent;
}
.toolbar-search-results{
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  list-style: none;
  margin: 0;
  padding: 6px;
  background: var(--tb-surface);
  border: 1px solid var(--tb-border);
  border-radius: var(--tb-radius);
  box-shadow: var(--tb-shadow);
  max-height: 60vh;
  overflow: auto;
  z-index: 1200;
}
.toolbar-search-results li{ list-style: none; }
.toolbar-search-results a,
.toolbar-search-results button{
  display: block;
  width: 100%;
  text-align: left;
  padding: 9px 10px;
  border: 0;
  background: transparent;
  border-radius: 8px;
  color: var(--tb-text);
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
}
.toolbar-search-results a:hover,
.toolbar-search-results button:hover,
.toolbar-search-results .active{
  background: var(--tb-accent-soft);
}
.toolbar-search-empty{
  padding: 10px;
  font-size: 13px;
  color: var(--tb-muted);
}

/* ---------- Actions ---------- */
.toolbar-actions{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  flex: 0 0 auto;
}
.toolbar-cart-btn{
  position: relative;
  width: 40px;
  height: 40px;
}
.toolbar-cart-btn svg{ width: 20px; height: 20px; }
.cart-badge{
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: var(--tb-accent);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ---------- Language dropdown ---------- */
.toolbar-lang-dropdown{ position: relative; }
.toolbar-lang-btn{
  height: 40px;
  padding: 0 10px;
  gap: 6px;
  font-weight: 700;
  font-size: 13px;
}
.toolbar-lang-flag,
.item-flag {
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}
.toolbar-lang-flag img,
.item-flag img{
  display: block; width: 32px; height: 32px;
  max-width: none; object-fit: cover; transform: scale(1.45);
}
.toolbar-lang-arrow{ transition: transform .15s ease; }
.toolbar-lang-dropdown.open .toolbar-lang-arrow{ transform: rotate(180deg); }
.toolbar-lang-menu{
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 168px;
  list-style: none;
  margin: 0;
  padding: 6px;
  background: var(--tb-surface);
  border: 1px solid var(--tb-border);
  border-radius: var(--tb-radius);
  box-shadow: var(--tb-shadow);
  z-index: 1200;
}
.toolbar-lang-menu li{ list-style: none; }
.toolbar-lang-item{
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 9px 10px;
  border: 0;
  background: transparent;
  border-radius: 8px;
  color: var(--tb-text);
  font-size: 14px;
  cursor: pointer;
}
.toolbar-lang-item:hover{ background: var(--tb-accent-soft); }
.toolbar-lang-item .item-text{ flex: 1 1 auto; text-align: left; }
.toolbar-lang-item .item-check{ width: 16px; height: 16px; opacity: 0; color: var(--tb-accent); }
.toolbar-lang-item.active .item-check{ opacity: 1; }

/* ---------- Toolbar shortcut buttons (Notlarım, Faydalı Bilgiler) ---------- */
.toolbar-shortcut{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 36px;
  padding: 0 10px;
  border: 1px solid var(--tb-border);
  background: var(--tb-surface);
  color: var(--tb-text);
  border-radius: 9px;
  font: 600 12px/1 'Plus Jakarta Sans',system-ui,sans-serif;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, transform .12s ease;
}
.toolbar-shortcut:hover{
  background: var(--tb-accent-soft);
  border-color: var(--tb-accent);
  transform: translateY(-1px);
}
.toolbar-shortcut svg{ width: 16px; height: 16px; flex-shrink: 0; }
.toolbar-shortcut .tb-sc-label{ pointer-events: none; }
@media (max-width: 720px){
  .toolbar-shortcut .tb-sc-label{ display: none; }
  .toolbar-shortcut{ width: 36px; padding: 0; justify-content: center; }
}

/* ---------- Ekran link (sağ) ---------- */
.toolbar-ekran-link{
  width: clamp(34px, 4.5vw, 50px);
  height: clamp(34px, 4.5vw, 50px);
  padding: 3px;
  overflow: hidden;
  flex-shrink: 0;
  margin-left: auto;
}
.toolbar-ekran-img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 7px;
}

/* ═══════ 3D Toolbar Buttons: Notlarım & Faydalı Bilgiler ═══════ */
.tb-3d-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:7px;
  height:40px;
  padding:0 15px;
  border:none;
  border-radius:11px;
  color:#fff;
  font:700 12.5px/1 'Plus Jakarta Sans',system-ui,sans-serif;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
  transform:translateY(0) perspective(600px) rotateX(0);
  transition:transform .22s cubic-bezier(.34,1.56,.64,1), box-shadow .22s ease, filter .22s ease;
  overflow:hidden;
}
.tb-3d-btn::before{
  content:"";position:absolute;top:0;left:0;right:0;height:50%;
  background:linear-gradient(180deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,0) 100%);
  border-radius:11px 11px 0 0;pointer-events:none;
}
.tb-3d-btn .tb-icon{width:19px;height:19px;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25));position:relative;z-index:1}
.tb-3d-notes{
  background:linear-gradient(140deg,#6366f1 0%,#3b82f6 50%,#06b6d4 100%);
  box-shadow:0 4px 0 0 #3730a3,0 5px 14px rgba(99,102,241,.4),inset 0 -1px 1px rgba(0,0,0,.12);
}
.tb-3d-notes:hover{
  transform:translateY(-3px) perspective(600px) rotateX(3deg);
  box-shadow:0 7px 0 0 #3730a3,0 12px 24px rgba(99,102,241,.45),inset 0 -1px 1px rgba(0,0,0,.12);
  filter:brightness(1.1) saturate(1.1);
}
.tb-3d-notes:active{
  transform:translateY(2px) perspective(600px) rotateX(-1deg);
  box-shadow:0 1px 0 0 #3730a3,0 2px 6px rgba(99,102,241,.3),inset 0 2px 3px rgba(0,0,0,.15);
}
.tb-3d-info{
  background:linear-gradient(140deg,#fbbf24 0%,#f59e0b 45%,#ea580c 100%);
  box-shadow:0 4px 0 0 #b45309,0 5px 14px rgba(245,158,11,.45),inset 0 -1px 1px rgba(0,0,0,.1);
  animation:tbLampPulse 3s ease-in-out infinite;
}
.tb-3d-info:hover{
  transform:translateY(-3px) perspective(600px) rotateX(3deg);
  box-shadow:0 7px 0 0 #b45309,0 12px 28px rgba(245,158,11,.55),0 0 18px rgba(251,191,36,.4),inset 0 -1px 1px rgba(0,0,0,.1);
  filter:brightness(1.12);animation:none;
}
.tb-3d-info:active{
  transform:translateY(2px) perspective(600px) rotateX(-1deg);
  box-shadow:0 1px 0 0 #b45309,0 2px 6px rgba(245,158,11,.3),inset 0 2px 3px rgba(0,0,0,.12);
  animation:none;
}
@keyframes tbLampPulse{
  0%,100%{box-shadow:0 4px 0 0 #b45309,0 5px 14px rgba(245,158,11,.45),inset 0 -1px 1px rgba(0,0,0,.1)}
  50%{box-shadow:0 4px 0 0 #b45309,0 6px 20px rgba(251,191,36,.6),0 0 12px rgba(251,191,36,.3),inset 0 -1px 1px rgba(0,0,0,.1)}
}
html[data-theme="dark"] .tb-3d-notes{
  box-shadow:0 4px 0 0 #312e81,0 6px 18px rgba(99,102,241,.3),inset 0 -1px 1px rgba(0,0,0,.2);
}
html[data-theme="dark"] .tb-3d-info{
  box-shadow:0 4px 0 0 #92400e,0 6px 18px rgba(245,158,11,.3),inset 0 -1px 1px rgba(0,0,0,.2);
}
@media (max-width:640px){
  .tb-3d-btn span{display:none}
  .tb-3d-btn{width:40px;padding:0;justify-content:center}
}

/* ---------- Utilities ---------- */
.hidden{ display: none !important; }
.sr-only{
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

/* ---------- Ortak arka plan (acik mavi + mavi izgara) ---------- */
html[data-theme="light"] body,
html body,
body{
  background:
    radial-gradient(ellipse 76% 54% at 12% 0%,rgba(186,230,253,.45),transparent 58%),
    radial-gradient(ellipse 72% 50% at 88% 10%,rgba(147,197,253,.32),transparent 54%),
    linear-gradient(165deg,#e0f2fe 0%,#f0f9ff 48%,#dbeafe 100%)!important;
}
html[data-theme="light"] body::before,
html body::before,
body::before{
  content:""!important;position:fixed!important;inset:-20%!important;z-index:-2!important;pointer-events:none!important;
  background:
    radial-gradient(40% 50% at 18% 20%, rgba(186,230,253,.38), transparent 60%),
    radial-gradient(38% 46% at 84% 16%, rgba(147,197,253,.30), transparent 60%),
    radial-gradient(46% 50% at 80% 88%, rgba(165,210,253,.25), transparent 62%),
    radial-gradient(50% 55% at 16% 90%, rgba(191,219,254,.28), transparent 62%)!important;
  filter:blur(10px)!important;
}
html[data-theme="light"] body::after,
html body::after,
body::after{
  content:""!important;position:fixed!important;inset:0!important;z-index:-1!important;pointer-events:none!important;
  background-image:
    linear-gradient(rgba(59,130,246,.22) 1.2px, transparent 1.2px),
    linear-gradient(90deg, rgba(59,130,246,.22) 1.2px, transparent 1.2px)!important;
  background-size:clamp(34px,5vw,60px) clamp(34px,5vw,60px)!important;
  mask-image:radial-gradient(140% 120% at 50% 45%,#000 70%,transparent 100%)!important;
  -webkit-mask-image:radial-gradient(140% 120% at 50% 45%,#000 70%,transparent 100%)!important;
}

/* bg-stack olan sayfalarda body pseudo-elementleri devre disi (cift izgara onlemi) */
body:has(.bg-stack)::before,
body:has(.bg-stack)::after{
  display:none!important;
}



/* En Son Neredeydim butonu */
.toolbar-history-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:clamp(36px,4.5vw,44px);
  height:clamp(36px,4.5vw,44px);
  flex:0 0 auto;
  border:none;
  border-radius:clamp(10px,1.3vw,13px);
  cursor:pointer;
  background:linear-gradient(160deg,#f59e0b,#d97706 55%,#b45309);
  color:#fff;
  text-decoration:none;
  box-shadow:
    0 1px 0 rgba(255,255,255,.35) inset,
    0 -1px 0 rgba(0,0,0,.15) inset,
    0 4px 12px rgba(180,83,9,.4);
  transition:transform .22s cubic-bezier(.2,.8,.3,1.4),box-shadow .22s;
  -webkit-tap-highlight-color:transparent;
  position:relative;
}
.toolbar-history-btn:hover{
  transform:translateY(-2px) scale(1.08);
  box-shadow:
    0 1px 0 rgba(255,255,255,.45) inset,
    0 -1px 0 rgba(0,0,0,.12) inset,
    0 8px 20px rgba(180,83,9,.5);
}
.toolbar-history-btn:active{
  transform:translateY(0) scale(.96);
}
.toolbar-history-btn svg{
  width:20px;height:20px;
  display:block;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));
}

/* Dil degistirme butonu bu sayfalarda gereksiz */
.toolbar-lang-dropdown { display: none !important; }