/*
Theme Name: TaxiBookr Pro
Theme URI: https://elevateweb.nl
Author: ElevateWeb
Author URI: https://elevateweb.nl
Description: Premium verkooplandingspagina voor de TaxiBookr taxi-boekingsplugin. Modern, sfeervol en interactief one-page thema met animaties, portalen, prijzen en FAQ.
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: taxibookr-pro
*/

:root{
	--navy:#0a0f1f;
	--navy-2:#0f1730;
	--ink:#11162a;
	--text:#1b2138;
	--muted:#5b647e;
	--faint:#8b93a7;
	--line:rgba(16,22,46,.10);
	--line-soft:rgba(16,22,46,.06);
	--bg:#ffffff;
	--bg-soft:#f6f8fc;
	--bg-tint:#eef2fb;
	--gold:#f6b40a;
	--gold-2:#ffcf45;
	--teal:#13b8a6;
	--blue:#2f6bff;
	--violet:#7b5cff;
	--radius:16px;
	--radius-lg:24px;
	--shadow-sm:0 1px 2px rgba(10,15,31,.06),0 2px 8px rgba(10,15,31,.05);
	--shadow:0 10px 30px rgba(10,15,31,.10),0 2px 8px rgba(10,15,31,.06);
	--shadow-lg:0 30px 70px rgba(10,15,31,.22),0 8px 24px rgba(10,15,31,.12);
	--maxw:1200px;
	--font:"Plus Jakarta Sans","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
	margin:0;
	font-family:var(--font);
	color:var(--text);
	background:var(--bg);
	font-size:17px;
	line-height:1.6;
	-webkit-font-smoothing:antialiased;
	overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{margin:0;line-height:1.12;letter-spacing:-.03em;font-weight:800;color:var(--ink);}
h1{font-size:clamp(40px,6vw,68px);}
h2{font-size:clamp(30px,4vw,46px);}
h3{font-size:20px;letter-spacing:-.01em;}
p{margin:0;}
.tb-wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.tb-section{padding:96px 0;}
.tb-eyebrow{
	display:inline-flex;align-items:center;gap:8px;
	font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
	color:var(--blue);
}
.tb-eyebrow.on-dark{color:var(--gold-2);}
.tb-head{max-width:720px;margin:0 auto 56px;text-align:center;}
.tb-head .tb-eyebrow{margin-bottom:14px;}
.tb-head p{margin-top:16px;color:var(--muted);font-size:19px;}
.tb-center{text-align:center;}

/* Buttons */
.tb-btn{
	display:inline-flex;align-items:center;justify-content:center;gap:9px;
	padding:14px 26px;border-radius:999px;font-weight:700;font-size:16px;
	border:1px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;
	white-space:nowrap;
}
.tb-btn:hover{transform:translateY(-2px);}
.tb-btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#1a1404;box-shadow:0 10px 26px rgba(246,180,10,.38);}
.tb-btn-primary:hover{box-shadow:0 16px 34px rgba(246,180,10,.5);}
.tb-btn-dark{background:var(--ink);color:#fff;}
.tb-btn-ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.25);backdrop-filter:blur(6px);}
.tb-btn-ghost:hover{background:rgba(255,255,255,.16);}
.tb-btn-outline{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:var(--shadow-sm);}
.tb-btn-lg{padding:16px 32px;font-size:17px;}
.tb-btn-block{width:100%;}

