/* ============================================================
   PDFInOne — Premium overrides for all tool pages.
   Loaded after the page's local <style> so these rules win.
   ============================================================ */

:root{
  --pdfp-grad-accent:linear-gradient(135deg,#ff7a4e 0%,#e85d2b 60%,#c44d1e 100%);
  --pdfp-shadow-glow:0 8px 30px rgba(232,93,43,.35);
  --pdfp-border-soft:#efece6;
  --pdfp-ink:#0f1115;
  --pdfp-violet:#7c5cff;
  --pdfp-blue:#3b82f6;
  --pdfp-green:#10b981;
}

/* ── HEADER & LOGO ────────────────────────────────────────── */
header{
  background:rgba(255,255,255,.85)!important;
  backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--pdfp-border-soft)!important;
  height:64px!important;
  box-shadow:none!important;
}
.logo{
  font-size:1.5rem!important;
  letter-spacing:-.02em!important;
  gap:11px!important;
}
.logo:hover .logo-icon{transform:rotate(-6deg) scale(1.05)}
.logo-icon{
  width:38px!important;
  height:38px!important;
  background:var(--pdfp-grad-accent)!important;
  border-radius:11px!important;
  box-shadow:0 4px 14px rgba(232,93,43,.35),inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .25s cubic-bezier(.2,.7,.3,1);
  position:relative;
  overflow:hidden;
}
.logo-icon::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.3),transparent 50%);
  pointer-events:none;
}
.logo-icon svg{width:20px!important;height:20px!important;position:relative;z-index:1}

.back-btn{
  background:#f2f0ec!important;
  border:1.5px solid #e8e4de!important;
  padding:7px 16px!important;
  font-weight:600!important;
  transition:transform .15s,border-color .15s,background .15s,color .15s!important;
}
.back-btn:hover{transform:translateY(-1px)}

/* ── HERO ─────────────────────────────────────────────────── */
.hero{
  background:#fff!important;
  position:relative;
  overflow:hidden;
  padding:4rem 2rem 3.5rem!important;
}
.hero::before{
  content:'';position:absolute;top:-200px;right:-150px;width:520px;height:520px;
  background:radial-gradient(circle,rgba(255,122,78,.14) 0%,transparent 65%);
  pointer-events:none;
}
.hero::after{
  content:'';position:absolute;top:0;left:-200px;width:480px;height:480px;
  background:radial-gradient(circle,rgba(124,92,255,.1) 0%,transparent 65%);
  pointer-events:none;
}
.hero > *{position:relative;z-index:1}
.hero h1{
  font-size:clamp(2rem,4.4vw,3.2rem)!important;
  letter-spacing:-.03em!important;
  line-height:1.1!important;
}
.hero p{font-size:1.075rem!important;line-height:1.65!important}
.hero-badge{
  background:rgba(255,255,255,.7)!important;
  backdrop-filter:blur(10px);
  border:1px solid var(--pdfp-border-soft)!important;
  color:#4a4d57!important;
  padding:6px 14px!important;
  font-weight:600!important;
  box-shadow:0 2px 8px rgba(15,17,21,.04);
}

/* ── PRIMARY ACTION BUTTON (used on tool action) ──────────── */
.action-btn,.btn-primary,button.primary,.cta-primary,.feedback-btn{
  background:var(--pdfp-grad-accent)!important;
  border:none!important;
  box-shadow:var(--pdfp-shadow-glow)!important;
  transition:transform .15s,box-shadow .2s!important;
}
.action-btn:hover,.btn-primary:hover,button.primary:hover,.cta-primary:hover,.feedback-btn:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 12px 32px rgba(232,93,43,.45)!important;
}

/* ── SECTION CARDS ────────────────────────────────────────── */
.section-card{
  border:1px solid var(--pdfp-border-soft)!important;
  border-radius:18px!important;
  box-shadow:0 1px 2px rgba(15,17,21,.03),0 4px 16px rgba(15,17,21,.05)!important;
  transition:transform .25s cubic-bezier(.2,.7,.3,1),box-shadow .25s;
}
.section-card:hover{box-shadow:0 4px 8px rgba(15,17,21,.05),0 12px 32px rgba(15,17,21,.08)!important}

/* ── STEP CARDS ───────────────────────────────────────────── */
.step{
  border:1px solid var(--pdfp-border-soft)!important;
  background:#fafaf7!important;
  border-radius:14px!important;
  transition:transform .2s,border-color .2s;
}
.step:hover{transform:translateX(2px);border-color:#e85d2b!important}
.step-num{
  background:var(--pdfp-grad-accent)!important;
  box-shadow:0 4px 10px rgba(232,93,43,.3);
}

/* ── PRIVACY CARD ─────────────────────────────────────────── */
.privacy-card{
  border-radius:18px!important;
  box-shadow:0 4px 16px rgba(16,185,129,.08);
}

/* ── FAQ ──────────────────────────────────────────────────── */
.faq-item{
  border:1px solid var(--pdfp-border-soft)!important;
  border-radius:14px!important;
  transition:border-color .2s,box-shadow .25s,transform .2s!important;
}
.faq-item:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(15,17,21,.05)!important}
.faq-item.open{
  box-shadow:0 0 0 4px rgba(232,93,43,.08),0 6px 18px rgba(232,93,43,.08)!important;
}
.faq-q{font-size:15px!important}
.faq-icon{width:26px!important;height:26px!important}
.faq-item.open .faq-icon{
  transform:rotate(135deg)!important;
  background:var(--pdfp-grad-accent)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 4px 10px rgba(232,93,43,.35);
}

/* ── DROP ZONE in modal ───────────────────────────────────── */
.drop-zone{
  border-radius:18px!important;
  transition:border-color .2s,background .2s,transform .2s;
}
.drop-zone:hover{transform:scale(1.005)}

/* ── TRUST BAR (optional, can be added anywhere in tool pages) ─ */
.pdfp-trust-bar{
  display:flex;align-items:center;justify-content:center;
  gap:2rem;flex-wrap:wrap;
  padding:2rem 2rem;
  margin:0 auto;max-width:900px;
  border-top:1px solid var(--pdfp-border-soft);
  border-bottom:1px solid var(--pdfp-border-soft);
  background:#fff;
}
.pdfp-trust-item{
  display:flex;align-items:center;gap:9px;
  color:#4a4d57;font-size:13px;font-weight:600;
  opacity:.78;transition:opacity .2s,transform .2s;
}
.pdfp-trust-item:hover{opacity:1;transform:translateY(-2px)}
.pdfp-trust-item svg{width:18px;height:18px;color:var(--pdfp-green)}

/* ── DARK FOOTER OVERRIDE (when present) ──────────────────── */
footer{
  background:#11131a!important;
  color:#a8acb8!important;
  border-top:1px solid var(--pdfp-border-soft)!important;
  padding:3rem 2rem 2rem!important;
  position:relative;
  overflow:hidden;
}
footer::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(232,93,43,.6),transparent);
}
footer a{color:#a8acb8!important}
footer a:hover{color:#ff7a4e!important;text-decoration:none!important}
footer h3,footer h4,footer strong{color:#fff!important}
footer .footer-bottom,footer .copyright{color:#6b6f7a!important}

/* ── MOBILE TIDY ──────────────────────────────────────────── */
@media(max-width:640px){
  header{height:60px!important;padding:0 1rem!important}
  .logo{font-size:1.2rem!important}
  .logo-icon{width:34px!important;height:34px!important}
}
