/* =========================================================
   PDFLord — Shared Blue Theme
   ========================================================= */
:root{
  --pl-navy-950:#030b1f;
  --pl-navy-900:#071736;
  --pl-navy-800:#0b2257;
  --pl-blue-700:#1d4ed8;
  --pl-blue-600:#2563eb;
  --pl-blue-500:#3b82f6;
  --pl-blue-400:#60a5fa;
  --pl-sky-400:#38bdf8;
  --pl-cyan-300:#67e8f9;
  --pl-ink:#0f1b3d;
  --pl-muted:#5b6b8c;
  --pl-line:#dbe4f5;
  --pl-surface:#ffffff;
  --pl-bg:#f4f7fe;
  --pl-radius:16px;
  --pl-shadow:0 10px 30px -12px rgba(15,40,110,.25);
  --pl-grad:linear-gradient(135deg,#2563eb 0%,#3b82f6 45%,#06b6d4 100%);
  --pl-grad-deep:linear-gradient(120deg,#030b1f 0%,#0b2257 55%,#0e3a8a 100%);
}
html{scroll-behavior:smooth}
body{
  font-family:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important;
  background:
    radial-gradient(1200px 600px at 100% -10%,rgba(56,189,248,.10),transparent 60%),
    radial-gradient(900px 500px at -10% 10%,rgba(37,99,235,.08),transparent 60%),
    var(--pl-bg) !important;
  color:var(--pl-ink);
}
::selection{background:#2563eb;color:#fff}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#eaf0fb}
::-webkit-scrollbar-thumb{background:#b7c7e6;border-radius:10px;border:2px solid #eaf0fb}
::-webkit-scrollbar-thumb:hover{background:#3b82f6}

/* ---------------- Header ---------------- */
.pl-header{position:sticky;top:0;z-index:60;background:rgba(5,16,45,.92);
  background-image:linear-gradient(110deg,rgba(3,11,31,.97) 0%,rgba(11,34,87,.95) 60%,rgba(14,58,138,.94) 100%);
  backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);
  border-bottom:1px solid rgba(96,165,250,.18);color:#fff;transition:box-shadow .25s}
.pl-header.scrolled{box-shadow:0 12px 30px -14px rgba(2,8,30,.65)}
.pl-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(56,189,248,.7),rgba(96,165,250,.7),transparent)}
.pl-hdr{max-width:80rem;margin:0 auto;display:flex;align-items:center;gap:1rem;padding:.7rem 1rem;min-height:68px}
@media(min-width:640px){.pl-hdr{padding:.7rem 2rem}}
.pl-brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:#fff;flex-shrink:0}
.pl-brand-mark{height:42px;width:42px;border-radius:12px;background:#fff;display:grid;place-items:center;padding:3px;
  box-shadow:0 0 0 1px rgba(255,255,255,.25),0 6px 18px -6px rgba(56,189,248,.7)}
.pl-brand-mark img{width:100%;height:100%;object-fit:contain}
.pl-brand-name{display:block;font-weight:800;font-size:1.35rem;letter-spacing:-.02em;line-height:1}
.pl-brand-name b{background:linear-gradient(90deg,#60a5fa,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}
.pl-brand-tag{display:block;font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#93c5fd;margin-top:4px}

.pl-nav{display:none;align-items:center;gap:.2rem;margin-left:1.2rem}
@media(min-width:1024px){.pl-nav{display:flex}}
.pl-nav > a,.pl-dd-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .85rem;border-radius:10px;
  font-weight:700;font-size:.95rem;color:#dbeafe;text-decoration:none;background:transparent;border:0;cursor:pointer;transition:background .2s,color .2s}
.pl-nav > a:hover,.pl-dd-btn:hover,.pl-dd.open .pl-dd-btn{background:rgba(96,165,250,.14);color:#fff}
.pl-nav > a.active{color:#fff;background:rgba(96,165,250,.18)}
.pl-dd{position:relative}
.pl-dd-btn svg{width:15px;height:15px;transition:transform .2s}
.pl-dd.open .pl-dd-btn svg{transform:rotate(180deg)}
.pl-mega{position:absolute;top:calc(100% + 10px);left:0;min-width:690px;background:#fff;color:var(--pl-ink);border-radius:18px;
  border:1px solid var(--pl-line);box-shadow:0 30px 60px -20px rgba(7,23,54,.45);padding:14px;display:none;
  grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 14px;animation:plDrop .18s ease-out}
.pl-mega.cols-1{min-width:270px;grid-template-columns:1fr}
.pl-dd.open .pl-mega{display:grid}
@media(hover:hover) and (min-width:1024px){.pl-dd:hover .pl-mega{display:grid}}
.pl-dd::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px}
@keyframes plDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.pl-mega h6{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#6b7fa8;margin:6px 10px 4px}
.pl-mega a{display:flex;align-items:center;gap:.65rem;padding:.55rem .65rem;border-radius:11px;font-size:.88rem;font-weight:650;color:#1b2a52;text-decoration:none;transition:background .15s,color .15s}
.pl-mega a:hover{background:#eef4ff;color:#1d4ed8}
.pl-mega a.active{background:#e0ecff;color:#1d4ed8}
.pl-ico{height:30px;width:30px;flex-shrink:0;border-radius:9px;display:grid;place-items:center;font-size:15px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #cfe0ff}

.pl-actions{margin-left:auto;display:flex;align-items:center;gap:.6rem}
.pl-lang{appearance:none;-webkit-appearance:none;background:rgba(255,255,255,.08) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2393c5fd' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center/14px;
  border:1px solid rgba(147,197,253,.3);color:#fff;border-radius:11px;padding:.5rem 2rem .5rem .75rem;font-weight:700;font-size:.85rem;cursor:pointer;outline:none}
.pl-lang:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.3)}
.pl-lang option{color:#0f1b3d}
.pl-cta{display:none;align-items:center;gap:.45rem;padding:.6rem 1.05rem;border-radius:12px;font-weight:800;font-size:.9rem;color:#fff !important;text-decoration:none;
  background:var(--pl-grad);box-shadow:0 8px 22px -8px rgba(37,99,235,.9),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .15s,box-shadow .15s}
.pl-cta:hover{transform:translateY(-1px);box-shadow:0 12px 26px -8px rgba(37,99,235,1)}
@media(min-width:768px){.pl-cta{display:inline-flex}}
.pl-lang-desk{display:none}
@media(min-width:640px){.pl-lang-desk{display:block}}
.pl-burger{display:inline-grid;place-items:center;height:44px;width:44px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(147,197,253,.3);color:#fff;cursor:pointer}
.pl-burger svg{width:22px;height:22px}
@media(min-width:1024px){.pl-burger{display:none}}

/* Mobile drawer */
.pl-mobile{display:none;border-top:1px solid rgba(147,197,253,.15);max-height:calc(100vh - 68px);overflow-y:auto;padding:14px 16px 22px;background:linear-gradient(180deg,rgba(7,23,54,.98),rgba(3,11,31,.99))}
.pl-mobile.open{display:block;animation:plDrop .2s ease-out}
@media(min-width:1024px){.pl-mobile,.pl-mobile.open{display:none}}
.pl-mobile h6{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#7aa7f5;margin:16px 4px 8px}
.pl-mgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media(min-width:560px){.pl-mgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pl-mgrid a{display:flex;align-items:center;gap:.55rem;padding:.7rem .7rem;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(147,197,253,.14);color:#e6efff;font-weight:650;font-size:.85rem;text-decoration:none}
.pl-mgrid a:active,.pl-mgrid a:hover{background:rgba(59,130,246,.22);border-color:rgba(96,165,250,.5)}
.pl-mgrid a.active{background:rgba(59,130,246,.3);border-color:#60a5fa}
.pl-mobile .pl-lang{width:100%;margin-top:6px}
.pl-mobile-top{display:flex;gap:8px}
.pl-mobile-top a{flex:1;text-align:center;padding:.75rem;border-radius:12px;font-weight:800;text-decoration:none;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(147,197,253,.2)}
.pl-mobile-top a.primary{background:var(--pl-grad);border-color:transparent}

/* ---------------- Footer ---------------- */
.pl-footer{background:var(--pl-grad-deep);color:#b8c8ea;margin-top:3rem;position:relative;overflow:hidden}
.pl-footer::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 85% 0%,rgba(56,189,248,.18),transparent 70%),radial-gradient(500px 300px at 0% 100%,rgba(37,99,235,.25),transparent 70%);pointer-events:none}
.pl-foot{position:relative;max-width:80rem;margin:0 auto;padding:3.2rem 1rem 1.6rem}
@media(min-width:640px){.pl-foot{padding:3.5rem 2rem 1.8rem}}
.pl-foot-grid{display:grid;gap:2rem;grid-template-columns:1fr}
@media(min-width:640px){.pl-foot-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.pl-foot-grid{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr}}
.pl-foot h5{color:#fff;font-weight:800;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.9rem}
.pl-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.pl-foot ul a{color:#b8c8ea;text-decoration:none;font-size:.9rem;font-weight:550;transition:color .15s}
.pl-foot ul a:hover{color:#7dd3fc}
.pl-foot-about p{font-size:.9rem;line-height:1.6;margin-top:.9rem;max-width:22rem}
.pl-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.pl-badges span{font-size:.72rem;font-weight:700;padding:.35rem .6rem;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(147,197,253,.22);color:#dbeafe}
.pl-foot-bottom{margin-top:2.4rem;padding-top:1.3rem;border-top:1px solid rgba(147,197,253,.16);display:flex;flex-direction:column;gap:.6rem;align-items:center;justify-content:space-between;font-size:.82rem}
@media(min-width:640px){.pl-foot-bottom{flex-direction:row}}

/* ---------------- Page polish (tool pages) ---------------- */
.pl-tool-hero{background:linear-gradient(135deg,#ffffff 0%,#f1f6ff 55%,#e6f0ff 100%) !important;border:1px solid #d3e2fb !important;box-shadow:0 18px 40px -24px rgba(29,78,216,.35) !important;position:relative;overflow:hidden}
.pl-tool-hero::before{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.18),transparent 70%);pointer-events:none}
#tool-title{letter-spacing:-.02em}
#tool-title span:first-child{display:inline-grid;place-items:center;height:48px;width:48px;border-radius:14px;background:linear-gradient(135deg,#dbeafe,#e0f2fe);border:1px solid #bfdbfe;font-size:24px}
#drop-zone{border-color:#b9cdf0 !important;background:linear-gradient(180deg,#ffffff,#f6f9ff) !important}
#drop-zone:hover{border-color:#3b82f6 !important;background:linear-gradient(180deg,#f8fbff,#eaf2ff) !important}
button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid rgba(59,130,246,.55);outline-offset:2px}

/* RTL */
html[dir="rtl"] .pl-nav{margin-left:0;margin-right:1.2rem}
html[dir="rtl"] .pl-actions{margin-left:0;margin-right:auto}
html[dir="rtl"] .pl-mega{left:auto;right:0}

/* Breadcrumb */
.pl-crumbs{text-align:left;max-width:80rem;margin:0 auto;padding:.9rem 1rem 0;font-size:.8rem;font-weight:600;color:#6b7fa8}
@media(min-width:640px){.pl-crumbs{padding:1rem 2rem 0}}
.pl-crumbs a{color:#2563eb;text-decoration:none}
.pl-crumbs a:hover{text-decoration:underline}

/* Related tools strip */
.pl-related{max-width:80rem;margin:2.5rem auto 0;padding:0 1rem}
@media(min-width:640px){.pl-related{padding:0 2rem}}
.pl-related h2{font-size:1.15rem;font-weight:800;color:#0f1b3d;margin-bottom:.9rem}
.pl-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
@media(min-width:768px){.pl-related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1100px){.pl-related-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
.pl-related-grid a{display:flex;align-items:center;gap:.6rem;padding:.75rem;border-radius:14px;background:#fff;border:1px solid var(--pl-line);text-decoration:none;color:#1b2a52;font-weight:700;font-size:.85rem;transition:transform .15s,box-shadow .15s,border-color .15s}
.pl-related-grid a:hover{transform:translateY(-2px);border-color:#93c5fd;box-shadow:var(--pl-shadow)}