/* Header */
.tb-header{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .3s ease,box-shadow .3s ease,padding .3s ease;padding:18px 0;}
.tb-header .tb-wrap{display:flex;align-items:center;gap:24px;}
.tb-header.scrolled{background:rgba(255,255,255,.92);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line-soft),0 8px 30px rgba(10,15,31,.07);padding:12px 0;}
.tb-brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:21px;letter-spacing:-.02em;color:#fff;transition:color .3s;}
.tb-header.scrolled .tb-brand{color:var(--ink);}
.tb-brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--gold-2));font-size:19px;box-shadow:0 6px 16px rgba(246,180,10,.4);}
.tb-menu{display:flex;gap:30px;margin-left:auto;}
.tb-menu a{font-size:15px;font-weight:600;color:rgba(255,255,255,.82);transition:color .25s;}
.tb-menu a:hover{color:#fff;}
.tb-header.scrolled .tb-menu a{color:var(--muted);}
.tb-header.scrolled .tb-menu a:hover{color:var(--ink);}
.tb-header .tb-btn{padding:11px 22px;font-size:15px;}
.tb-burger{display:none;margin-left:auto;width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font-size:20px;cursor:pointer;}
.tb-header.scrolled .tb-burger{color:var(--ink);border-color:var(--line);background:#fff;}

/* Hero */
.tb-hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:140px 0 80px;background:var(--navy);overflow:hidden;}
.tb-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.42;}
.tb-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(8,12,26,.96) 30%,rgba(8,12,26,.62) 62%,rgba(8,12,26,.25) 100%);}
.tb-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 85% -10%,rgba(246,180,10,.20),transparent 60%),radial-gradient(700px 500px at 10% 110%,rgba(47,107,255,.22),transparent 60%);}
.tb-hero .tb-wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;width:100%;}
.tb-hero-copy{color:#fff;}
.tb-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);font-size:13px;font-weight:700;letter-spacing:.05em;color:#fff;backdrop-filter:blur(6px);}
.tb-badge .dot{width:8px;height:8px;border-radius:999px;background:var(--teal);box-shadow:0 0 0 4px rgba(19,184,166,.25);}
.tb-hero h1{color:#fff;margin:22px 0 0;}
.tb-hero h1 .grad{background:linear-gradient(120deg,var(--gold-2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;}
.tb-hero-sub{margin:22px 0 0;font-size:20px;line-height:1.6;color:rgba(255,255,255,.80);max-width:560px;}
.tb-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px;}
.tb-hero-trust{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:30px;}
.tb-hero-trust span{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:rgba(255,255,255,.85);}
.tb-hero-trust .ck{width:20px;height:20px;border-radius:999px;display:grid;place-items:center;background:rgba(19,184,166,.22);color:#5ff0dd;font-size:12px;}

/* Floating booking card */
.tb-bookcard{position:relative;border-radius:22px;background:rgba(255,255,255,.97);box-shadow:var(--shadow-lg);padding:26px;animation:tb-float 6s ease-in-out infinite;}
@keyframes tb-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
.tb-bookcard-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.tb-bookcard-top strong{font-size:19px;color:var(--ink);}
.tb-pill{font-size:12px;font-weight:700;color:var(--teal);background:rgba(19,184,166,.12);padding:5px 12px;border-radius:999px;}
.tb-bf{margin-bottom:12px;}
.tb-bf label{display:block;font-size:12px;font-weight:700;color:var(--faint);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em;}
.tb-bf .in{display:flex;align-items:center;gap:9px;padding:13px 14px;border-radius:12px;background:var(--bg-soft);border:1px solid var(--line-soft);font-weight:600;color:var(--ink);font-size:15px;}
.tb-bf .in .ic{color:var(--blue);}
.tb-bf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.tb-veh{display:flex;align-items:center;justify-content:space-between;padding:14px;border-radius:14px;border:1.5px solid var(--gold);background:linear-gradient(180deg,rgba(246,180,10,.10),rgba(246,180,10,.04));margin:16px 0;}
.tb-veh b{display:block;color:var(--ink);font-size:15px;}
.tb-veh small{color:var(--muted);}
.tb-veh .pr{font-weight:800;font-size:19px;color:var(--ink);}
.tb-book-btn{width:100%;text-align:center;padding:15px;border-radius:14px;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#1a1404;font-weight:800;font-size:16px;box-shadow:0 10px 24px rgba(246,180,10,.35);}
.tb-book-meta{text-align:center;margin-top:12px;font-size:12.5px;color:var(--faint);}
.tb-bookcard .glow{position:absolute;inset:-30px;z-index:-1;background:radial-gradient(closest-side,rgba(246,180,10,.30),transparent);filter:blur(20px);}

/* Logos / trust strip */
.tb-strip{background:var(--navy-2);padding:26px 0;}
.tb-strip .tb-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 40px;}
.tb-strip span{color:rgba(255,255,255,.55);font-weight:700;font-size:15px;letter-spacing:.02em;display:inline-flex;align-items:center;gap:9px;}
.tb-strip span .e{font-size:18px;}

/* Stats */
.tb-stats{background:var(--bg-soft);}
.tb-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.tb-stat{background:#fff;border:1px solid var(--line-soft);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm);text-align:center;}
.tb-stat .num{font-size:46px;font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,var(--blue),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;}
.tb-stat .lab{margin-top:6px;color:var(--muted);font-weight:600;font-size:15px;}

/* Feature cards */
.tb-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.tb-card{position:relative;background:#fff;border:1px solid var(--line-soft);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s;overflow:hidden;}
.tb-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent;}
.tb-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--teal));transform:scaleX(0);transform-origin:left;transition:transform .3s ease;}
.tb-card:hover::before{transform:scaleX(1);}
.tb-ic{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;font-size:26px;margin-bottom:18px;background:linear-gradient(135deg,rgba(47,107,255,.12),rgba(123,92,255,.12));}
.tb-card h3{margin-bottom:8px;}
.tb-card p{color:var(--muted);font-size:15.5px;}

/* How it works */
.tb-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;}
.tb-steps::before{content:"";position:absolute;top:34px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,var(--gold),var(--teal));opacity:.5;}
.tb-step{position:relative;text-align:center;}
.tb-step .no{width:68px;height:68px;margin:0 auto 18px;border-radius:999px;display:grid;place-items:center;font-size:26px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--navy),var(--navy-2));box-shadow:var(--shadow);border:3px solid #fff;position:relative;z-index:1;}
.tb-step h3{margin-bottom:6px;}
.tb-step p{color:var(--muted);font-size:15px;}

