/* ════════════════════════════════════════════════════════════════════
   PDFZero — Shared Tool-Page Enhancement Layer
   Injected into every tool page. Uses each page's own CSS variables
   (--accent, --surface, --text …) so it adapts to light/dark themes.
   ════════════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* ── Theme-aware accent button text (fixes black-on-green in light mode) ── */
:root{--accent-fg:#0a0a0b;}            /* dark theme: dark ink on bright lime  */
[data-theme="light"]{--accent-fg:#ffffff;}  /* light theme: white ink on deep green */
.btn-accent,.btn-primary,.dl-btn,.dl-all-btn,.pc-cta,.success-dl{
  color:var(--accent-fg)!important;font-weight:600!important;
}

/* ── Kill the calligraphic serif on result/headings — use Poppins everywhere ── */
h1,.tool-title,.section-header h1,.success-header,.result-title,.logo{
  font-family:'Poppins','Inter',sans-serif!important;
}
.success-header,.result-title{font-weight:700!important;letter-spacing:-0.03em!important;}
.logo{font-weight:700!important;letter-spacing:-0.03em!important;}

/* Cursor confetti overlay */
#cursorFx{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:9998;}

/* Brand: logo image + Poppins wordmark */
.nav-logo{font-family:'Poppins',sans-serif!important;font-weight:700!important;letter-spacing:-0.03em!important;font-size:22px!important;display:flex;align-items:center;gap:11px;}
.nav-mark{
  width:44px!important;height:44px!important;border-radius:12px!important;
  background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;
  background-color:#fff!important;padding:3px!important;
  box-shadow:0 2px 12px rgba(0,0,0,.25);
  font-size:0!important;overflow:hidden;
  transition:transform .35s cubic-bezier(.34,1.56,.64,1);
}
.nav-logo:hover .nav-mark{transform:rotate(-8deg) scale(1.1);}

/* Headings — Poppins, bigger, animated entrance */
.eyebrow{font-family:'Poppins',sans-serif!important;font-weight:600!important;letter-spacing:.16em!important;
  opacity:0;transform:translateY(14px);animation:teFadeUp .5s .05s cubic-bezier(.16,1,.3,1) forwards;}
h1{font-family:'Poppins',sans-serif!important;font-weight:700!important;letter-spacing:-0.04em!important;
  font-size:clamp(44px,7vw,78px)!important;line-height:1.02!important;
  opacity:0;transform:translateY(20px);animation:teFadeUp .6s .12s cubic-bezier(.16,1,.3,1) forwards;}
.subtitle,.desc{font-size:17px!important;line-height:1.65!important;
  opacity:0;transform:translateY(18px);animation:teFadeUp .6s .2s cubic-bezier(.16,1,.3,1) forwards;}
.worker-badge{opacity:0;transform:translateY(18px);animation:teFadeUp .6s .28s cubic-bezier(.16,1,.3,1) forwards;}
@keyframes teFadeUp{to{opacity:1;transform:translateY(0);}}

/* ── GEMINI-STYLE ROTATING BORDER on the drop zone ── */
@property --teAngle{syntax:'<angle>';initial-value:0deg;inherits:false;}
@keyframes teSpin{to{--teAngle:360deg;}}
.drop-zone,.add-zone,.drop-half{
  position:relative!important;
  border:none!important;
  border-radius:22px!important;
  overflow:hidden;
  background:var(--surface)!important;
  isolation:isolate;
  transition:background .25s;
}
.drop-zone::before,.add-zone::before,.drop-half::before{
  content:'';position:absolute;inset:0;border-radius:inherit;padding:2px;
  background:conic-gradient(from var(--teAngle,0deg),var(--accent),var(--accent2),#a78bfa,#f472b6,var(--accent));
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  animation:teSpin 4s linear infinite;
  pointer-events:none;z-index:1;
}
/* soft glow halo behind */
.drop-zone::after,.add-zone::after,.drop-half::after{
  content:'';position:absolute;inset:-8px;border-radius:28px;z-index:-1;
  background:conic-gradient(from var(--teAngle,0deg),var(--accent),var(--accent2),#a78bfa,#f472b6,var(--accent));
  filter:blur(22px);opacity:.22;animation:teSpin 4s linear infinite;
  transition:opacity .3s;
}
.drop-zone:hover::after,.add-zone:hover::after,.drop-half:hover::after{opacity:.45;}
/* keep the file input clickable above the gradient ring */
.drop-zone input[type=file],.add-zone input[type=file],.drop-half input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:3;}
.drop-zone > *:not(input),.add-zone > *:not(input),.drop-half > *:not(input){position:relative;z-index:2;}

/* ── DONATION TOAST (bottom-right) ── */
#pzToast{
  position:fixed;right:24px;bottom:24px;z-index:10000;
  width:340px;max-width:calc(100vw - 32px);
  display:flex;gap:14px;
  padding:18px 18px 16px;
  border-radius:18px;
  background:var(--surface,#101018);
  border:1px solid var(--border2,rgba(255,255,255,.12));
  box-shadow:0 18px 50px rgba(0,0,0,.45);
  font-family:'Poppins',sans-serif;
  transform:translateY(140%) scale(.96);
  opacity:0;pointer-events:none;
  transition:transform .55s cubic-bezier(.16,1,.3,1), opacity .4s ease;
}
#pzToast.show{transform:translateY(0) scale(1);opacity:1;pointer-events:auto;}
#pzToast.hide{transform:translateY(140%) scale(.96);opacity:0;pointer-events:none;}
#pzToast::before{
  content:'';position:absolute;inset:0;border-radius:inherit;padding:1.5px;
  background:conic-gradient(from var(--teAngle,0deg),var(--accent),var(--accent2),#a78bfa,#f472b6,var(--accent));
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;animation:teSpin 5s linear infinite;pointer-events:none;
}
.pz-toast-emoji{font-size:28px;line-height:1;animation:pzPop .6s cubic-bezier(.34,1.56,.64,1);}
@keyframes pzPop{0%{transform:scale(0) rotate(-30deg);}100%{transform:scale(1) rotate(0);}}
.pz-toast-title{font-size:15px;font-weight:700;color:var(--text,#f2f0fa);margin-bottom:3px;}
.pz-toast-msg{font-size:12.5px;font-weight:400;color:var(--muted,rgba(120,120,130,.9))!important;line-height:1.5;font-family:'Inter',sans-serif;}
.pz-toast-actions{display:flex;gap:8px;margin-top:12px;}
.pz-toast-btn{
  background:var(--accent,#c8ff57);color:var(--accent-fg,#06060a);
  border:none;padding:8px 16px;border-radius:100px;
  font-family:'Poppins',sans-serif;font-size:12.5px;font-weight:700;cursor:pointer;
  transition:transform .2s cubic-bezier(.34,1.56,.64,1);
}
.pz-toast-btn:hover{transform:translateY(-1px) scale(1.03);}
.pz-toast-close{
  background:transparent;color:var(--text2,rgba(242,240,250,.6));
  border:none;padding:8px 12px;font-family:'Inter',sans-serif;font-size:12.5px;font-weight:500;cursor:pointer;
  transition:color .2s;
}
.pz-toast-close:hover{color:var(--text,#f2f0fa);}
@media(max-width:480px){#pzToast{right:12px;left:12px;width:auto;}}