/* ══════════════════════════════════════
   PHLEdu PDF Toolkit — style.css
   ══════════════════════════════════════ */
:root {
  --g50:#F5F5F4;--g100:#E8E7E5;--g200:#CCCBC8;--g300:#B0AEA9;
  --g400:#888780;--g500:#6B6A65;--g600:#4E4D4A;--g700:#37362F;
  --g800:#2C2B28;--g900:#1A1917;
  --white:#fff;
  --green:#16A34A;--green-bg:#DCFCE7;--green-dark:#15803D;
  --blue:#2563EB;--blue-bg:#EFF6FF;
  --red:#DC2626;--red-bg:#FEF2F2;
  --yellow:#D97706;--yellow-bg:#FFFBEB;
  --r:10px;--rl:16px;
  --shadow:0 4px 20px rgba(0,0,0,.08);
  --shadow-lg:0 8px 40px rgba(0,0,0,.14);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Segoe UI',system-ui,sans-serif;background:var(--g50);color:var(--g800);min-height:100vh;}
a{text-decoration:none;color:inherit;}
.hidden{display:none!important;}

/* ══ NAV ══ */
#mainNav{background:var(--g900);position:sticky;top:0;z-index:200;border-bottom:1px solid var(--g700);}
.nav-inner{max-width:1200px;margin:0 auto;padding:0 1.5rem;height:64px;display:flex;align-items:center;gap:1.5rem;}
.logo{font-size:1.25rem;font-weight:700;color:var(--white);white-space:nowrap;}
.logo span{color:var(--g300);}
.logo em{font-style:normal;color:#6EE7A0;font-size:.8rem;margin-left:4px;font-weight:500;}
.nav-links{display:flex;gap:1rem;flex:1;flex-wrap:wrap;}
.nav-links a{color:var(--g300);font-size:.82rem;font-weight:500;transition:color .2s;white-space:nowrap;}
.nav-links a:hover{color:var(--white);}
.nav-right{display:flex;align-items:center;gap:1rem;margin-left:auto;}

/* LANG TOGGLE */
.lang-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;user-select:none;}
.lang-icon{font-size:1rem;}
.lang-track{width:38px;height:20px;background:var(--g700);border-radius:20px;position:relative;border:1px solid var(--g600);transition:background .3s;}
.lang-thumb{width:14px;height:14px;background:#6EE7A0;border-radius:50%;position:absolute;top:2px;left:2px;transition:left .3s;}
[data-lang="ur"] .lang-thumb{left:20px;}
[data-lang="ur"] .lang-track{background:var(--g600);}
.lang-label{color:var(--g300);font-size:.8rem;font-weight:500;min-width:36px;}


/* ══ HERO ══ */
.hero{background:var(--g900);text-align:center;padding:4rem 2rem 3.5rem;border-bottom:1px solid var(--g700);}
.hero-badge{display:inline-block;background:var(--g700);color:var(--g300);font-size:.72rem;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;padding:5px 14px;border-radius:20px;margin-bottom:1.2rem;border:1px solid var(--g600);}
.hero h1{font-size:2.8rem;font-weight:700;color:var(--white);line-height:1.15;margin-bottom:.8rem;letter-spacing:-1px;}
.hl{color:var(--g400);}
.hero p{color:var(--g400);font-size:1.05rem;max-width:500px;margin:0 auto;}

/* ══ TOOLS GRID ══ */
.tools-section{max-width:1100px;margin:0 auto;padding:3rem 1.5rem;}
.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;}

.tool-card{background:var(--white);border:1.5px solid var(--g200);border-radius:var(--rl);padding:1.5rem 1.25rem;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;flex-direction:column;gap:.7rem;position:relative;overflow:hidden;}
.tool-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--rl) var(--rl) 0 0;}
.free-card::before{background:var(--green);}
.tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--g300);}
.card-top{display:flex;align-items:flex-start;justify-content:space-between;}
.card-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;}
.card-icon svg{width:22px;height:22px;stroke:var(--white);fill:none;stroke-width:2;}
.merge-icon{background:linear-gradient(135deg,#16A34A,#059669);}
.split-icon{background:linear-gradient(135deg,#0EA5E9,#2563EB);}
.compress-icon{background:linear-gradient(135deg,#8B5CF6,#7C3AED);}
.p2w-icon{background:linear-gradient(135deg,#F59E0B,#D97706);}
.w2p-icon{background:linear-gradient(135deg,#EF4444,#DC2626);}
.tool-card h3{font-size:1rem;font-weight:700;color:var(--g800);}
.tool-card p{font-size:.82rem;color:var(--g500);line-height:1.5;}
.free-badge{background:var(--green-bg);color:var(--green-dark);font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:20px;white-space:nowrap;}

/* ══ MODAL ══ */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:500;display:none;align-items:center;justify-content:center;padding:1rem;backdrop-filter:blur(4px);}
.modal-overlay.open{display:flex;}
.modal-box{background:var(--white);border-radius:var(--rl);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .25s ease;}
@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
.modal-close{position:absolute;top:14px;right:14px;background:var(--g100);border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:1rem;color:var(--g500);z-index:10;transition:all .2s;}
.modal-close:hover{background:var(--g200);color:var(--g800);}

/* TOOL MODAL CONTENT */
.tool-modal-header{background:var(--g900);padding:1.5rem;border-radius:var(--rl) var(--rl) 0 0;}
.tool-modal-header h2{color:var(--white);font-size:1.1rem;font-weight:600;}
.tool-modal-header p{color:var(--g400);font-size:.82rem;margin-top:4px;}
.tool-modal-body{padding:1.5rem;}

/* UPLOAD ZONE */
.upload-zone{border:2px dashed var(--g200);border-radius:var(--rl);padding:2.5rem 1.5rem;text-align:center;cursor:pointer;transition:all .2s;background:var(--g50);}
.upload-zone:hover,.upload-zone.dragover{border-color:var(--g500);background:var(--g100);}
.upload-zone svg{width:40px;height:40px;stroke:var(--g300);fill:none;margin-bottom:.8rem;}
.upload-zone h3{font-size:.95rem;font-weight:600;color:var(--g700);margin-bottom:.3rem;}
.upload-zone p{font-size:.8rem;color:var(--g400);}
.btn-upload{margin-top:1rem;background:var(--g900);color:var(--white);border:none;padding:10px 22px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s;}
.btn-upload:hover{background:var(--g700);}

/* FILE LIST */
.file-list{list-style:none;margin:1rem 0;}
.file-item{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--g50);border-radius:8px;margin-bottom:7px;border:1px solid var(--g100);}
.fi-icon{width:30px;height:30px;background:var(--g200);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.fi-icon svg{width:14px;height:14px;stroke:var(--g600);fill:none;}
.fi-info{flex:1;min-width:0;}
.fi-name{font-size:.82rem;font-weight:500;color:var(--g700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fi-size{font-size:.72rem;color:var(--g400);}
.fi-rm{background:none;border:none;cursor:pointer;color:var(--g300);font-size:.9rem;padding:4px;border-radius:4px;transition:color .15s;}
.fi-rm:hover{color:var(--red);}

/* OPTIONS */
.opt-group{margin-bottom:1rem;}
.opt-group label{display:block;font-size:.75rem;font-weight:600;color:var(--g500);text-transform:uppercase;letter-spacing:.8px;margin-bottom:.5rem;}
.opt-row{display:flex;gap:8px;flex-wrap:wrap;}
.opt-btn{background:var(--g100);border:1px solid var(--g200);color:var(--g600);font-size:.8rem;font-weight:500;padding:6px 14px;border-radius:6px;cursor:pointer;transition:all .15s;}
.opt-btn.sel,.opt-btn:hover{background:var(--g800);color:var(--white);border-color:var(--g800);}
.text-inp{width:100%;padding:8px 12px;border-radius:7px;border:1px solid var(--g200);font-size:.85rem;outline:none;color:var(--g800);margin-top:4px;transition:border .2s;}
.text-inp:focus{border-color:var(--g500);}

/* ACTION */
.action-row{display:flex;gap:10px;margin-top:1rem;flex-wrap:wrap;}
.btn-process{flex:1;background:var(--g900);color:var(--white);border:none;padding:12px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s;min-width:140px;}
.btn-process:hover{background:var(--g700);}
.btn-process:disabled{background:var(--g300);cursor:not-allowed;}
.btn-add{background:none;border:1px solid var(--g200);color:var(--g500);padding:12px 14px;border-radius:8px;font-size:.82rem;cursor:pointer;transition:all .15s;white-space:nowrap;}
.btn-add:hover{background:var(--g50);border-color:var(--g400);}

/* PROGRESS */
.prog-wrap{display:none;margin-top:1.2rem;}
.prog-wrap.show{display:block;}
.prog-track{background:var(--g100);border-radius:4px;height:7px;overflow:hidden;}
.prog-fill{height:100%;background:linear-gradient(90deg,var(--g600),var(--g800));border-radius:4px;width:0;transition:width .4s ease;}
.prog-steps{margin-top:.5rem;font-size:.78rem;color:var(--g500);}

/* ALERTS */
.alert{display:none;border-radius:10px;padding:1rem 1.2rem;margin-top:1rem;align-items:center;gap:12px;}
.alert.show{display:flex;}
.alert svg{width:20px;height:20px;fill:none;stroke-width:2;flex-shrink:0;}
.alert-text{flex:1;}
.alert-title{font-size:.88rem;font-weight:600;}
.alert-sub{font-size:.78rem;opacity:.8;margin-top:2px;}
.alert-btn{border:none;padding:7px 16px;border-radius:7px;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;}

.alert-success{background:var(--green-bg);border:1px solid #86EFAC;}
.alert-success svg{stroke:var(--green);}
.alert-success .alert-title{color:var(--green-dark);}
.alert-success .alert-btn{background:var(--green);color:white;}
.alert-success .alert-btn:hover{background:var(--green-dark);}

.alert-error{background:var(--red-bg);border:1px solid #FCA5A5;}
.alert-error svg{stroke:var(--red);}
.alert-error .alert-title{color:var(--red);}

.quota-used{background:var(--g50);border-radius:8px;padding:.8rem 1rem;margin-bottom:1.5rem;}
.quota-bar{background:var(--g200);border-radius:4px;height:6px;margin-bottom:.4rem;}
.quota-fill{height:100%;background:var(--red);border-radius:4px;transition:width .5s;}
.quota-used span{font-size:.78rem;color:var(--red);font-weight:600;}

/* GOOGLE SIGN IN BTN */
.btn-google-signin{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:var(--white);color:#3C4043;border:1.5px solid #DADCE0;border-radius:8px;padding:13px 20px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,.1);font-family:'Segoe UI',system-ui,sans-serif;}
.btn-google-signin:hover{background:#F8F9FA;box-shadow:0 2px 8px rgba(0,0,0,.15);border-color:#C6C6C6;}
.btn-google-signin:active{background:#F1F3F4;transform:scale(.99);}
.btn-google-signin svg{flex-shrink:0;}

/* ══ COUNTDOWN OVERLAY ══ */
.countdown-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:1000;display:none;align-items:center;justify-content:center;backdrop-filter:blur(6px);}
.countdown-overlay.open{display:flex;}
.countdown-box{background:var(--white);border-radius:20px;width:100%;max-width:480px;margin:1rem;overflow:hidden;animation:slideUp .3s ease;}
.ad-slot-top,.ad-slot-bottom{background:var(--g50);border-bottom:1px solid var(--g100);border-top:1px solid var(--g100);padding:.8rem 1rem;}
.ad-placeholder{text-align:center;color:var(--g400);font-size:.8rem;min-height:60px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--g200);border-radius:8px;}
.countdown-center{padding:2rem;text-align:center;}
.countdown-ring{position:relative;width:110px;height:110px;margin:0 auto 1.2rem;}
.countdown-ring svg{width:100%;height:100%;}
#countdownCircle{transition:stroke-dashoffset .9s linear;}
.countdown-num{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;font-weight:700;color:var(--g800);}
.countdown-msg{font-size:.9rem;color:var(--g500);line-height:1.5;}
.btn-skip{display:block;width:calc(100% - 2rem);margin:0 1rem 1rem;background:var(--g900);color:var(--white);border:none;padding:13px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s;animation:fadeIn .4s ease;}
.btn-skip:hover{background:var(--g700);}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

/* ══ SEO SECTION ══ */
.seo-section{background:var(--white);border-top:1px solid var(--g100);margin-top:2rem;padding:3rem 1.5rem;}
.seo-inner{max-width:1100px;margin:0 auto;}
.seo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem;}
.seo-card h2{font-size:1.05rem;font-weight:700;color:var(--g800);margin-bottom:.6rem;}
.seo-card p{font-size:.88rem;color:var(--g500);line-height:1.7;}

/* FAQ */
.faq-section{border-top:1px solid var(--g100);padding-top:2.5rem;}
.faq-heading{font-size:1.6rem;font-weight:700;color:var(--g800);text-align:center;margin-bottom:1.8rem;}
.faq-item{border:1px solid var(--g100);border-radius:var(--r);margin-bottom:10px;overflow:hidden;}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;font-size:.92rem;font-weight:600;color:var(--g700);background:var(--white);transition:background .2s;gap:.5rem;}
.faq-q:hover{background:var(--g50);}
.faq-arrow{font-size:.9rem;transition:transform .3s;flex-shrink:0;color:var(--g400);}
.faq-item.open .faq-arrow{transform:rotate(180deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;font-size:.87rem;color:var(--g500);line-height:1.7;padding:0 1.25rem;background:var(--g50);}
.faq-item.open .faq-a{max-height:300px;padding:1rem 1.25rem;}

/* ══ FOOTER ══ */
footer{background:var(--g900);margin-top:3rem;padding:3rem 1.5rem 0;}
.footer-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:3rem;padding-bottom:2.5rem;border-bottom:1px solid var(--g700);}
.footer-logo{font-size:1.4rem;font-weight:700;color:var(--white);display:inline-block;margin-bottom:.6rem;}
.footer-logo span{color:var(--g300);}
.footer-brand p{color:var(--g400);font-size:.85rem;line-height:1.6;margin-bottom:1rem;}
.footer-social{display:flex;gap:12px;}
.footer-social a{width:36px;height:36px;background:var(--g700);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--g300);transition:all .2s;}
.footer-social a:hover{background:var(--g600);color:var(--white);}
.footer-social svg{width:16px;height:16px;}
.footer-links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;}
.footer-col h4{color:var(--white);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;}
.footer-col a{display:block;color:var(--g400);font-size:.82rem;margin-bottom:.5rem;transition:color .2s;}
.footer-col a:hover{color:var(--white);}
.highlight-link{color:#6EE7A0!important;font-weight:600;}
.highlight-link:hover{color:var(--white)!important;}
.footer-bottom{max-width:1100px;margin:0 auto;padding:1.2rem 0;text-align:center;}
.footer-bottom p{color:var(--g500);font-size:.8rem;}
.footer-main-link{color:#6EE7A0;font-weight:600;}
.footer-main-link:hover{color:var(--white);}

/* ══ RESPONSIVE ══ */
@media(max-width:900px){
  .footer-inner{grid-template-columns:1fr;}
  .footer-links-grid{grid-template-columns:repeat(2,1fr);}
  .nav-links{display:none;}
}
@media(max-width:600px){
  .hero h1{font-size:2rem;}
  .tools-grid{grid-template-columns:repeat(2,1fr);}
  .footer-links-grid{grid-template-columns:1fr 1fr;}
  .action-row{flex-direction:column;}
  .btn-process,.btn-add{width:100%;}
}
@media(max-width:380px){
  .tools-grid{grid-template-columns:1fr;}
}

/* ══ TOOL MODAL ══ */
.modal-overlay{position:fixed;inset:0;background:rgba(26,25,23,.6);z-index:500;display:none;align-items:flex-start;justify-content:center;padding:3vh 1rem;overflow-y:auto;}
.modal-overlay.open{display:flex;}
.modal-box{background:#fff;border-radius:18px;max-width:560px;width:100%;box-shadow:var(--shadow-lg);position:relative;margin-top:2vh;}
.modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;background:var(--g50);border:none;cursor:pointer;font-size:1.1rem;color:var(--g600);display:flex;align-items:center;justify-content:center;z-index:5;}
.modal-close:hover{background:var(--g100);}
.tool-modal-header{background:var(--g900);padding:1.5rem 1.5rem 1.2rem;border-radius:18px 18px 0 0;}
.tool-modal-header h2{color:#fff;font-size:1.25rem;margin-bottom:4px;}
.tool-modal-header p{color:var(--g400);font-size:.85rem;}
.tool-modal-body{padding:1.5rem;}

/* ══ UPLOAD ZONE ══ */
.upload-zone{border:2px dashed var(--g200);border-radius:12px;padding:2.2rem 1rem;text-align:center;cursor:pointer;transition:all .2s;margin-bottom:1rem;}
.upload-zone:hover,.upload-zone.dragover{border-color:var(--g500);background:var(--g50);}
.drop-text{font-size:.85rem;color:var(--g500);margin-bottom:.8rem;}

/* ══ FILE LIST ══ */
.file-list{list-style:none;margin-bottom:1rem;}
.file-item{display:flex;align-items:center;gap:10px;padding:.6rem .8rem;background:var(--g50);border-radius:8px;margin-bottom:.4rem;}
.fi-icon{width:32px;height:32px;background:var(--g100);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.fi-icon svg{width:16px;height:16px;stroke:var(--g400);fill:none;stroke-width:1.5;}
.fi-info{flex:1;min-width:0;}
.fi-name{font-size:.82rem;font-weight:600;color:var(--g900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fi-size{font-size:.72rem;color:var(--g400);}
.fi-rm{background:none;border:none;color:var(--g400);cursor:pointer;font-size:.85rem;padding:4px;border-radius:4px;}
.fi-rm:hover{color:var(--red);background:var(--red-bg);}

/* ══ OPTIONS ══ */
.opt-group{margin-bottom:1rem;}
.opt-group label{font-size:.75rem;font-weight:600;color:var(--g500);text-transform:uppercase;letter-spacing:.8px;display:block;margin-bottom:.5rem;}
.opt-row{display:flex;gap:.5rem;flex-wrap:wrap;}
.opt-btn{background:var(--g50);border:1.5px solid var(--g100);color:var(--g600);padding:6px 14px;border-radius:7px;cursor:pointer;font-size:.82rem;font-weight:500;transition:all .2s;}
.opt-btn:hover{border-color:var(--g400);}
.opt-btn.sel{background:var(--g900);border-color:var(--g900);color:#fff;}

/* ══ ACTIONS ══ */
.action-row{display:flex;gap:.6rem;margin-bottom:1rem;}
.btn-process{flex:1;background:var(--g900);color:#fff;border:none;padding:11px 20px;border-radius:9px;cursor:pointer;font-size:.92rem;font-weight:700;transition:background .2s;}
.btn-process:hover{background:var(--g700);}
.btn-process:disabled{background:var(--g200);cursor:not-allowed;}
.btn-add{background:var(--g50);color:var(--g600);border:1.5px solid var(--g100);padding:11px 16px;border-radius:9px;cursor:pointer;font-size:.88rem;font-weight:600;white-space:nowrap;transition:all .2s;}
.btn-add:hover{border-color:var(--g400);}
.btn-upload{background:var(--g900);color:#fff;border:none;padding:9px 20px;border-radius:8px;cursor:pointer;font-size:.88rem;font-weight:600;margin-top:1rem;transition:background .2s;}
.btn-upload:hover{background:var(--g700);}

/* ══ PROGRESS ══ */
.prog-wrap{display:none;margin-bottom:1rem;}
.prog-wrap.show{display:block;}
.prog-track{height:6px;background:var(--g100);border-radius:3px;overflow:hidden;margin-bottom:.5rem;}
.prog-fill{height:100%;background:var(--g900);border-radius:3px;width:0;transition:width .4s;}
.prog-steps{font-size:.75rem;color:var(--g400);}

/* ══ ALERTS ══ */
.alert{display:none;align-items:center;gap:12px;padding:1rem;border-radius:10px;margin-top:.8rem;}
.alert.show{display:flex;}
.alert svg{width:20px;height:20px;flex-shrink:0;}
.alert-text{flex:1;min-width:0;}
.alert-title{font-size:.9rem;font-weight:600;}
.alert-sub{font-size:.8rem;margin-top:2px;}
.alert-btn{background:var(--g900);color:#fff;border:none;padding:8px 16px;border-radius:7px;cursor:pointer;font-size:.82rem;font-weight:600;white-space:nowrap;}
.alert-success{background:var(--green-bg);}
.alert-success svg{stroke:var(--green);fill:none;stroke-width:2.5;}
.alert-success .alert-title{color:var(--green-dark);}
.alert-success .alert-sub{color:#166534;}
.alert-error{background:var(--red-bg);}
.alert-error svg{stroke:var(--red);fill:none;stroke-width:2;}
.alert-error .alert-title{color:var(--red);}
.text-inp{width:100%;padding:9px 12px;border:1.5px solid var(--g100);border-radius:8px;font-size:.88rem;color:var(--g900);background:#fff;outline:none;transition:border-color .2s;}
.text-inp:focus{border-color:var(--g400);}

/* ══ SEO / FAQ ══ */
.seo-section{background:#fff;border-top:1px solid var(--g100);padding:3rem 1.5rem;}
.seo-inner{max-width:1100px;margin:0 auto;}
.seo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:3rem;}
.seo-card h2{font-size:1rem;font-weight:700;color:var(--g900);margin-bottom:.5rem;}
.seo-card p{font-size:.85rem;color:var(--g500);line-height:1.7;}
.faq-section{margin-top:2rem;}
.faq-heading{font-size:1.3rem;font-weight:700;color:var(--g900);margin-bottom:1.2rem;}
.faq-item{border:1px solid var(--g100);border-radius:10px;margin-bottom:.6rem;overflow:hidden;}
.faq-q{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.1rem;cursor:pointer;font-size:.9rem;font-weight:600;color:var(--g900);background:#fff;}
.faq-q:hover{background:var(--g50);}
.faq-arrow{transition:transform .25s;flex-shrink:0;color:var(--g400);}
.faq-item.open .faq-arrow{transform:rotate(180deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;font-size:.85rem;color:var(--g600);line-height:1.7;padding:0 1.1rem;}
.faq-item.open .faq-a{max-height:400px;padding:.6rem 1.1rem 1rem;}

/* ══ FOOTER ══ */
footer{background:var(--g900);color:var(--g400);padding:3rem 1.5rem 1.5rem;}
.footer-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin-bottom:2rem;}
.footer-logo{font-size:1.2rem;font-weight:700;color:#fff;display:block;margin-bottom:.5rem;}
.footer-logo span{color:var(--g400);}
.footer-brand p{font-size:.82rem;line-height:1.6;margin-bottom:1rem;}
.footer-social{display:flex;gap:.8rem;}
.footer-social a{width:32px;height:32px;background:var(--g700);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--g400);transition:all .2s;}
.footer-social a:hover{background:var(--g600);color:#fff;}
.footer-social svg{width:16px;height:16px;}
.footer-links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}
.footer-col h4{font-size:.78rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.8px;margin-bottom:.8rem;}
.footer-col a{display:block;font-size:.82rem;color:var(--g400);margin-bottom:.4rem;transition:color .2s;}
.footer-col a:hover{color:#fff;}
.highlight-link{color:#6EE7A0!important;}
.footer-main-link{color:#6EE7A0;}
.footer-bottom{border-top:1px solid var(--g700);padding-top:1.2rem;font-size:.78rem;text-align:center;}
@media(max-width:768px){.footer-inner{grid-template-columns:1fr;gap:2rem;}.footer-links-grid{grid-template-columns:1fr 1fr;}}

/* ══ FREE-FOREVER BADGE STYLING ══ */
.free-forever-banner{background:linear-gradient(135deg,#16A34A,#15803D);color:#fff;text-align:center;padding:.7rem 1rem;font-size:.85rem;font-weight:600;}

/* ══ RTL support ══ */
[dir="rtl"] .nav-links{flex-direction:row-reverse;}
[dir="rtl"] .file-item{flex-direction:row-reverse;}
[dir="rtl"] .alert{flex-direction:row-reverse;}
[dir="rtl"] .footer-links-grid{direction:rtl;}

@media(max-width:768px){
  .nav-inner{flex-wrap:wrap;height:auto;padding:.8rem 1.2rem;}
  .nav-links{order:3;width:100%;justify-content:center;padding-top:.6rem;border-top:1px solid var(--g700);margin-top:.6rem;}
  .hero h1{font-size:2rem;}
  .seo-grid{grid-template-columns:1fr;}
}

/* ══════════════════════════════════════
   NOTO NASTALIQ URDU — applied to all
   Urdu-language text via [lang="ur"] and
   the body.lang-ur class
   ══════════════════════════════════════ */
[lang="ur"], .lang-ur [data-t], .lang-ur .urdu-disclaimer,
.lang-ur #langLabel, .lang-ur .faq-q span, .lang-ur .faq-a {
  font-family: 'Noto Nastaliq Urdu', 'Segoe UI', system-ui, sans-serif;
  line-height: 2.1;
}
.urdu-disclaimer, .size-limit-box h3, .size-limit-box p {
  font-family: 'Noto Nastaliq Urdu', 'Segoe UI', system-ui, sans-serif;
}

/* ══════════════════════════════════════
   STABLE LAYOUT — language switch never
   moves grid/containers. Only text inside
   reflows; text-align flips locally via
   [lang="ur"] without touching parent dir.
   ══════════════════════════════════════ */
.lang-ur [data-t] { text-align: right; direction: rtl; unicode-bidi: isolate; }
.lang-ur .nav-links a[data-t] { text-align: center; }
.lang-ur .hero h1, .lang-ur .hero p, .lang-ur .hero-badge { text-align: center; direction: rtl; }
.lang-ur .tool-card h3, .lang-ur .tool-card p { text-align: right; direction: rtl; }
.lang-ur .seo-card h2, .lang-ur .seo-card p { text-align: right; direction: rtl; }
.lang-ur .footer-col a, .lang-ur .footer-col h4 { text-align: right; direction: rtl; }
.lang-ur .faq-q span { direction: rtl; }

/* ── Urdu main headings — slightly smaller, since Noto Nastaliq Urdu's
   taller glyph metrics make headings look oversized at the same font-size
   as Latin script. Only headings are scaled down — body text, buttons,
   and labels stay full-size for readability. ── */
.lang-ur .hero h1 { font-size: 2.15rem; line-height: 1.7; }
.lang-ur .tool-modal-header h2 { font-size: .98rem; }
.lang-ur .seo-card h2 { font-size: .92rem; }
.lang-ur .faq-heading { font-size: 1.25rem; }
.lang-ur .tool-card h3 { font-size: .9rem; }
@media (max-width: 768px) {
  .lang-ur .hero h1 { font-size: 1.7rem; }
}
/* Grids/flex containers themselves stay LTR-structured — only isolate inner text */
.tools-grid, .seo-grid, .footer-links-grid, .nav-inner, .nav-links { direction: ltr; }

/* ══════════════════════════════════════
   URDU DISCLAIMER — above drop zone
   ══════════════════════════════════════ */
.urdu-disclaimer {
  background: var(--yellow-bg);
  border: 1.5px solid #FDE68A;
  border-radius: 10px;
  padding: .85rem 1rem;
  margin-bottom: 1rem;
  font-size: .92rem;
  color: #92400E;
  line-height: 2;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  text-align: right;
}
.disclaimer-icon { flex-shrink: 0; font-size: 1rem; margin-top: 2px; }

/* ══════════════════════════════════════
   100MB SIZE-LIMIT POPUP
   ══════════════════════════════════════ */
.size-limit-overlay {
  position: fixed; inset: 0;
  background: rgba(26,25,23,.65);
  z-index: 999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  backdrop-filter: blur(2px);
}
.size-limit-overlay.show { display: flex; animation: fadeIn .25s ease; }
.size-limit-box {
  background: #fff;
  border-radius: 18px;
  padding: 2.2rem 1.8rem;
  max-width: 380px;
  width: 100%;
  text-align: center;
  box-shadow: var(--shadow-lg);
  animation: popIn .3s cubic-bezier(.34,1.56,.64,1);
}
.size-limit-icon { font-size: 2.8rem; margin-bottom: .8rem; }
.size-limit-box h3 { font-size: 1.15rem; font-weight: 700; color: var(--g900); margin-bottom: .6rem; }
.size-limit-box p { font-size: .95rem; color: var(--g600); line-height: 2; margin-bottom: 1.3rem; }
.size-limit-btn {
  background: var(--g900); color: #fff; border: none;
  padding: 10px 28px; border-radius: 10px; cursor: pointer;
  font-size: .92rem; font-weight: 700; transition: background .2s;
}
.size-limit-btn:hover { background: var(--g700); }

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes popIn { from { transform: scale(.85); opacity: 0; } to { transform: scale(1); opacity: 1; } }

/* ══════════════════════════════════════
   MODERN PROCESSING ANIMATION
   Particle stream + progress percentage
   ══════════════════════════════════════ */
.particle-stream {
  position: relative;
  height: 36px;
  margin-bottom: .7rem;
  overflow: hidden;
  border-radius: 8px;
  background: var(--g50);
}
.particle {
  position: absolute;
  top: 50%;
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--g900);
  transform: translateY(-50%);
  opacity: 0;
  animation: particleFlow 1.6s linear infinite;
}
.particle:nth-child(1) { left: -10px; animation-delay: 0s;    background: #2563EB; }
.particle:nth-child(2) { left: -10px; animation-delay: .15s;  background: #16A34A; }
.particle:nth-child(3) { left: -10px; animation-delay: .3s;   background: #D97706; }
.particle:nth-child(4) { left: -10px; animation-delay: .45s;  background: #2563EB; }
.particle:nth-child(5) { left: -10px; animation-delay: .6s;   background: #16A34A; }
.particle:nth-child(6) { left: -10px; animation-delay: .75s;  background: #D97706; }
.particle:nth-child(7) { left: -10px; animation-delay: .9s;   background: #2563EB; }
.particle:nth-child(8) { left: -10px; animation-delay: 1.05s; background: #16A34A; }

@keyframes particleFlow {
  0%   { left: -10px; opacity: 0; transform: translateY(-50%) scale(.5); }
  10%  { opacity: 1; transform: translateY(-50%) scale(1); }
  90%  { opacity: 1; }
  100% { left: 100%; opacity: 0; transform: translateY(-50%) scale(.5); }
}

.prog-info-row { display: flex; justify-content: space-between; align-items: center; }
.prog-pct {
  font-size: .8rem; font-weight: 700; color: var(--g900);
  font-variant-numeric: tabular-nums; min-width: 38px; text-align: right;
}
.prog-fill {
  background: linear-gradient(90deg, #2563EB, #16A34A, #D97706, #2563EB);
  background-size: 300% 100%;
  animation: gradientShift 2s linear infinite;
}
@keyframes gradientShift {
  0%   { background-position: 0% 50%; }
  100% { background-position: 300% 50%; }
}

/* موبائل پر کارڈز کا کلک بحال کرنے کے لیے */
.tool-card * {
    pointer-events: none !important;
}