/*
Theme Name: Toolxora
Theme URI: https://toolxora.com
Author: Hammad Rana
Description: Premium SaaS WordPress theme for Toolxora business tools platform.
Version: 22.0.0
Text Domain: toolxora
*/
:root{--primary:#2563EB;--secondary:#7C3AED;--dark:#07152F;--heading:#0B1633;--text:#5B6B86;--muted:#7A89A4;--border:#E6ECF5;--shadow:0 24px 70px rgba(25,45,88,.10);--shadow2:0 12px 35px rgba(25,45,88,.08)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--heading);background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}body.tx-menu-open{overflow:hidden}a{text-decoration:none;color:inherit}.tx-container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.tx-header{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(230,236,245,.9)}.tx-nav{height:76px;display:flex;align-items:center;justify-content:space-between}.tx-logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:25px;letter-spacing:-.04em}.tx-logo-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;display:grid;place-items:center;font-weight:900;font-size:24px}.tx-menu{display:flex;align-items:center;gap:32px;font-weight:800;font-size:14px;color:#102044}.tx-menu a{position:relative;transition:.2s}.tx-menu a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:linear-gradient(135deg,var(--primary),var(--secondary));transition:.25s}.tx-menu a:hover{color:var(--primary)}.tx-menu a:hover:after{width:100%}.tx-actions{display:flex;align-items:center;gap:14px}.tx-moon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#F5F8FF;color:#57708F}.tx-menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.tx-menu-toggle span{width:20px;height:2px;background:#0B1633;border-radius:10px;transition:.25s}.tx-menu-open .tx-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.tx-menu-open .tx-menu-toggle span:nth-child(2){opacity:0}.tx-menu-open .tx-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.tx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:15px 24px;font-weight:900;transition:.22s ease;border:0;cursor:pointer;white-space:nowrap}.tx-btn-primary{color:white;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 18px 35px rgba(37,99,235,.25)}.tx-btn-primary:hover{transform:translateY(-3px);box-shadow:0 24px 45px rgba(37,99,235,.35)}.tx-btn-light{background:white;color:#102044!important;border:1px solid var(--border);box-shadow:0 10px 25px rgba(25,45,88,.07)}.tx-btn-light:hover{transform:translateY(-3px);border-color:#cbd5e1;box-shadow:0 18px 40px rgba(25,45,88,.14)}.tx-cta-card .tx-btn-light{background:#fff!important;color:#1e3a8a!important;border:0!important}
.tx-hero{position:relative;overflow:hidden;padding:74px 0 42px}.tx-hero:before{content:"";position:absolute;right:-140px;top:90px;width:540px;height:380px;background:radial-gradient(circle,rgba(37,99,235,.13),transparent 62%);border-radius:50%}.tx-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center;position:relative}.tx-hero h1{font-size:clamp(44px,6vw,68px);line-height:1.04;letter-spacing:-.065em;margin:0 0 18px}.tx-gradient{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tx-hero p{font-size:19px;line-height:1.72;color:var(--text);max-width:600px;margin:0 0 28px}.tx-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}.tx-social-proof{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.tx-avatars{display:flex}.tx-avatar{width:36px;height:36px;border-radius:50%;border:3px solid white;background:linear-gradient(135deg,#dbeafe,#ede9fe);margin-left:-8px}.tx-avatar:first-child{margin-left:0}.tx-stars{color:#F59E0B;letter-spacing:2px;font-weight:900}.tx-proof-text{font-weight:800;color:#35435C}
.tx-dashboard{background:white;border:1px solid var(--border);border-radius:30px;box-shadow:var(--shadow);padding:14px;position:relative}.tx-dashboard-inner{display:grid;grid-template-columns:120px 1fr;min-height:330px;border-radius:22px;overflow:hidden;border:1px solid var(--border);background:white}.tx-sidebar{background:#F7FAFF;border-right:1px solid var(--border);padding:18px 14px}.tx-mini-logo{display:flex;align-items:center;gap:8px;font-weight:900;font-size:14px;margin-bottom:20px}.tx-mini-logo span{width:24px;height:24px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:grid;place-items:center;color:#fff}.tx-side-link{padding:10px 8px;border-radius:10px;color:#6b7892;font-size:12px;font-weight:800;margin-bottom:5px}.tx-side-link.active{background:#EAF1FF;color:var(--primary)}.tx-invoice-screen{padding:20px}.tx-screen-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.tx-screen-top strong{font-size:15px}.tx-download{font-size:11px;padding:8px 12px;border-radius:10px;background:#EFF6FF;color:var(--primary);font-weight:900}.tx-paper{border:1px solid var(--border);border-radius:16px;padding:22px;background:#fff}.tx-paper-head{display:flex;justify-content:space-between;border-bottom:2px solid var(--dark);padding-bottom:16px;margin-bottom:18px}.tx-paper-logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--secondary))}.tx-paper h3{margin:0;font-size:22px}.tx-paper p{margin:4px 0;color:#6b7892;font-size:12px}.tx-table{width:100%;border-collapse:collapse;font-size:12px}.tx-table th{background:#EEF3FB;color:#21314f;text-align:left;padding:10px}.tx-table td{padding:10px;border-bottom:1px solid #edf1f7}.tx-table .right{text-align:right}
.tx-trust{padding:28px 0 12px}.tx-trust-card{background:white;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow2);display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden}.tx-trust-item{text-align:center;padding:24px 18px;border-right:1px solid var(--border)}.tx-trust-item:last-child{border-right:0}.tx-trust-icon{width:42px;height:42px;border-radius:50%;background:#EEF4FF;color:var(--primary);display:grid;place-items:center;margin:0 auto 10px;font-size:19px}.tx-trust-item strong{display:block;font-size:14px}
.tx-section{padding:64px 0}.tx-soft{background:linear-gradient(180deg,#F7FAFF,#fff)}.tx-section-head{text-align:center;max-width:720px;margin:0 auto 34px}.tx-section-head h2{font-size:clamp(30px,4vw,42px);letter-spacing:-.05em;margin:0 0 10px}.tx-section-head p{color:var(--muted);font-size:16px;line-height:1.7;margin:0}
.tx-tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tx-tool-card{background:white;border:1px solid var(--border);border-radius:18px;padding:22px;display:flex;gap:16px;align-items:flex-start;box-shadow:0 10px 30px rgba(25,45,88,.05);transition:.22s}.tx-tool-card:hover{transform:translateY(-5px);box-shadow:var(--shadow2);border-color:#dbeafe}.tx-tool-icon{width:52px;height:52px;border-radius:16px;background:#EEF4FF;color:var(--primary);display:grid;place-items:center;font-size:22px;flex:0 0 52px}.tx-tool-card h3{margin:0 0 6px;font-size:16px}.tx-tool-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.tx-center{text-align:center;margin-top:22px}
.tx-why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.tx-why-card{text-align:center;padding:22px 12px}.tx-why-card span{font-size:34px;color:var(--primary)}.tx-why-card h3{margin:10px 0 5px}.tx-why-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.tx-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:center}.tx-step{background:white;border:1px solid var(--border);border-radius:22px;padding:28px;box-shadow:var(--shadow2);transition:.22s}.tx-step:hover{transform:translateY(-4px)}.tx-step-number{width:38px;height:38px;border-radius:50%;background:var(--primary);color:white;display:grid;place-items:center;font-weight:900;margin-bottom:16px}.tx-step h3{margin:0 0 8px}.tx-step p{margin:0;color:var(--muted);line-height:1.6}
.tx-testimonials{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tx-testimonial{background:white;border:1px solid var(--border);border-radius:22px;padding:22px;box-shadow:var(--shadow2)}.tx-testimonial p{color:#4b5b75;line-height:1.65}.tx-person{display:flex;align-items:center;gap:12px;margin-top:16px}.tx-person-img{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#ede9fe)}.tx-person strong{display:block}.tx-person span{color:var(--muted);font-size:13px}
.tx-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tx-blog-card{background:white;border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:var(--shadow2);transition:.22s}.tx-blog-card:hover{transform:translateY(-4px)}.tx-blog-img{height:150px;background:linear-gradient(135deg,#dbeafe,#ede9fe);display:grid;place-items:center;font-size:44px}.tx-blog-content{padding:22px}.tx-blog-tag{font-size:12px;color:var(--primary);font-weight:900}.tx-blog-card h3{margin:8px 0 8px;font-size:19px}.tx-blog-card p{margin:0;color:var(--muted);line-height:1.6}
.tx-cta{padding:58px 0}.tx-cta-card{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:28px;padding:42px 48px;color:white;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 24px 60px rgba(37,99,235,.25)}.tx-cta-card h2{font-size:clamp(28px,4vw,42px);letter-spacing:-.05em;margin:0 0 8px}.tx-cta-card p{margin:0;opacity:.9}
.tx-footer{background:#07152F;color:#AAB7CF;padding:52px 0 24px}.tx-footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:32px}.tx-footer .tx-logo{color:white;margin-bottom:14px}.tx-footer p{line-height:1.7}.tx-footer h4{color:white;margin:0 0 14px}.tx-footer a{display:block;color:#AAB7CF;margin:9px 0;font-size:14px;transition:.2s}.tx-footer a:hover{color:white}.tx-newsletter{display:flex;background:#101F3D;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden}.tx-newsletter input{flex:1;background:transparent;border:0;color:white;padding:13px;min-width:0}.tx-newsletter button{border:0;background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;padding:0 14px}.tx-footer-bottom{text-align:center;margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);font-size:14px}
@media(max-width:1024px){.tx-menu-toggle{display:flex}.tx-menu{position:fixed;top:76px;left:0;right:0;height:calc(100vh - 76px);background:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:22px 24px;transform:translateX(100%);transition:.28s ease;box-shadow:0 20px 60px rgba(15,23,42,.12);overflow:auto}.tx-menu-open .tx-menu{transform:translateX(0)}.tx-menu a{width:100%;padding:18px 0;border-bottom:1px solid var(--border);font-size:18px}.tx-menu a:after{display:none}.tx-hero-grid{grid-template-columns:1fr}.tx-trust-card{grid-template-columns:1fr 1fr}.tx-tools-grid{grid-template-columns:1fr 1fr}.tx-why-grid{grid-template-columns:1fr 1fr}.tx-steps{grid-template-columns:1fr}.tx-testimonials{grid-template-columns:1fr 1fr}.tx-blog-grid{grid-template-columns:1fr}.tx-footer-grid{grid-template-columns:1fr 1fr}.tx-cta-card{flex-direction:column;align-items:flex-start}}
@media(max-width:640px){.tx-container{width:min(100% - 28px,1180px)}.tx-nav{height:68px}.tx-menu{top:68px;height:calc(100vh - 68px)}.tx-actions .tx-moon,.tx-actions .tx-btn-primary{display:none}.tx-hero{padding-top:52px}.tx-hero-actions{flex-direction:column}.tx-btn{width:100%}.tx-dashboard-inner{grid-template-columns:1fr}.tx-sidebar{display:none}.tx-trust-card,.tx-tools-grid,.tx-why-grid,.tx-testimonials,.tx-footer-grid{grid-template-columns:1fr}.tx-cta-card{padding:32px 24px}}


/* Invoice Generator Page */
.tx-breadcrumb{font-size:13px;color:#7A89A4;margin-bottom:28px;font-weight:700}.tx-breadcrumb a{color:#53627c}.tx-invoice-hero{position:relative;padding:48px 0 36px;overflow:hidden}.tx-invoice-hero:before{content:"";position:absolute;right:-120px;top:20px;width:520px;height:360px;background:radial-gradient(circle,rgba(124,58,237,.16),transparent 65%);border-radius:50%;pointer-events:none}.tx-invoice-hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center;position:relative}.tx-invoice-hero h1{font-size:clamp(42px,5.4vw,64px);line-height:1.04;letter-spacing:-.06em;margin:0 0 16px}.tx-invoice-hero p{font-size:18px;line-height:1.7;color:var(--text);max-width:590px;margin:0 0 24px}.tx-hero-pills{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 24px}.tx-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;background:#fff;border:1px solid var(--border);border-radius:999px;font-weight:900;font-size:13px;color:#40516c;box-shadow:0 8px 20px rgba(25,45,88,.04)}.tx-hero-proof{display:flex;align-items:center;gap:14px;margin-top:22px;color:#50627f;font-weight:800}.tx-invoice-illustration{min-height:270px;display:flex;align-items:center;justify-content:center}.tx-hero-card{width:min(420px,100%);background:#fff;border:1px solid var(--border);border-radius:28px;padding:26px;box-shadow:var(--shadow);position:relative}.tx-hero-card:before{content:"";position:absolute;inset:12px -18px -14px 18px;background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(124,58,237,.12));border-radius:30px;z-index:-1}.tx-hero-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.tx-hero-card-logo{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:grid;place-items:center;color:white;font-weight:900}.tx-hero-card h3{font-size:28px;margin:0}.tx-hero-line{height:12px;border-radius:999px;background:#edf2fb;margin:12px 0}.tx-hero-line.short{width:62%}.tx-paid-stamp{display:inline-block;margin-top:10px;border:2px solid #a78bfa;color:#7c3aed;border-radius:10px;padding:6px 12px;font-weight:900;transform:rotate(-10deg)}
.tx-tool-shell{padding:18px 0 34px}.tx-tool-card-shell{background:#fff;border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);padding:22px}.tx-tool-card-shell .bt-topbar,.tx-tool-card-shell .bt-hero{display:none!important}.tx-tool-card-shell .bt-container{max-width:none!important;padding-left:0!important;padding-right:0!important}.tx-tool-card-shell .bt-app{padding:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important}.tx-tool-card-shell .bt-form-card,.tx-tool-card-shell .bt-preview-card{box-shadow:none!important;border-color:#edf1f7!important}.tx-tool-card-shell .bt-preview-card{position:sticky!important;top:98px!important}
.tx-benefits-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.tx-benefit{background:white;border:1px solid var(--border);border-radius:20px;padding:22px;text-align:center;box-shadow:var(--shadow2)}.tx-benefit span{width:46px;height:46px;border-radius:16px;background:#eef4ff;color:var(--primary);display:grid;place-items:center;margin:0 auto 12px;font-size:20px}.tx-benefit h3{font-size:15px;margin:0 0 7px}.tx-benefit p{font-size:13px;line-height:1.5;color:var(--muted);margin:0}
.tx-steps-invoice{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tx-step-invoice{background:#fff;border:1px solid var(--border);border-radius:22px;padding:26px;box-shadow:var(--shadow2)}.tx-step-invoice b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;margin-bottom:14px}.tx-step-invoice h3{margin:0 0 8px}.tx-step-invoice p{margin:0;color:var(--muted);line-height:1.6}
.tx-seo-content{background:#fff;border:1px solid var(--border);border-radius:26px;padding:36px;box-shadow:var(--shadow2)}.tx-seo-content h2{font-size:34px;letter-spacing:-.04em;margin:0 0 14px}.tx-seo-content p{color:var(--text);line-height:1.8;font-size:16px}.tx-seo-rich h2{font-size:26px;margin:26px 0 12px}.tx-seo-rich h3{font-size:20px;margin:22px 0 10px}.tx-seo-rich h4{font-size:17px;margin:18px 0 8px}.tx-seo-rich ul,.tx-seo-rich ol{color:var(--text);line-height:1.8;font-size:16px;padding-left:22px;margin:0 0 16px}.tx-seo-rich li{margin-bottom:6px}.tx-seo-rich a{color:var(--primary);font-weight:700}.tx-seo-rich a:hover{text-decoration:underline}.tx-seo-rich img{max-width:100%;height:auto;border-radius:14px}.tx-seo-rich blockquote{border-left:3px solid var(--primary);margin:16px 0;padding:6px 0 6px 16px;color:var(--text);font-style:italic}.tx-seo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}.tx-seo-mini{border-top:1px solid var(--border);padding-top:18px}.tx-seo-mini h3{margin:0 0 8px;font-size:17px}.tx-seo-mini p{font-size:14px;margin:0}
.tx-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tx-faq-item{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px 20px;box-shadow:0 8px 22px rgba(25,45,88,.04)}.tx-faq-item summary{cursor:pointer;font-weight:900;color:#172344}.tx-faq-item p{color:var(--muted);line-height:1.7;margin:14px 0 0}
.tx-related-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.tx-related-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:var(--shadow2);transition:.22s}.tx-related-card:hover{transform:translateY(-4px);border-color:#dbeafe}.tx-related-card span{font-size:25px}.tx-related-card h3{font-size:15px;margin:12px 0 7px}.tx-related-card p{color:var(--muted);font-size:13px;line-height:1.5;margin:0}
@media(max-width:1100px){.tx-invoice-hero-grid{grid-template-columns:1fr}.tx-tool-card-shell .bt-app{grid-template-columns:1fr!important}.tx-benefits-grid{grid-template-columns:repeat(3,1fr)}.tx-related-grid{grid-template-columns:repeat(3,1fr)}.tx-seo-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.tx-invoice-hero{padding-top:32px}.tx-hero-proof{align-items:flex-start}.tx-tool-card-shell{padding:12px;border-radius:20px}.tx-benefits-grid,.tx-steps-invoice,.tx-faq-grid,.tx-related-grid,.tx-seo-grid{grid-template-columns:1fr}.tx-seo-content{padding:24px}.tx-hero-pills{gap:8px}.tx-pill{font-size:12px}}


/* Toolxora Content Pages v1.5 */
.tx-page-hero{padding:70px 0 48px;background:radial-gradient(circle at top right,rgba(37,99,235,.12),transparent 35%),linear-gradient(180deg,#fff,#f8fbff)}
.tx-page-hero-inner{max-width:820px}
.tx-page-kicker{display:inline-flex;padding:9px 14px;border-radius:999px;background:#eef4ff;color:var(--primary);font-weight:900;font-size:13px;margin-bottom:18px}
.tx-page-hero h1{font-size:clamp(42px,5vw,64px);line-height:1.05;letter-spacing:-.06em;margin:0 0 16px}
.tx-page-hero p{font-size:18px;line-height:1.75;color:var(--text);margin:0;max-width:720px}
.tx-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.tx-about-card,.tx-contact-card,.tx-content-card{background:#fff;border:1px solid var(--border);border-radius:26px;padding:34px;box-shadow:var(--shadow2)}
.tx-about-card h2,.tx-contact-card h2,.tx-content-card h2{margin:0 0 14px;font-size:32px;letter-spacing:-.04em}
.tx-about-card p,.tx-contact-card p,.tx-content-card p{color:var(--text);line-height:1.8}
.tx-values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tx-value-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:24px;box-shadow:var(--shadow2)}
.tx-value-card span{font-size:32px}.tx-value-card h3{margin:14px 0 8px}.tx-value-card p{margin:0;color:var(--muted);line-height:1.6}
.tx-contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px}
.tx-contact-info{display:grid;gap:14px;margin-top:20px}
.tx-contact-info-item{background:#f8fbff;border:1px solid var(--border);border-radius:18px;padding:18px}
.tx-contact-info-item strong{display:block;margin-bottom:4px}
.tx-contact-form{display:grid;gap:14px}
.tx-contact-form input,.tx-contact-form textarea{width:100%;border:1px solid var(--border);border-radius:14px;padding:15px 16px;font:inherit;outline:0;background:#f8fbff}
.tx-contact-form textarea{min-height:150px;resize:vertical}
.tx-contact-form input:focus,.tx-contact-form textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px rgba(37,99,235,.10)}
.tx-blog-hero{text-align:center;padding:70px 0 36px;background:linear-gradient(180deg,#fff,#f8fbff)}
.tx-blog-hero h1{font-size:clamp(42px,5vw,62px);letter-spacing:-.06em;margin:0 0 14px}
.tx-blog-hero p{max-width:720px;margin:0 auto;color:var(--text);font-size:18px;line-height:1.7}
.tx-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.tx-post-card{background:#fff;border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:var(--shadow2);transition:.22s}
.tx-post-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.tx-post-thumb{height:190px;background:linear-gradient(135deg,#dbeafe,#ede9fe);display:block;overflow:hidden}
.tx-post-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.tx-post-content{padding:24px}
.tx-post-meta{color:var(--primary);font-size:13px;font-weight:900;margin-bottom:10px}
.tx-post-content h2{font-size:22px;line-height:1.25;margin:0 0 10px;letter-spacing:-.03em}
.tx-post-content p{color:var(--muted);line-height:1.65;margin:0 0 16px}
.tx-read-more{font-weight:900;color:var(--primary)}
.tx-pagination{margin-top:34px;text-align:center}.tx-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;border:1px solid var(--border);border-radius:12px;margin:0 4px;font-weight:800}.tx-pagination .current{background:var(--primary);color:#fff;border-color:var(--primary)}
.tx-single-wrap{display:grid;grid-template-columns:minmax(0,760px) 320px;gap:38px;align-items:start}
.tx-single-article{background:#fff;border:1px solid var(--border);border-radius:26px;padding:38px;box-shadow:var(--shadow2)}
.tx-single-article h1{font-size:clamp(38px,5vw,56px);line-height:1.08;letter-spacing:-.055em;margin:0 0 16px}
.tx-single-meta{color:var(--muted);font-weight:800;margin-bottom:26px}
.tx-single-featured{border-radius:22px;overflow:hidden;margin:0 0 28px;background:#eef4ff}
.tx-single-featured img{width:100%;height:auto;display:block}
.tx-single-content{font-size:17px;line-height:1.85;color:var(--text)}
.tx-single-content h2,.tx-single-content h3{color:var(--heading);letter-spacing:-.035em;line-height:1.2;margin-top:34px}
.tx-single-content a{color:var(--primary);font-weight:800}
.tx-single-sidebar{position:sticky;top:96px;display:grid;gap:18px}
.tx-sidebar-box{background:#fff;border:1px solid var(--border);border-radius:22px;padding:24px;box-shadow:var(--shadow2)}
.tx-sidebar-box h3{margin:0 0 14px}.tx-sidebar-box a{display:block;padding:10px 0;border-bottom:1px solid var(--border);color:var(--text);font-weight:700}.tx-sidebar-box a:last-child{border-bottom:0}
.tx-author-box{display:flex;gap:14px;align-items:center;background:#f8fbff;border:1px solid var(--border);border-radius:18px;padding:18px;margin-top:28px}
.tx-author-avatar{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));display:grid;place-items:center;color:white;font-weight:900}
.tx-related-posts{margin-top:44px}
@media(max-width:1000px){.tx-about-grid,.tx-contact-grid,.tx-single-wrap{grid-template-columns:1fr}.tx-values-grid{grid-template-columns:1fr 1fr}.tx-post-grid{grid-template-columns:1fr 1fr}.tx-single-sidebar{position:relative;top:0}}
@media(max-width:640px){.tx-values-grid,.tx-post-grid{grid-template-columns:1fr}.tx-about-card,.tx-contact-card,.tx-content-card,.tx-single-article{padding:24px}.tx-page-hero,.tx-blog-hero{padding-top:44px}}


/* =========================================================
   Toolxora v16 Final Stable Fix
   Dark/Light + Plugin Dark + Sticky Preview + Responsive + Submenu
   ========================================================= */

/* Safe responsive overflow */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

img,
svg,
video,
iframe {
  max-width: 100%;
}

/* Sticky needs visible overflow */
.tx-container,
.tx-tool-shell,
.tx-tool-card-shell,
.tx-section,
.tx-soft,
.tx-invoice-hero {
  overflow: visible;
}

/* PDF / Live Preview sticky on desktop */
.txdoc-preview-panel,
.txbt-preview-panel,
.tx-preview-panel,
.tx-live-preview,
[data-preview-panel] {
  position: sticky !important;
  top: 110px !important;
  align-self: flex-start !important;
  height: fit-content !important;
  z-index: 2;
}

/* Grid align fix */
.txdoc-grid,
.txbt-grid,
.tx-invoice-grid {
  align-items: flex-start !important;
}

/* Mobile par sticky off */
@media (max-width: 1024px) {
  .txdoc-preview-panel,
  .txbt-preview-panel,
  .tx-preview-panel,
  .tx-live-preview,
  [data-preview-panel] {
    position: relative !important;
    top: auto !important;
  }
}

/* Dynamic icon support */
.tx-dynamic-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.tx-dynamic-icon img,
.tx-dynamic-icon svg {
  width: 34px;
  height: 34px;
  max-width: 34px;
  max-height: 34px;
  object-fit: contain;
  display: block;
}

.tx-dynamic-icon i {
  font-size: 28px;
  line-height: 1;
}

/* Mobile submenu support without replacing existing mobile menu */
@media (max-width: 900px) {
  header nav li,
  .tx-nav li,
  .main-navigation li,
  .primary-navigation li,
  .site-nav li,
  nav.tx-menu li,
  .menu li {
    position: relative;
  }

  header nav li > a,
  .tx-nav li > a,
  .main-navigation li > a,
  .primary-navigation li > a,
  .site-nav li > a,
  nav.tx-menu li > a,
  .menu li > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .tx-submenu-button {
    margin-left: auto;
    border: 0;
    background: #eef2ff;
    color: #2563eb;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
    flex: 0 0 auto;
  }

  header nav li > .sub-menu,
  header nav li > .children,
  .tx-nav li > .sub-menu,
  .tx-nav li > .children,
  .main-navigation li > .sub-menu,
  .main-navigation li > .children,
  .primary-navigation li > .sub-menu,
  .primary-navigation li > .children,
  .site-nav li > .sub-menu,
  .site-nav li > .children,
  nav.tx-menu li > .sub-menu,
  nav.tx-menu li > .children,
  .menu li > .sub-menu,
  .menu li > .children {
    display: none !important;
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    box-shadow: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  header nav li.tx-submenu-open > .sub-menu,
  header nav li.tx-submenu-open > .children,
  .tx-nav li.tx-submenu-open > .sub-menu,
  .tx-nav li.tx-submenu-open > .children,
  .main-navigation li.tx-submenu-open > .sub-menu,
  .main-navigation li.tx-submenu-open > .children,
  .primary-navigation li.tx-submenu-open > .sub-menu,
  .primary-navigation li.tx-submenu-open > .children,
  .site-nav li.tx-submenu-open > .sub-menu,
  .site-nav li.tx-submenu-open > .children,
  nav.tx-menu li.tx-submenu-open > .sub-menu,
  nav.tx-menu li.tx-submenu-open > .children,
  .menu li.tx-submenu-open > .sub-menu,
  .menu li.tx-submenu-open > .children {
    display: block !important;
  }
}

/* Theme Dark Mode */
html.tx-dark-mode,
body.tx-dark-mode {
  background: #020617 !important;
  color: #e5e7eb !important;
}

body.tx-dark-mode header,
body.tx-dark-mode .site-header,
body.tx-dark-mode .tx-header,
body.tx-dark-mode main,
body.tx-dark-mode .tx-invoice-hero,
body.tx-dark-mode .tx-section,
body.tx-dark-mode .tx-soft,
body.tx-dark-mode .tx-tool-shell {
  background: #020617 !important;
  color: #e5e7eb !important;
  border-color: #1e293b !important;
}

body.tx-dark-mode .tx-hero-card,
body.tx-dark-mode .tx-tool-card-shell,
body.tx-dark-mode .tx-benefit,
body.tx-dark-mode .tx-step-invoice,
body.tx-dark-mode .tx-seo-content,
body.tx-dark-mode .tx-seo-mini,
body.tx-dark-mode .tx-faq-item,
body.tx-dark-mode .tx-related-card {
  background: #0f172a !important;
  color: #e5e7eb !important;
  border-color: #1e293b !important;
}

body.tx-dark-mode h1,
body.tx-dark-mode h2,
body.tx-dark-mode h3,
body.tx-dark-mode h4,
body.tx-dark-mode p,
body.tx-dark-mode a,
body.tx-dark-mode span,
body.tx-dark-mode summary,
body.tx-dark-mode li {
  color: inherit;
}

body.tx-dark-mode .tx-gradient {
  color: transparent !important;
}

body.tx-dark-mode .tx-btn-light {
  background: #ffffff !important;
  color: #071126 !important;
}

/* Mobile menu dark mode */
body.tx-dark-mode header nav,
body.tx-dark-mode .tx-nav,
body.tx-dark-mode .main-navigation,
body.tx-dark-mode .primary-navigation,
body.tx-dark-mode .site-nav,
body.tx-dark-mode nav.tx-menu,
body.tx-dark-mode .menu {
  background-color: #0f172a;
  color: #e5e7eb;
}

body.tx-dark-mode header nav a,
body.tx-dark-mode .tx-nav a,
body.tx-dark-mode .main-navigation a,
body.tx-dark-mode .primary-navigation a,
body.tx-dark-mode .site-nav a,
body.tx-dark-mode nav.tx-menu a,
body.tx-dark-mode .menu a {
  color: #e5e7eb !important;
}

body.tx-dark-mode .sub-menu,
body.tx-dark-mode .children {
  background: #111827 !important;
  color: #e5e7eb !important;
}

body.tx-dark-mode .tx-submenu-button {
  background: #1e293b !important;
  color: #e5e7eb !important;
}

/* Plugin Dark Mode */
body.tx-dark-mode .txdoc-tool,
body.tx-dark-mode .txbt-invoice-generator {
  background: #020617 !important;
  color: #e5e7eb !important;
}

body.tx-dark-mode .txdoc-top,
body.tx-dark-mode .txdoc-panel,
body.tx-dark-mode .txdoc-control,
body.tx-dark-mode .txdoc-preview-panel,
body.tx-dark-mode .txbt-panel,
body.tx-dark-mode .txbt-control,
body.tx-dark-mode .txbt-preview-panel,
body.tx-dark-mode .txbt-card {
  background: #0f172a !important;
  color: #e5e7eb !important;
  border-color: #1e293b !important;
}

body.tx-dark-mode .txdoc-field input,
body.tx-dark-mode .txdoc-field select,
body.tx-dark-mode .txdoc-field textarea,
body.tx-dark-mode .txbt-field input,
body.tx-dark-mode .txbt-field select,
body.tx-dark-mode .txbt-field textarea {
  background: #111827 !important;
  color: #e5e7eb !important;
  border-color: #334155 !important;
}

body.tx-dark-mode .txdoc-template-card,
body.tx-dark-mode .txbt-template-card {
  background: #111827 !important;
  color: #e5e7eb !important;
  border-color: #334155 !important;
}

/* PDF / paper preview white rahe */
body.tx-dark-mode .txdoc-paper,
body.tx-dark-mode .txdoc-paper *,
body.tx-dark-mode .txbt-invoice-paper,
body.tx-dark-mode .txbt-invoice-paper * {
  color-scheme: light;
}

body.tx-dark-mode .txdoc-paper,
body.tx-dark-mode .txbt-invoice-paper {
  background: #ffffff !important;
  color: #111827 !important;
}

/* =========================================================
   Toolxora Theme v17 Final Dark/Light + Plugin Sticky Preview
   ========================================================= */

/* Safe responsive fix */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

/* Do not break sticky */
.tx-container,
.tx-tool-shell,
.tx-tool-card-shell,
.tx-section,
.tx-soft,
.tx-invoice-hero,
.txdoc-tool,
.txbt-invoice-generator {
  overflow: visible !important;
}

/* Make all plugin layouts allow sticky preview */
.txdoc-grid,
.txdoc-layout,
.txdoc-app-grid,
.txbt-grid,
.txbt-layout,
.txbt-app-grid,
.txbt-invoice-grid,
.txbt-wrapper,
.txdoc-wrapper {
  align-items: flex-start !important;
  overflow: visible !important;
}

/* Live PDF/Preview sticky for all tools */
.txdoc-preview-panel,
.txdoc-preview-wrap,
.txdoc-live-preview,
.txdoc-preview,
.txdoc-right,
.txbt-preview-panel,
.txbt-preview-wrap,
.txbt-live-preview,
.txbt-preview,
.txbt-right,
.tx-invoice-preview,
.tx-preview-panel,
[data-preview-panel],
[data-preview],
.live-preview,
.preview-panel {
  position: sticky !important;
  top: 110px !important;
  align-self: flex-start !important;
  height: fit-content !important;
  max-height: none !important;
  z-index: 10;
}

/* If preview is inside a column/card */
.txdoc-preview-panel > *,
.txbt-preview-panel > *,
.txdoc-preview-wrap > *,
.txbt-preview-wrap > * {
  position: relative;
}

/* Mobile par sticky off */
@media (max-width: 1024px) {
  .txdoc-preview-panel,
  .txdoc-preview-wrap,
  .txdoc-live-preview,
  .txdoc-preview,
  .txdoc-right,
  .txbt-preview-panel,
  .txbt-preview-wrap,
  .txbt-live-preview,
  .txbt-preview,
  .txbt-right,
  .tx-invoice-preview,
  .tx-preview-panel,
  [data-preview-panel],
  [data-preview],
  .live-preview,
  .preview-panel {
    position: relative !important;
    top: auto !important;
  }
}

/* Dark mode base */
html.tx-dark-mode,
body.tx-dark-mode,
html[data-theme="dark"],
body[data-theme="dark"] {
  background: #020617 !important;
  color: #e5e7eb !important;
}

/* Theme dark mode */
body.tx-dark-mode header,
body.tx-dark-mode .site-header,
body.tx-dark-mode .tx-header,
body.tx-dark-mode main,
body.tx-dark-mode .tx-invoice-hero,
body.tx-dark-mode .tx-section,
body.tx-dark-mode .tx-soft,
body.tx-dark-mode .tx-tool-shell,
html[data-theme="dark"] header,
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .tx-header,
html[data-theme="dark"] main,
html[data-theme="dark"] .tx-invoice-hero,
html[data-theme="dark"] .tx-section,
html[data-theme="dark"] .tx-soft,
html[data-theme="dark"] .tx-tool-shell {
  background: #020617 !important;
  color: #e5e7eb !important;
  border-color: #1e293b !important;
}

body.tx-dark-mode .tx-hero-card,
body.tx-dark-mode .tx-tool-card-shell,
body.tx-dark-mode .tx-benefit,
body.tx-dark-mode .tx-step-invoice,
body.tx-dark-mode .tx-seo-content,
body.tx-dark-mode .tx-seo-mini,
body.tx-dark-mode .tx-faq-item,
body.tx-dark-mode .tx-related-card,
html[data-theme="dark"] .tx-hero-card,
html[data-theme="dark"] .tx-tool-card-shell,
html[data-theme="dark"] .tx-benefit,
html[data-theme="dark"] .tx-step-invoice,
html[data-theme="dark"] .tx-seo-content,
html[data-theme="dark"] .tx-seo-mini,
html[data-theme="dark"] .tx-faq-item,
html[data-theme="dark"] .tx-related-card {
  background: #0f172a !important;
  color: #e5e7eb !important;
  border-color: #1e293b !important;
}

body.tx-dark-mode h1,
body.tx-dark-mode h2,
body.tx-dark-mode h3,
body.tx-dark-mode h4,
body.tx-dark-mode p,
body.tx-dark-mode a,
body.tx-dark-mode span,
body.tx-dark-mode summary,
body.tx-dark-mode li,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] p,
html[data-theme="dark"] a,
html[data-theme="dark"] span,
html[data-theme="dark"] summary,
html[data-theme="dark"] li {
  color: inherit;
}

body.tx-dark-mode .tx-gradient,
html[data-theme="dark"] .tx-gradient {
  color: transparent !important;
}

body.tx-dark-mode .tx-btn-light,
html[data-theme="dark"] .tx-btn-light {
  background: #ffffff !important;
  color: #071126 !important;
}

/* Mobile/header menu dark mode */
body.tx-dark-mode header nav,
body.tx-dark-mode .tx-nav,
body.tx-dark-mode .main-navigation,
body.tx-dark-mode .primary-navigation,
body.tx-dark-mode .site-nav,
body.tx-dark-mode nav.tx-menu,
body.tx-dark-mode .menu,
html[data-theme="dark"] header nav,
html[data-theme="dark"] .tx-nav,
html[data-theme="dark"] .main-navigation,
html[data-theme="dark"] .primary-navigation,
html[data-theme="dark"] .site-nav,
html[data-theme="dark"] nav.tx-menu,
html[data-theme="dark"] .menu {
  background-color: #0f172a !important;
  color: #e5e7eb !important;
  border-color: #1e293b !important;
}

body.tx-dark-mode header nav a,
body.tx-dark-mode .tx-nav a,
body.tx-dark-mode .main-navigation a,
body.tx-dark-mode .primary-navigation a,
body.tx-dark-mode .site-nav a,
body.tx-dark-mode nav.tx-menu a,
body.tx-dark-mode .menu a,
html[data-theme="dark"] header nav a,
html[data-theme="dark"] .tx-nav a,
html[data-theme="dark"] .main-navigation a,
html[data-theme="dark"] .primary-navigation a,
html[data-theme="dark"] .site-nav a,
html[data-theme="dark"] nav.tx-menu a,
html[data-theme="dark"] .menu a {
  color: #e5e7eb !important;
}

/* Plugin dark mode: controls/forms */
body.tx-dark-mode .txdoc-tool,
body.tx-dark-mode .txbt-invoice-generator,
html[data-theme="dark"] .txdoc-tool,
html[data-theme="dark"] .txbt-invoice-generator {
  background: #020617 !important;
  color: #e5e7eb !important;
}

body.tx-dark-mode .txdoc-top,
body.tx-dark-mode .txdoc-panel,
body.tx-dark-mode .txdoc-control,
body.tx-dark-mode .txdoc-preview-panel,
body.tx-dark-mode .txdoc-preview-wrap,
body.tx-dark-mode .txbt-panel,
body.tx-dark-mode .txbt-control,
body.tx-dark-mode .txbt-preview-panel,
body.tx-dark-mode .txbt-preview-wrap,
body.tx-dark-mode .txbt-card,
html[data-theme="dark"] .txdoc-top,
html[data-theme="dark"] .txdoc-panel,
html[data-theme="dark"] .txdoc-control,
html[data-theme="dark"] .txdoc-preview-panel,
html[data-theme="dark"] .txdoc-preview-wrap,
html[data-theme="dark"] .txbt-panel,
html[data-theme="dark"] .txbt-control,
html[data-theme="dark"] .txbt-preview-panel,
html[data-theme="dark"] .txbt-preview-wrap,
html[data-theme="dark"] .txbt-card {
  background: #0f172a !important;
  color: #e5e7eb !important;
  border-color: #1e293b !important;
}

body.tx-dark-mode .txdoc-field input,
body.tx-dark-mode .txdoc-field select,
body.tx-dark-mode .txdoc-field textarea,
body.tx-dark-mode .txbt-field input,
body.tx-dark-mode .txbt-field select,
body.tx-dark-mode .txbt-field textarea,
html[data-theme="dark"] .txdoc-field input,
html[data-theme="dark"] .txdoc-field select,
html[data-theme="dark"] .txdoc-field textarea,
html[data-theme="dark"] .txbt-field input,
html[data-theme="dark"] .txbt-field select,
html[data-theme="dark"] .txbt-field textarea {
  background: #111827 !important;
  color: #e5e7eb !important;
  border-color: #334155 !important;
}

body.tx-dark-mode .txdoc-template-card,
body.tx-dark-mode .txbt-template-card,
body.tx-dark-mode .txdoc-item-row,
body.tx-dark-mode .txbt-item-row,
html[data-theme="dark"] .txdoc-template-card,
html[data-theme="dark"] .txbt-template-card,
html[data-theme="dark"] .txdoc-item-row,
html[data-theme="dark"] .txbt-item-row {
  background: #111827 !important;
  color: #e5e7eb !important;
  border-color: #334155 !important;
}

/* PDF / Live Preview paper stays white */
body.tx-dark-mode .txdoc-paper,
body.tx-dark-mode .txdoc-paper *,
body.tx-dark-mode .txbt-invoice-paper,
body.tx-dark-mode .txbt-invoice-paper *,
html[data-theme="dark"] .txdoc-paper,
html[data-theme="dark"] .txdoc-paper *,
html[data-theme="dark"] .txbt-invoice-paper,
html[data-theme="dark"] .txbt-invoice-paper * {
  color-scheme: light !important;
}

body.tx-dark-mode .txdoc-paper,
body.tx-dark-mode .txbt-invoice-paper,
html[data-theme="dark"] .txdoc-paper,
html[data-theme="dark"] .txbt-invoice-paper {
  background: #ffffff !important;
  color: #111827 !important;
}

/* =========================================================
   Toolxora Theme v18 REAL Fix
   Actual header button + actual plugin classes + sticky preview
   ========================================================= */

/* Header dark button is now actual button */
.tx-moon {
  border: 0 !important;
  cursor: pointer !important;
  font-family: inherit !important;
  font-weight: 900 !important;
}

@media(max-width:640px){
  .tx-actions .tx-moon {
    display: grid !important;
  }
}

/* Responsive overflow, without breaking sticky */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

.tx-container,
.tx-tool-shell,
.tx-tool-card-shell,
.tx-section,
.tx-soft,
.tx-invoice-hero,
.txbt-invoice-tool,
.txbt-invoice-generator,
.txdoc-tool {
  overflow: visible !important;
}

/* Sticky needs parent grid alignment */
.txbt-grid,
.txdoc-grid,
.txbt-layout,
.txdoc-layout,
.txbt-app-grid,
.txdoc-app-grid,
.txbt-invoice-grid {
  align-items: flex-start !important;
  overflow: visible !important;
}

/* Actual preview panels */
.txbt-preview-panel,
.txdoc-preview-panel,
.txbt-preview-wrap,
.txdoc-preview-wrap,
.tx-real-sticky-preview {
  position: sticky !important;
  top: 96px !important;
  align-self: flex-start !important;
  height: fit-content !important;
  max-height: none !important;
  z-index: 5 !important;
}

/* Mobile par sticky off */
@media(max-width:1100px){
  .txbt-preview-panel,
  .txdoc-preview-panel,
  .txbt-preview-wrap,
  .txdoc-preview-wrap,
  .tx-real-sticky-preview {
    position: relative !important;
    top: auto !important;
  }
}

/* Dark mode: actual theme */
html.tx-dark-mode,
body.tx-dark-mode,
html[data-theme="dark"],
body[data-theme="dark"] {
  background: #020617 !important;
  color: #e5e7eb !important;
}

body.tx-dark-mode .tx-header,
body.tx-dark-mode header,
body.tx-dark-mode main,
body.tx-dark-mode .tx-invoice-hero,
body.tx-dark-mode .tx-section,
body.tx-dark-mode .tx-soft,
body.tx-dark-mode .tx-tool-shell,
html[data-theme="dark"] .tx-header,
html[data-theme="dark"] header,
html[data-theme="dark"] main,
html[data-theme="dark"] .tx-invoice-hero,
html[data-theme="dark"] .tx-section,
html[data-theme="dark"] .tx-soft,
html[data-theme="dark"] .tx-tool-shell {
  background: #020617 !important;
  color: #e5e7eb !important;
  border-color: #1e293b !important;
}

body.tx-dark-mode .tx-logo,
body.tx-dark-mode .tx-menu,
body.tx-dark-mode .tx-menu a,
body.tx-dark-mode h1,
body.tx-dark-mode h2,
body.tx-dark-mode h3,
body.tx-dark-mode h4,
body.tx-dark-mode p,
body.tx-dark-mode span,
body.tx-dark-mode a,
body.tx-dark-mode summary,
body.tx-dark-mode li,
html[data-theme="dark"] .tx-logo,
html[data-theme="dark"] .tx-menu,
html[data-theme="dark"] .tx-menu a,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] p,
html[data-theme="dark"] span,
html[data-theme="dark"] a,
html[data-theme="dark"] summary,
html[data-theme="dark"] li {
  color: inherit;
}

body.tx-dark-mode .tx-gradient,
html[data-theme="dark"] .tx-gradient {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

body.tx-dark-mode .tx-hero-card,
body.tx-dark-mode .tx-tool-card-shell,
body.tx-dark-mode .tx-benefit,
body.tx-dark-mode .tx-step-invoice,
body.tx-dark-mode .tx-seo-content,
body.tx-dark-mode .tx-seo-mini,
body.tx-dark-mode .tx-faq-item,
body.tx-dark-mode .tx-related-card,
html[data-theme="dark"] .tx-hero-card,
html[data-theme="dark"] .tx-tool-card-shell,
html[data-theme="dark"] .tx-benefit,
html[data-theme="dark"] .tx-step-invoice,
html[data-theme="dark"] .tx-seo-content,
html[data-theme="dark"] .tx-seo-mini,
html[data-theme="dark"] .tx-faq-item,
html[data-theme="dark"] .tx-related-card {
  background: #0f172a !important;
  color: #e5e7eb !important;
  border-color: #1e293b !important;
}

body.tx-dark-mode .tx-moon,
html[data-theme="dark"] .tx-moon {
  background: #1e293b !important;
  color: #e5e7eb !important;
}

/* Dark mode: actual plugin roots */
body.tx-dark-mode .txbt-invoice-tool,
body.tx-dark-mode .txbt-invoice-generator,
body.tx-dark-mode .txdoc-tool,
html[data-theme="dark"] .txbt-invoice-tool,
html[data-theme="dark"] .txbt-invoice-generator,
html[data-theme="dark"] .txdoc-tool {
  background: #020617 !important;
  color: #e5e7eb !important;
}

body.tx-dark-mode .txbt-panel,
body.tx-dark-mode .txbt-control-bar,
body.tx-dark-mode .txbt-preview-panel,
body.tx-dark-mode .txbt-card,
body.tx-dark-mode .txdoc-panel,
body.tx-dark-mode .txdoc-control,
body.tx-dark-mode .txdoc-preview-panel,
body.tx-dark-mode .txdoc-template-card,
html[data-theme="dark"] .txbt-panel,
html[data-theme="dark"] .txbt-control-bar,
html[data-theme="dark"] .txbt-preview-panel,
html[data-theme="dark"] .txbt-card,
html[data-theme="dark"] .txdoc-panel,
html[data-theme="dark"] .txdoc-control,
html[data-theme="dark"] .txdoc-preview-panel,
html[data-theme="dark"] .txdoc-template-card {
  background: #0f172a !important;
  color: #e5e7eb !important;
  border-color: #1e293b !important;
}

body.tx-dark-mode .txbt-field input,
body.tx-dark-mode .txbt-field select,
body.tx-dark-mode .txbt-field textarea,
body.tx-dark-mode .txdoc-field input,
body.tx-dark-mode .txdoc-field select,
body.tx-dark-mode .txdoc-field textarea,
html[data-theme="dark"] .txbt-field input,
html[data-theme="dark"] .txbt-field select,
html[data-theme="dark"] .txbt-field textarea,
html[data-theme="dark"] .txdoc-field input,
html[data-theme="dark"] .txdoc-field select,
html[data-theme="dark"] .txdoc-field textarea {
  background: #111827 !important;
  color: #e5e7eb !important;
  border-color: #334155 !important;
}

/* Keep PDF/preview paper white */
body.tx-dark-mode .txbt-invoice-paper,
body.tx-dark-mode .txbt-invoice-paper *,
body.tx-dark-mode .txdoc-paper,
body.tx-dark-mode .txdoc-paper *,
html[data-theme="dark"] .txbt-invoice-paper,
html[data-theme="dark"] .txbt-invoice-paper *,
html[data-theme="dark"] .txdoc-paper,
html[data-theme="dark"] .txdoc-paper * {
  color-scheme: light !important;
}

body.tx-dark-mode .txbt-invoice-paper,
body.tx-dark-mode .txdoc-paper,
html[data-theme="dark"] .txbt-invoice-paper,
html[data-theme="dark"] .txdoc-paper {
  background: #ffffff !important;
  color: #111827 !important;
}

/* Toolxora Theme v19 - dark pills + plugin sticky compatibility */
body.tx-dark-mode .tx-hero-pills .tx-pill,
body.tx-dark-mode .tx-pill,
html[data-theme="dark"] .tx-hero-pills .tx-pill,
html[data-theme="dark"] .tx-pill{
  background:#0f172a!important;
  color:#e5e7eb!important;
  border-color:#334155!important;
  opacity:1!important;
}
body.tx-dark-mode .tx-hero-pills .tx-pill *,
body.tx-dark-mode .tx-pill *,
html[data-theme="dark"] .tx-hero-pills .tx-pill *,
html[data-theme="dark"] .tx-pill *{
  color:#e5e7eb!important;
  opacity:1!important;
}
/* force plugin live preview sticky with actual roots */
.txbt-invoice-tool .txbt-preview-panel,
.txdoc-tool .txdoc-preview-panel{
  position:sticky!important;
  top:88px!important;
  align-self:flex-start!important;
  max-height:calc(100vh - 105px)!important;
  overflow:auto!important;
  z-index:20!important;
}
.txbt-invoice-tool .txbt-grid,
.txdoc-tool .txdoc-grid{
  align-items:flex-start!important;
  overflow:visible!important;
}
@media(max-width:1100px){
  .txbt-invoice-tool .txbt-preview-panel,
  .txdoc-tool .txdoc-preview-panel{
    position:relative!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}

/* =========================================================
   Toolxora v20 FINAL: full-site dark readability + sticky preview support
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden}
.tx-moon{border:0!important;cursor:pointer!important}
html.tx-dark-mode,body.tx-dark-mode,html[data-theme="dark"],body[data-theme="dark"]{background:#020617!important;color:#e5e7eb!important}

/* backgrounds */
body.tx-dark-mode,.tx-dark-mode main,.tx-dark-mode .tx-header,.tx-dark-mode header,.tx-dark-mode .tx-hero,.tx-dark-mode .tx-section,.tx-dark-mode .tx-soft,.tx-dark-mode .tx-page-hero,.tx-dark-mode .tx-blog-hero,.tx-dark-mode .tx-invoice-hero,.tx-dark-mode .tx-tool-shell,
html[data-theme="dark"] body,html[data-theme="dark"] main,html[data-theme="dark"] .tx-header,html[data-theme="dark"] header,html[data-theme="dark"] .tx-hero,html[data-theme="dark"] .tx-section,html[data-theme="dark"] .tx-soft,html[data-theme="dark"] .tx-page-hero,html[data-theme="dark"] .tx-blog-hero,html[data-theme="dark"] .tx-invoice-hero,html[data-theme="dark"] .tx-tool-shell{background:#020617!important;color:#e5e7eb!important;border-color:#1e293b!important}

/* all theme cards / panels dark */
body.tx-dark-mode .tx-dashboard,body.tx-dark-mode .tx-dashboard-inner,body.tx-dark-mode .tx-hero-card,body.tx-dark-mode .tx-trust-card,body.tx-dark-mode .tx-trust-item,body.tx-dark-mode .tx-tool-card,body.tx-dark-mode .tx-step,body.tx-dark-mode .tx-testimonial,body.tx-dark-mode .tx-blog-card,body.tx-dark-mode .tx-post-card,body.tx-dark-mode .tx-about-card,body.tx-dark-mode .tx-contact-card,body.tx-dark-mode .tx-content-card,body.tx-dark-mode .tx-value-card,body.tx-dark-mode .tx-contact-info-item,body.tx-dark-mode .tx-single-article,body.tx-dark-mode .tx-sidebar-box,body.tx-dark-mode .tx-tool-card-shell,body.tx-dark-mode .tx-benefit,body.tx-dark-mode .tx-step-invoice,body.tx-dark-mode .tx-seo-content,body.tx-dark-mode .tx-seo-mini,body.tx-dark-mode .tx-faq-item,body.tx-dark-mode .tx-related-card,
html[data-theme="dark"] .tx-dashboard,html[data-theme="dark"] .tx-dashboard-inner,html[data-theme="dark"] .tx-hero-card,html[data-theme="dark"] .tx-trust-card,html[data-theme="dark"] .tx-trust-item,html[data-theme="dark"] .tx-tool-card,html[data-theme="dark"] .tx-step,html[data-theme="dark"] .tx-testimonial,html[data-theme="dark"] .tx-blog-card,html[data-theme="dark"] .tx-post-card,html[data-theme="dark"] .tx-about-card,html[data-theme="dark"] .tx-contact-card,html[data-theme="dark"] .tx-content-card,html[data-theme="dark"] .tx-value-card,html[data-theme="dark"] .tx-contact-info-item,html[data-theme="dark"] .tx-single-article,html[data-theme="dark"] .tx-sidebar-box,html[data-theme="dark"] .tx-tool-card-shell,html[data-theme="dark"] .tx-benefit,html[data-theme="dark"] .tx-step-invoice,html[data-theme="dark"] .tx-seo-content,html[data-theme="dark"] .tx-seo-mini,html[data-theme="dark"] .tx-faq-item,html[data-theme="dark"] .tx-related-card{background:#0f172a!important;color:#e5e7eb!important;border-color:#1e293b!important;box-shadow:0 18px 50px rgba(0,0,0,.25)!important}

/* dark text readability */
body.tx-dark-mode h1,body.tx-dark-mode h2,body.tx-dark-mode h3,body.tx-dark-mode h4,body.tx-dark-mode strong,body.tx-dark-mode .tx-logo,body.tx-dark-mode .tx-menu a,body.tx-dark-mode .tx-section-head h2,body.tx-dark-mode .tx-tool-card h3,body.tx-dark-mode .tx-blog-card h3,body.tx-dark-mode .tx-post-content h2,body.tx-dark-mode .tx-testimonial strong,body.tx-dark-mode .tx-step h3,body.tx-dark-mode .tx-value-card h3,body.tx-dark-mode .tx-about-card h2,body.tx-dark-mode .tx-contact-card h2,body.tx-dark-mode .tx-content-card h2,body.tx-dark-mode .tx-single-content h2,body.tx-dark-mode .tx-single-content h3,
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4,html[data-theme="dark"] strong,html[data-theme="dark"] .tx-logo,html[data-theme="dark"] .tx-menu a,html[data-theme="dark"] .tx-section-head h2,html[data-theme="dark"] .tx-tool-card h3,html[data-theme="dark"] .tx-blog-card h3,html[data-theme="dark"] .tx-post-content h2,html[data-theme="dark"] .tx-testimonial strong,html[data-theme="dark"] .tx-step h3,html[data-theme="dark"] .tx-value-card h3,html[data-theme="dark"] .tx-about-card h2,html[data-theme="dark"] .tx-contact-card h2,html[data-theme="dark"] .tx-content-card h2,html[data-theme="dark"] .tx-single-content h2,html[data-theme="dark"] .tx-single-content h3{color:#f8fafc!important}

body.tx-dark-mode p,body.tx-dark-mode li,body.tx-dark-mode .tx-section-head p,body.tx-dark-mode .tx-hero p,body.tx-dark-mode .tx-page-hero p,body.tx-dark-mode .tx-blog-hero p,body.tx-dark-mode .tx-tool-card p,body.tx-dark-mode .tx-blog-card p,body.tx-dark-mode .tx-post-content p,body.tx-dark-mode .tx-testimonial p,body.tx-dark-mode .tx-person span,body.tx-dark-mode .tx-step p,body.tx-dark-mode .tx-why-card p,body.tx-dark-mode .tx-value-card p,body.tx-dark-mode .tx-about-card p,body.tx-dark-mode .tx-contact-card p,body.tx-dark-mode .tx-content-card p,body.tx-dark-mode .tx-single-content,body.tx-dark-mode .tx-sidebar-box a,body.tx-dark-mode .tx-proof-text,
html[data-theme="dark"] p,html[data-theme="dark"] li,html[data-theme="dark"] .tx-section-head p,html[data-theme="dark"] .tx-hero p,html[data-theme="dark"] .tx-page-hero p,html[data-theme="dark"] .tx-blog-hero p,html[data-theme="dark"] .tx-tool-card p,html[data-theme="dark"] .tx-blog-card p,html[data-theme="dark"] .tx-post-content p,html[data-theme="dark"] .tx-testimonial p,html[data-theme="dark"] .tx-person span,html[data-theme="dark"] .tx-step p,html[data-theme="dark"] .tx-why-card p,html[data-theme="dark"] .tx-value-card p,html[data-theme="dark"] .tx-about-card p,html[data-theme="dark"] .tx-contact-card p,html[data-theme="dark"] .tx-content-card p,html[data-theme="dark"] .tx-single-content,html[data-theme="dark"] .tx-sidebar-box a,html[data-theme="dark"] .tx-proof-text{color:#cbd5e1!important}

/* pills/buttons in dark */
body.tx-dark-mode .tx-pill,html[data-theme="dark"] .tx-pill{background:#1e293b!important;color:#f8fafc!important;border-color:#334155!important;box-shadow:none!important}
body.tx-dark-mode .tx-page-kicker,html[data-theme="dark"] .tx-page-kicker{background:#1e293b!important;color:#93c5fd!important}
body.tx-dark-mode .tx-btn-light,html[data-theme="dark"] .tx-btn-light{background:#f8fafc!important;color:#071126!important}
body.tx-dark-mode .tx-gradient,html[data-theme="dark"] .tx-gradient{color:transparent!important;-webkit-text-fill-color:transparent!important}
body.tx-dark-mode .tx-paper,body.tx-dark-mode .tx-paper *,html[data-theme="dark"] .tx-paper,html[data-theme="dark"] .tx-paper *{color-scheme:light!important;color:#111827!important}
body.tx-dark-mode .tx-paper,html[data-theme="dark"] .tx-paper{background:#fff!important}

/* plugin sticky support from theme side */
.tx-tool-shell,.tx-tool-card-shell,.txbt-invoice-tool,.txdoc-tool{overflow:visible!important}.txbt-grid,.txdoc-grid{align-items:flex-start!important;overflow:visible!important}.txbt-preview-panel,.txdoc-preview-panel{position:sticky!important;top:96px!important;align-self:flex-start!important;height:auto!important;max-height:none!important;overflow:visible!important;z-index:50!important}@media(max-width:1100px){.txbt-preview-panel,.txdoc-preview-panel{position:relative!important;top:auto!important}}

/* =========================================================
   Toolxora v21 FINAL: readable dark mode + real sticky preview
   ========================================================= */

/* Customizer logos */
.tx-logo-images{display:inline-flex;align-items:center;max-width:260px}
.tx-logo-img{display:block;max-height:54px;width:auto;object-fit:contain}
.tx-logo-img-dark{display:none}
body.tx-dark-mode .tx-logo-img-light,
html[data-theme="dark"] .tx-logo-img-light{display:none}
body.tx-dark-mode .tx-logo-img-dark,
html[data-theme="dark"] .tx-logo-img-dark{display:block}

/* Keep page responsive; do not break sticky */
html,body{max-width:100%;overflow-x:hidden}
.tx-container,.tx-tool-shell,.tx-tool-card-shell,.tx-section,.tx-soft,.tx-invoice-hero,.txbt-invoice-tool,.txdoc-tool{overflow:visible!important}

/* Actual plugin sticky preview */
.txbt-grid,.txdoc-grid{align-items:flex-start!important;overflow:visible!important}
.txbt-panel,.txdoc-panel{overflow:visible!important;min-width:0!important}
.txbt-preview-panel,.txdoc-preview-panel{
  position:-webkit-sticky!important;
  position:sticky!important;
  top:96px!important;
  align-self:flex-start!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  z-index:20!important;
}
.txbt-preview-panel::-webkit-scrollbar,.txdoc-preview-panel::-webkit-scrollbar{display:none}
.txbt-preview-panel,.txdoc-preview-panel{scrollbar-width:none}
.txbt-preview-panel .txbt-invoice-paper,.txdoc-preview-panel .txdoc-paper{
  max-height:none!important;
  overflow:visible!important;
}
@media(max-width:1100px){
  .txbt-grid,.txdoc-grid{grid-template-columns:1fr!important}
  .txbt-preview-panel,.txdoc-preview-panel{position:relative!important;top:auto!important;max-height:none!important;overflow:visible!important}
}

/* Global dark mode */
html.tx-dark-mode,body.tx-dark-mode,html[data-theme="dark"],body[data-theme="dark"]{background:#020617!important;color:#e5e7eb!important}
body.tx-dark-mode .tx-header,body.tx-dark-mode header,body.tx-dark-mode main,body.tx-dark-mode .tx-footer,
html[data-theme="dark"] .tx-header,html[data-theme="dark"] header,html[data-theme="dark"] main,html[data-theme="dark"] .tx-footer{
  background:#020617!important;color:#e5e7eb!important;border-color:#1e293b!important;
}

/* Sections/backgrounds */
body.tx-dark-mode .tx-hero,body.tx-dark-mode .tx-invoice-hero,body.tx-dark-mode .tx-section,body.tx-dark-mode .tx-soft,body.tx-dark-mode .tx-tool-shell,body.tx-dark-mode .tx-blog-hero,body.tx-dark-mode .tx-page-hero,
html[data-theme="dark"] .tx-hero,html[data-theme="dark"] .tx-invoice-hero,html[data-theme="dark"] .tx-section,html[data-theme="dark"] .tx-soft,html[data-theme="dark"] .tx-tool-shell,html[data-theme="dark"] .tx-blog-hero,html[data-theme="dark"] .tx-page-hero{
  background:#020617!important;color:#e5e7eb!important;
}

/* Cards become dark, not white-on-white */
body.tx-dark-mode .tx-hero-card,body.tx-dark-mode .tx-tool-card-shell,body.tx-dark-mode .tx-tool-card,body.tx-dark-mode .tx-benefit,body.tx-dark-mode .tx-step-invoice,body.tx-dark-mode .tx-seo-content,body.tx-dark-mode .tx-seo-mini,body.tx-dark-mode .tx-faq-item,body.tx-dark-mode .tx-related-card,body.tx-dark-mode .tx-blog-card,body.tx-dark-mode .tx-post-card,body.tx-dark-mode .tx-testimonial,body.tx-dark-mode .tx-step,body.tx-dark-mode .tx-trust-card,body.tx-dark-mode .tx-why-card,body.tx-dark-mode .tx-value-card,body.tx-dark-mode .tx-about-card,body.tx-dark-mode .tx-contact-card,body.tx-dark-mode .tx-contact-form,body.tx-dark-mode .tx-content-card,body.tx-dark-mode .tx-sidebar-box,body.tx-dark-mode .tx-single-article,body.tx-dark-mode .tx-page-hero-inner,body.tx-dark-mode .tx-cta-card,
html[data-theme="dark"] .tx-hero-card,html[data-theme="dark"] .tx-tool-card-shell,html[data-theme="dark"] .tx-tool-card,html[data-theme="dark"] .tx-benefit,html[data-theme="dark"] .tx-step-invoice,html[data-theme="dark"] .tx-seo-content,html[data-theme="dark"] .tx-seo-mini,html[data-theme="dark"] .tx-faq-item,html[data-theme="dark"] .tx-related-card,html[data-theme="dark"] .tx-blog-card,html[data-theme="dark"] .tx-post-card,html[data-theme="dark"] .tx-testimonial,html[data-theme="dark"] .tx-step,html[data-theme="dark"] .tx-trust-card,html[data-theme="dark"] .tx-why-card,html[data-theme="dark"] .tx-value-card,html[data-theme="dark"] .tx-about-card,html[data-theme="dark"] .tx-contact-card,html[data-theme="dark"] .tx-contact-form,html[data-theme="dark"] .tx-content-card,html[data-theme="dark"] .tx-sidebar-box,html[data-theme="dark"] .tx-single-article,html[data-theme="dark"] .tx-page-hero-inner,html[data-theme="dark"] .tx-cta-card{
  background:#0f172a!important;color:#e5e7eb!important;border-color:#1e293b!important;
}

/* Text readability */
body.tx-dark-mode h1,body.tx-dark-mode h2,body.tx-dark-mode h3,body.tx-dark-mode h4,body.tx-dark-mode h5,body.tx-dark-mode h6,
body.tx-dark-mode p,body.tx-dark-mode a,body.tx-dark-mode span,body.tx-dark-mode li,body.tx-dark-mode summary,body.tx-dark-mode label,body.tx-dark-mode small,body.tx-dark-mode strong,
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4,html[data-theme="dark"] h5,html[data-theme="dark"] h6,
html[data-theme="dark"] p,html[data-theme="dark"] a,html[data-theme="dark"] span,html[data-theme="dark"] li,html[data-theme="dark"] summary,html[data-theme="dark"] label,html[data-theme="dark"] small,html[data-theme="dark"] strong{
  color:inherit;
}

/* Muted text */
body.tx-dark-mode .tx-hero p,body.tx-dark-mode .tx-section-head p,body.tx-dark-mode .tx-post-meta,body.tx-dark-mode .tx-single-meta,body.tx-dark-mode .tx-blog-tag,
html[data-theme="dark"] .tx-hero p,html[data-theme="dark"] .tx-section-head p,html[data-theme="dark"] .tx-post-meta,html[data-theme="dark"] .tx-single-meta,html[data-theme="dark"] .tx-blog-tag{
  color:#cbd5e1!important;
}

/* Pills and white cards text */
body.tx-dark-mode .tx-pill,body.tx-dark-mode .tx-hero-pills .tx-pill,body.tx-dark-mode .tx-trust-item,
html[data-theme="dark"] .tx-pill,html[data-theme="dark"] .tx-hero-pills .tx-pill,html[data-theme="dark"] .tx-trust-item{
  background:#111827!important;color:#e5e7eb!important;border-color:#334155!important;
}
body.tx-dark-mode .tx-pill *,html[data-theme="dark"] .tx-pill *{color:#e5e7eb!important}

body.tx-dark-mode .tx-gradient,html[data-theme="dark"] .tx-gradient{color:transparent!important;-webkit-text-fill-color:transparent!important}
body.tx-dark-mode .tx-btn-light,html[data-theme="dark"] .tx-btn-light{background:#fff!important;color:#071126!important}
body.tx-dark-mode .tx-btn-light *,html[data-theme="dark"] .tx-btn-light *{color:#071126!important}

/* Header/menu dark */
body.tx-dark-mode .tx-menu,body.tx-dark-mode .tx-menu a,body.tx-dark-mode .tx-logo,body.tx-dark-mode .tx-logo-text,
html[data-theme="dark"] .tx-menu,html[data-theme="dark"] .tx-menu a,html[data-theme="dark"] .tx-logo,html[data-theme="dark"] .tx-logo-text{color:#fff!important}
body.tx-dark-mode .tx-moon,html[data-theme="dark"] .tx-moon{background:#1e293b!important;color:#fbbf24!important}

/* Plugin dark mode */
body.tx-dark-mode .txbt-invoice-tool,body.tx-dark-mode .txdoc-tool,html[data-theme="dark"] .txbt-invoice-tool,html[data-theme="dark"] .txdoc-tool{background:#020617!important;color:#e5e7eb!important}
body.tx-dark-mode .txbt-panel,body.tx-dark-mode .txbt-control-bar,body.tx-dark-mode .txbt-preview-panel,body.tx-dark-mode .txbt-card,body.tx-dark-mode .txbt-template-card,body.tx-dark-mode .txbt-item-row,body.tx-dark-mode .txdoc-panel,body.tx-dark-mode .txdoc-control,body.tx-dark-mode .txdoc-preview-panel,body.tx-dark-mode .txdoc-template-card,body.tx-dark-mode .txdoc-item-row,
html[data-theme="dark"] .txbt-panel,html[data-theme="dark"] .txbt-control-bar,html[data-theme="dark"] .txbt-preview-panel,html[data-theme="dark"] .txbt-card,html[data-theme="dark"] .txbt-template-card,html[data-theme="dark"] .txbt-item-row,html[data-theme="dark"] .txdoc-panel,html[data-theme="dark"] .txdoc-control,html[data-theme="dark"] .txdoc-preview-panel,html[data-theme="dark"] .txdoc-template-card,html[data-theme="dark"] .txdoc-item-row{
  background:#0f172a!important;color:#e5e7eb!important;border-color:#1e293b!important;
}
body.tx-dark-mode .txbt-field input,body.tx-dark-mode .txbt-field select,body.tx-dark-mode .txbt-field textarea,body.tx-dark-mode .txdoc-field input,body.tx-dark-mode .txdoc-field select,body.tx-dark-mode .txdoc-field textarea,
html[data-theme="dark"] .txbt-field input,html[data-theme="dark"] .txbt-field select,html[data-theme="dark"] .txbt-field textarea,html[data-theme="dark"] .txdoc-field input,html[data-theme="dark"] .txdoc-field select,html[data-theme="dark"] .txdoc-field textarea{
  background:#111827!important;color:#e5e7eb!important;border-color:#334155!important;
}

/* Keep invoice/quote paper white */
body.tx-dark-mode .txbt-invoice-paper,body.tx-dark-mode .txbt-invoice-paper *,body.tx-dark-mode .txdoc-paper,body.tx-dark-mode .txdoc-paper *,
html[data-theme="dark"] .txbt-invoice-paper,html[data-theme="dark"] .txbt-invoice-paper *,html[data-theme="dark"] .txdoc-paper,html[data-theme="dark"] .txdoc-paper *{color-scheme:light!important}
body.tx-dark-mode .txbt-invoice-paper,body.tx-dark-mode .txdoc-paper,html[data-theme="dark"] .txbt-invoice-paper,html[data-theme="dark"] .txdoc-paper{background:#fff!important;color:#111827!important}

/* v21 final override specific previous preview scrollbar rule */
.txbt-invoice-tool .txbt-preview-panel,
.txdoc-tool .txdoc-preview-panel{
  position:-webkit-sticky!important;
  position:sticky!important;
  top:96px!important;
  align-self:flex-start!important;
  height:auto!important;
  max-height:none!important;
  overflow-x:visible!important;
  overflow-y:visible!important;
  overflow:visible!important;
  z-index:100!important;
}
@media(max-width:1100px){
  .txbt-invoice-tool .txbt-preview-panel,
  .txdoc-tool .txdoc-preview-panel{
    position:relative!important;
    top:auto!important;
  }
}

/* v21 verified sticky override: overflow-x hidden on body breaks position:sticky */
html,body{
  overflow-x:clip!important;
  overflow-y:visible!important;
}
@supports not (overflow-x:clip){
  html{overflow-x:hidden!important;overflow-y:visible!important}
  body{overflow-x:visible!important;overflow-y:visible!important}
}


/* Toolxora Theme v22 - keep PDF/Live Preview paper light in dark mode */
body.tx-dark-mode :where(.txbt-invoice-paper,.txdoc-paper),
html[data-theme="dark"] :where(.txbt-invoice-paper,.txdoc-paper) {
  background: #ffffff !important;
  color: #111827 !important;
  color-scheme: light !important;
}

body.tx-dark-mode :where(.txbt-invoice-paper,.txdoc-paper) :where(h1,h2,h3,h4,h5,h6,p,div,span,td,th,strong,b,small),
html[data-theme="dark"] :where(.txbt-invoice-paper,.txdoc-paper) :where(h1,h2,h3,h4,h5,h6,p,div,span,td,th,strong,b,small) {
  color: #111827 !important;
}

body.tx-dark-mode :where(.txbt-invoice-paper,.txdoc-paper) :where(.muted,.txbt-muted,.txdoc-muted,[class*="muted"]),
html[data-theme="dark"] :where(.txbt-invoice-paper,.txdoc-paper) :where(.muted,.txbt-muted,.txdoc-muted,[class*="muted"]) {
  color: #64748b !important;
}

/* Image Converters Hub — converter cards grid */
.tx-conv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tx-conv-card{display:block;background:#fff;border:1px solid var(--border);border-radius:20px;padding:22px;box-shadow:var(--shadow2);transition:.22s;text-decoration:none}
.tx-conv-card:hover{transform:translateY(-4px);border-color:#c7d2fe;box-shadow:0 20px 44px rgba(37,58,138,.12)}
.tx-conv-badges{display:flex;align-items:center;gap:9px;margin-bottom:14px}
.tx-conv-badges b{background:#f1f5f9;border:1px solid var(--border);color:#334155;border-radius:10px;padding:6px 11px;font-size:12.5px;font-weight:900;letter-spacing:.03em}
.tx-conv-badges b.is-target{background:linear-gradient(135deg,#2563eb,#7c3aed);border:0;color:#fff}
.tx-conv-badges i{color:#94a3b8;font-style:normal;font-weight:900}
.tx-conv-card h3{margin:0 0 7px;font-size:17px;color:#172344}
.tx-conv-card p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.55}
body.tx-dark-mode .tx-conv-card,html[data-theme=dark] .tx-conv-card{background:#0f172a;border-color:#1e293b}
body.tx-dark-mode .tx-conv-card h3,html[data-theme=dark] .tx-conv-card h3{color:#e5e7eb}
body.tx-dark-mode .tx-conv-badges b,html[data-theme=dark] .tx-conv-badges b{background:#111827;border-color:#334155;color:#cbd5e1}
body.tx-dark-mode .tx-conv-badges b.is-target,html[data-theme=dark] .tx-conv-badges b.is-target{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff}
@media(max-width:1100px){.tx-conv-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.tx-conv-grid{grid-template-columns:1fr}}

/* ===== Mega Menu (full-width, category columns) ===== */
.tx-menu-item{position:relative;display:flex;align-items:center;gap:6px;height:76px}
.tx-mega-toggle{border:0;background:transparent;color:#57708F;cursor:pointer;display:grid;place-items:center;padding:4px;border-radius:8px;transition:.22s;line-height:0}
.tx-menu-item:hover .tx-mega-toggle,.tx-menu-item.is-open .tx-mega-toggle{color:var(--primary)}
.tx-menu-item.is-open>.tx-mega-toggle svg,.tx-menu-item:hover>.tx-mega-toggle svg{transform:rotate(180deg)}
.tx-mega-toggle svg{transition:.22s;display:block}
.tx-mega-panel{position:fixed;left:0;right:0;top:76px;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 40px 80px rgba(15,23,42,.16);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.24s ease;z-index:998;max-height:calc(100vh - 76px);overflow:auto}
.tx-menu-item:hover>.tx-mega-panel,.tx-menu-item:focus-within>.tx-mega-panel,.tx-menu-item.is-open>.tx-mega-panel{opacity:1;visibility:visible;transform:translateY(0)}
.tx-mega-inner{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:30px 0 34px}
.tx-mega-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}
@media(max-width:1280px) and (min-width:1025px){.tx-mega-grid{grid-template-columns:repeat(4,1fr)}}
.tx-mega-col{min-width:0}
.tx-mega-cat{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:var(--primary);padding:0 0 12px;margin-bottom:8px;border-bottom:2px solid #eef2ff}
.tx-mega-cat:after{display:none!important}
.tx-mega-cat em{font-style:normal;opacity:0;transition:.2s;transform:translateX(-4px)}
a.tx-mega-cat:hover em{opacity:1;transform:translateX(0)}
.tx-mega-links{display:grid;gap:2px}
.tx-mega-link{display:block;padding:10px 12px;border-radius:13px;transition:.18s;border:1px solid transparent}
.tx-mega-link:hover{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border-color:#e0e7ff}
.tx-mega-link:after{display:none!important}
.tx-mega-link strong{display:block;color:#172344;font-size:14px;font-weight:800}
.tx-mega-link span{display:block;color:var(--muted);font-size:12px;font-weight:600;margin-top:2px;line-height:1.4}
.tx-mega-link:hover strong{color:var(--primary)}
/* Dark mode */
body.tx-dark-mode .tx-mega-panel,html[data-theme=dark] .tx-mega-panel{background:#0f172a;border-color:#1e293b}
body.tx-dark-mode .tx-mega-link strong,html[data-theme=dark] .tx-mega-link strong{color:#e5e7eb}
body.tx-dark-mode .tx-mega-link:hover,html[data-theme=dark] .tx-mega-link:hover{background:#111827;border-color:#334155}
body.tx-dark-mode .tx-mega-cat,html[data-theme=dark] .tx-mega-cat{border-color:#1e293b}
/* Mobile: full-width accordion inside slide menu */
@media(max-width:1024px){
  .tx-menu-item{width:100%;flex-wrap:wrap;gap:0;height:auto}
  .tx-menu-item>a{flex:1;border-bottom:1px solid var(--border)}
  .tx-mega-toggle{width:56px;height:59px;border-bottom:1px solid var(--border);border-radius:0}
  .tx-mega-panel{position:static;width:100%;max-height:none;transform:none;opacity:1;visibility:hidden;display:none;box-shadow:none;border:0;background:transparent;overflow:visible}
  .tx-menu-item.is-open>.tx-mega-panel{display:block;visibility:visible}
  .tx-menu-item:hover>.tx-mega-panel{visibility:hidden;display:none}
  .tx-menu-item.is-open:hover>.tx-mega-panel{visibility:visible;display:block}
  .tx-mega-inner{width:100%;padding:8px 0 8px 8px}
  .tx-mega-grid{grid-template-columns:1fr;gap:14px}
  .tx-mega-cat{padding:10px 10px 10px;margin-bottom:2px;font-size:12px}
  .tx-mega-links{gap:0}
  .tx-mega-link{padding:12px 10px;border-bottom:1px solid var(--border);border-radius:0}
  .tx-mega-link:last-child{border-bottom:0}
  .tx-mega-link strong{font-size:15px}
  body.tx-dark-mode .tx-mega-panel,html[data-theme=dark] .tx-mega-panel{background:transparent}
}

/* Tool Page Pro — compact centered hero */
.tx-pro-hero .tx-pro-hero-inner{max-width:820px;margin:0 auto;text-align:center;padding:10px 0 8px}
.tx-pro-hero h1{font-size:clamp(38px,5vw,56px);line-height:1.06;letter-spacing:-.05em;margin:0 0 16px}
.tx-pro-hero p{font-size:18px;line-height:1.7;color:var(--text);margin:0 auto 22px;max-width:640px}
.tx-pro-hero .tx-hero-pills{justify-content:center}
@media(max-width:720px){.tx-pro-hero .tx-pro-hero-inner{text-align:left}.tx-pro-hero .tx-hero-pills{justify-content:flex-start}}

/* Tool Page Pro: tool shell transparent — tools apna design khud rakhte hain */
body.page-template-page-tool-pro .tx-tool-card-shell{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}