/* Portals tabs */
.tb-portals{background:var(--navy);color:#fff;position:relative;overflow:hidden;}
.tb-portals::after{content:"";position:absolute;inset:0;background:radial-gradient(700px 400px at 80% 0,rgba(47,107,255,.20),transparent 60%),radial-gradient(600px 400px at 0 100%,rgba(246,180,10,.14),transparent 60%);}
.tb-portals .tb-wrap{position:relative;z-index:1;}
.tb-portals h2,.tb-portals .tb-head p{color:#fff;}
.tb-portals .tb-head p{color:rgba(255,255,255,.72);}
.tb-tabbtns{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:34px;}
.tb-tabbtn{padding:12px 24px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:rgba(255,255,255,.8);font-weight:700;font-size:15px;cursor:pointer;transition:all .2s;}
.tb-tabbtn:hover{background:rgba(255,255,255,.12);color:#fff;}
.tb-tabbtn.active{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#1a1404;border-color:transparent;}
.tb-tabpanel{display:none;max-width:760px;margin:0 auto;}
.tb-tabpanel.active{display:block;animation:tb-fade .4s ease;}
@keyframes tb-fade{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
.tb-portal-list{display:grid;gap:14px;}
.tb-portal-item{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);}
.tb-portal-item .ck{flex-shrink:0;width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--teal),#0e9e8f);color:#fff;font-weight:800;font-size:14px;}
.tb-portal-item b{color:#fff;}
.tb-portal-item p{color:rgba(255,255,255,.72);font-size:15px;margin-top:2px;}

/* Showcase split */
.tb-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.tb-split-media{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);position:relative;}
.tb-split-media img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;}
.tb-split-media .tag{position:absolute;left:20px;bottom:20px;background:rgba(255,255,255,.96);padding:12px 18px;border-radius:14px;font-weight:800;color:var(--ink);box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;}
.tb-split h2{margin-bottom:10px;}
.tb-checklist{display:grid;gap:12px;margin-top:22px;}
.tb-checklist li{list-style:none;display:flex;gap:12px;align-items:flex-start;font-size:16px;color:var(--text);}
.tb-checklist .ck{flex-shrink:0;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(19,184,166,.18),rgba(47,107,255,.14));color:var(--teal);font-weight:800;}
ul.tb-checklist{padding:0;margin-top:22px;}

/* Testimonials */
.tb-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.tb-quote{background:#fff;border:1px solid var(--line-soft);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm);}
.tb-stars{color:var(--gold);font-size:17px;letter-spacing:2px;margin-bottom:14px;}
.tb-quote p{font-size:16px;color:var(--text);}
.tb-quote .who{display:flex;align-items:center;gap:12px;margin-top:20px;}
.tb-quote .av{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--blue),var(--violet));}
.tb-quote .who b{display:block;color:var(--ink);font-size:15px;}
.tb-quote .who small{color:var(--faint);}

/* Pricing */
.tb-pricing{background:var(--bg-soft);}
.tb-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;}
.tb-plan{background:#fff;border:1px solid var(--line-soft);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s;}
.tb-plan:hover{transform:translateY(-6px);box-shadow:var(--shadow);}
.tb-plan.featured{background:linear-gradient(180deg,var(--navy),var(--navy-2));color:#fff;border-color:transparent;box-shadow:var(--shadow-lg);transform:scale(1.03);position:relative;}
.tb-plan.featured:hover{transform:scale(1.03) translateY(-6px);}
.tb-plan .tier{font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);}
.tb-plan.featured .tier{color:var(--gold-2);}
.tb-plan .price{font-size:48px;font-weight:800;letter-spacing:-.04em;margin:12px 0 2px;color:var(--ink);}
.tb-plan.featured .price{color:#fff;}
.tb-plan .per{color:var(--muted);font-size:14px;margin-bottom:22px;}
.tb-plan.featured .per{color:rgba(255,255,255,.6);}
.tb-plan ul{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:12px;}
.tb-plan li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;color:var(--text);}
.tb-plan.featured li{color:rgba(255,255,255,.88);}
.tb-plan li .ck{flex-shrink:0;color:var(--teal);font-weight:800;}
.tb-plan.featured li .ck{color:var(--gold-2);}
.tb-plan .tb-btn{margin-top:auto;}
.tb-pop{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#1a1404;font-weight:800;font-size:12.5px;padding:7px 18px;border-radius:999px;letter-spacing:.04em;box-shadow:0 8px 20px rgba(246,180,10,.4);}
.tb-price-note{text-align:center;margin-top:32px;color:var(--muted);}

/* FAQ */
.tb-faq{max-width:820px;margin:0 auto;}
.tb-faq details{background:#fff;border:1px solid var(--line-soft);border-radius:14px;margin-bottom:14px;box-shadow:var(--shadow-sm);overflow:hidden;}
.tb-faq summary{list-style:none;cursor:pointer;padding:22px 24px;font-weight:700;font-size:17.5px;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:16px;}
.tb-faq summary::-webkit-details-marker{display:none;}
.tb-faq summary::after{content:"+";font-size:26px;font-weight:400;color:var(--blue);transition:transform .25s;line-height:1;}
.tb-faq details[open] summary::after{transform:rotate(45deg);}
.tb-faq details p{padding:0 24px 22px;color:var(--muted);font-size:16px;margin:0;}

/* CTA band */
.tb-cta{position:relative;padding:110px 0;text-align:center;color:#fff;background:var(--navy);overflow:hidden;}
.tb-cta-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.30;}
.tb-cta::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,12,26,.82),rgba(8,12,26,.92));}
.tb-cta .tb-wrap{position:relative;z-index:1;}
.tb-cta h2{color:#fff;max-width:760px;margin:0 auto;}
.tb-cta p{color:rgba(255,255,255,.78);font-size:19px;max-width:600px;margin:18px auto 34px;}
.tb-cta-btns{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;}

/* Footer */
.tb-footer{background:var(--navy-2);color:rgba(255,255,255,.7);padding:64px 0 32px;}
.tb-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;}
.tb-footer .tb-brand{color:#fff;margin-bottom:14px;}
.tb-footer-about{font-size:15px;max-width:320px;color:rgba(255,255,255,.62);}
.tb-footer h4{color:#fff;font-size:14px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px;}
.tb-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;}
.tb-footer a{color:rgba(255,255,255,.7);font-size:15px;transition:color .2s;}
.tb-footer a:hover{color:#fff;}
.tb-footer-bottom{margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:14px;color:rgba(255,255,255,.5);}

/* Reveal animation */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);}
.reveal.in{opacity:1;transform:none;}
.reveal.d1{transition-delay:.08s;}.reveal.d2{transition-delay:.16s;}.reveal.d3{transition-delay:.24s;}.reveal.d4{transition-delay:.32s;}

