/* pdf.css - Scoped to .pdf-tool */
/* Put this file at: /tools/pdf/pdf-compressor/css/pdf.css */

/* Base */
.pdf-tool {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color: #0f1724;
  background: transparent;
  box-sizing: border-box;
}

/* Header placeholder styling when header is injected inside .pdf-tool */
.pdf-tool #site-header,
.pdf-tool .site-header,
.pdf-tool header.header {
  background: #ffffff;
  border-bottom: 1px solid #eef2f7;
  box-shadow: 0 6px 18px rgba(2,6,23,0.04);
  padding: 14px 20px;
}

/* If includes injects a .brand or nav inside header, style them softly */
.pdf-tool #site-header .brand,
.pdf-tool header.header .brand,
.pdf-tool .site-header .brand {
  font-weight: 700;
  color: #0b1220;
  font-size: 18px;
}

/* Intro */
.pdf-tool .intro {
  max-width: 1100px;
  margin: 18px auto 6px;
  padding: 0 20px;
}
.pdf-tool .intro h1 { margin: 0 0 6px; font-size: 28px; color: #0b1220; }
.pdf-tool .intro p.subtitle { margin: 0; color: #475569; font-size: 15px; }

/* Page container */
.pdf-tool .page-wrap { max-width: 1100px; margin: 16px auto 40px; padding: 0 20px; }
.pdf-tool .layout { display:grid; grid-template-columns: 1fr 340px; gap:20px; align-items:start; }
@media (max-width:900px) { .pdf-tool .layout { grid-template-columns:1fr; } }

/* Card */
.pdf-tool .card { background:#fff; border-radius:12px; padding:18px; box-shadow:0 8px 28px rgba(2,6,23,0.05); border:1px solid rgba(15,23,42,0.03); }

/* Upload box */
.pdf-tool .upload-box { border:2px dashed #d6dbe6; border-radius:12px; padding:36px; text-align:center; background:linear-gradient(180deg,#fff,#fbfdff); cursor:pointer; transition:all .12s ease; }
.pdf-tool .upload-box:hover, .pdf-tool .upload-box.dragover { border-color:#0b63ff; box-shadow:0 10px 30px rgba(11,99,255,0.06); transform:translateY(-4px); }
.pdf-tool .upload-text { color:#334155; font-size:15px; }
.pdf-tool .upload-text .browse { color:#0b63ff; text-decoration:underline; }

/* File info */
.pdf-tool .file-info { margin-top:14px; display:flex; justify-content:space-between; gap:12px; align-items:center; font-size:14px; color:#374151; }
.pdf-tool .file-info .meta { color:#64748b; font-size:13px; }

/* Range + inputs */
.pdf-tool .settings { margin-top:16px; display:flex; gap:14px; flex-direction:column; }
.pdf-tool .setting { display:flex; flex-direction:column; gap:8px; }
.pdf-tool .setting label { font-weight:600; font-size:13px; color:#0b1220; }
.pdf-tool .range-row { display:flex; gap:12px; align-items:center; }
.pdf-tool input[type="range"] { -webkit-appearance:none; appearance:none; height:8px; border-radius:999px; background:linear-gradient(90deg,#c7d2fe 0%, #c7d2fe 100%); flex:1; outline:none; }
.pdf-tool input[type="range"]::-webkit-slider-thumb { -webkit-appearance:none; width:18px; height:18px; border-radius:50%; background:#fff; border:4px solid #0b1220; box-shadow:0 4px 12px rgba(2,6,23,0.12); }
.pdf-tool input[type="number"] { width:86px; padding:8px; border-radius:8px; border:1px solid #e6eef9; background:#fff; font-size:14px; color:#0b1220; }

/* Buttons */
.pdf-tool .actions { display:flex; justify-content:flex-end; gap:10px; margin-top:6px; }
.pdf-tool .btn { display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:10px; cursor:pointer; border:0; font-weight:600; font-size:14px; transition:transform .08s ease; }
.pdf-tool .btn.primary { background:#0b1220; color:#fff; box-shadow:0 8px 22px rgba(11,18,32,0.08); }
.pdf-tool .btn.ghost { background:transparent; color:#0b1220; border:1px solid #e6eef9; }
.pdf-tool .btn.success { background:#059669; color:#fff; }
.pdf-tool .btn[disabled] { opacity:.65; cursor:default; transform:none; }

/* Progress & summary */
.pdf-tool .progress-block { margin-top:18px; }
.pdf-tool .progress-bar-bg { width:100%; height:14px; background:#eef2f7; border-radius:12px; overflow:hidden; }
.pdf-tool .progress-bar { width:0%; height:100%; background:linear-gradient(90deg,#0b63ff,#111827); transition:width .22s linear; }
.pdf-tool .progress-meta { margin-top:8px; display:flex; justify-content:space-between; color:#64748b; font-size:13px; }

.pdf-tool .summary { margin-top:12px; display:flex; justify-content:space-between; align-items:center; padding:12px; background:#f8fafc; border-radius:10px; border:1px solid #eef2f7; font-size:14px; }
.pdf-tool .summary strong { font-weight:700; color:#0b1220; }

/* Footer styling when injected */
.pdf-tool #site-footer,
.pdf-tool .site-footer,
.pdf-tool footer.footer {
  background:#ffffff;
  border-top:1px solid #eef2f7;
  padding:14px 20px;
  color:#64748b;
  font-size:13px;
  margin-top:24px;
}

/* Small screens */
@media (max-width:520px) {
  .pdf-tool input[type="number"] { width:72px; }
  .pdf-tool .actions { flex-direction:column-reverse; align-items:stretch; }
}