/* Responsive */
@media(max-width:1024px){
	.tb-hero .tb-wrap{grid-template-columns:1fr;gap:48px;}
	.tb-bookcard{max-width:420px;}
	.tb-features-grid,.tb-quotes{grid-template-columns:repeat(2,1fr);}
	.tb-steps{grid-template-columns:repeat(2,1fr);}
	.tb-steps::before{display:none;}
	.tb-stats-grid{grid-template-columns:repeat(2,1fr);}
	.tb-split{grid-template-columns:1fr;gap:32px;}
	.tb-footer-grid{grid-template-columns:1fr 1fr;gap:32px;}
}
@media(max-width:760px){
	.tb-section{padding:68px 0;}
	.tb-menu{position:fixed;top:0;right:0;bottom:0;width:78%;max-width:320px;flex-direction:column;gap:0;background:#fff;padding:90px 28px 28px;box-shadow:var(--shadow-lg);transform:translateX(100%);transition:transform .3s ease;margin:0;}
	.tb-menu.open{transform:none;}
	.tb-menu a{color:var(--ink)!important;padding:16px 0;border-bottom:1px solid var(--line-soft);font-size:17px;}
	.tb-burger{display:grid;place-items:center;}
	.tb-header .tb-menu+.tb-btn{display:none;}
	.tb-features-grid,.tb-quotes,.tb-plans,.tb-stats-grid{grid-template-columns:1fr;}
	.tb-plan.featured{transform:none;}
	.tb-plan.featured:hover{transform:translateY(-6px);}
	.tb-footer-grid{grid-template-columns:1fr;}
	.tb-hero{min-height:auto;}
}
@media(prefers-reduced-motion:reduce){
	*{animation:none!important;transition:none!important;}
	.reveal{opacity:1;transform:none;}
}

/* Live demo section */
.tb-demo-box{max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--line-soft);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-lg);}
.tb-demo-box .tb-demo-fallback{text-align:center;color:var(--muted);font-size:16px;padding:40px 0;}
/* Soften plugin form so it blends with the theme */
.tb-demo-box input,.tb-demo-box select,.tb-demo-box textarea{font-family:var(--font);}
.tb-demo-box button,.tb-demo-box .button,.tb-demo-box input[type="submit"]{font-family:var(--font);cursor:pointer;}

/* Backend / dashboard demo */
.tb-admin-cta{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.tb-admin-window{border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--line);background:#fff;}
.tb-aw-bar{display:flex;align-items:center;gap:7px;padding:12px 14px;background:#0f1730;}
.tb-aw-bar>span{width:11px;height:11px;border-radius:999px;background:rgba(255,255,255,.3);}
.tb-aw-bar>span:nth-child(1){background:#ff5f57;}
.tb-aw-bar>span:nth-child(2){background:#febc2e;}
.tb-aw-bar>span:nth-child(3){background:#28c840;}
.tb-aw-url{margin-left:12px;font-size:12px;color:rgba(255,255,255,.55);background:rgba(255,255,255,.08);padding:5px 14px;border-radius:7px;}
.tb-aw-body{display:grid;grid-template-columns:170px 1fr;min-height:320px;}
.tb-aw-side{background:#11162a;padding:14px 0;}
.tb-aw-side a{display:flex;gap:9px;align-items:center;padding:11px 18px;color:rgba(255,255,255,.66);font-size:13px;font-weight:600;}
.tb-aw-side a.active{background:rgba(246,180,10,.14);color:#fff;border-left:3px solid var(--gold);}
.tb-aw-main{padding:20px;background:var(--bg-soft);}
.tb-aw-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;}
.tb-aw-card{background:#fff;border:1px solid var(--line-soft);border-radius:10px;padding:13px;}
.tb-aw-card b{display:block;font-size:21px;color:var(--ink);letter-spacing:-.02em;}
.tb-aw-card small{color:var(--muted);font-size:11.5px;}
.tb-aw-table{background:#fff;border:1px solid var(--line-soft);border-radius:10px;overflow:hidden;}
.tb-aw-row{display:grid;grid-template-columns:1fr 1.2fr 90px;gap:8px;padding:10px 13px;font-size:12.5px;border-bottom:1px solid var(--line-soft);color:var(--muted);align-items:center;}
.tb-aw-row:last-child{border-bottom:none;}
.tb-aw-row.head{background:var(--bg-tint);font-weight:700;color:var(--ink);}
.tb-aw-badge{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:rgba(19,184,166,.15);color:#0e9e8f;text-align:center;}
@media(max-width:1024px){.tb-admin-cta{grid-template-columns:1fr;gap:32px;}}
@media(max-width:600px){.tb-aw-body{grid-template-columns:1fr;}.tb-aw-side{display:flex;flex-wrap:wrap;gap:4px;padding:10px;}.tb-aw-side a{padding:8px 12px;}.tb-aw-side a.active{border-left:none;border-radius:8px;}}