/*
Theme Name: Workbench
Description: A fast, AdSense-ready theme with 16 free browser-based tools built in: calculators, image tools, PDF tools and text tools. Creates its categories, legal pages and menus when activated.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: workbench
*/

:root{
	--bg:#F2F4F1; --surface:#FFFFFF; --ink:#15201C; --muted:#52615A; --line:#D3DAD5;
	--brand:#0B5F55; --brand-dark:#084A42; --accent:#F5B700; --danger:#B3261E; --ok:#0B6B3A;
	--font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	--wrap:1120px; --cat:var(--brand);
}
.cat-calculators{--cat:#0B5F55}
.cat-image-tools{--cat:#8A4B08}
.cat-pdf-tools{--cat:#9B2C2C}
.cat-text-tools{--cat:#3D4DA6}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 var(--font);-webkit-font-smoothing:antialiased}
img,svg,video{max-width:100%;height:auto}
a{color:var(--brand);text-underline-offset:3px}
a:hover{color:var(--brand-dark)}
h1,h2,h3{line-height:1.2;letter-spacing:-.01em;margin:0 0 .5em}
h1{font-size:clamp(1.9rem,4.5vw,2.9rem);font-weight:800}
h2{font-size:1.5rem;font-weight:750}
h3{font-size:1.15rem;font-weight:700}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 20px}
.wrap.narrow{max-width:880px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:10px 16px;z-index:100}
.skip:focus{left:0}

/* Tape-measure motif */
.ruler{height:14px;background-color:var(--accent);background-image:linear-gradient(90deg,var(--ink) 1.5px,transparent 1.5px),linear-gradient(90deg,var(--ink) 1px,transparent 1px);background-size:50px 14px,10px 7px;background-position:0 100%,0 100%;background-repeat:repeat-x}
.ruler-lg{height:22px;background-size:50px 22px,10px 10px}

/* Header */
.site-header{background:var(--surface);position:relative;z-index:20}
.bar{display:flex;align-items:center;gap:20px;min-height:68px}
.brand{font-weight:800;font-size:1.3rem;letter-spacing:-.02em;color:var(--ink);text-decoration:none}
.brand img{display:block;max-height:44px;width:auto}
.primary-nav{display:flex;align-items:center;gap:20px;margin-left:auto}
.primary-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap}
.primary-nav li{position:relative}
.primary-nav a{display:block;padding:8px 12px;color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem;border-radius:4px}
.primary-nav a:hover,.primary-nav .current-menu-item>a{background:#EAF0EC;color:var(--brand-dark)}
.primary-nav .sub-menu{display:none;position:absolute;left:0;top:100%;background:#fff;border:1px solid var(--line);min-width:200px;padding:6px;flex-direction:column}
.primary-nav li:hover>.sub-menu,.primary-nav li:focus-within>.sub-menu{display:flex}
.head-search{display:flex;gap:6px}
.head-search input[type=search]{width:170px;padding:8px 10px;border:1px solid #9AA8A1;border-radius:4px;font:inherit;font-size:.92rem}
.btn-search{padding:8px 12px;background:var(--ink);color:#fff;border:0;border-radius:4px;font:inherit;font-size:.92rem;font-weight:600;cursor:pointer}
.nav-toggle{display:none;margin-left:auto;padding:8px 14px;background:#fff;border:1px solid var(--ink);border-radius:4px;font:inherit;font-weight:700;cursor:pointer}

/* Hero */
.hero{background:var(--surface);padding-top:44px}
.hero .wrap{padding-bottom:40px}
.hero h1{max-width:16ch}
.hero-sub{font-size:1.15rem;color:var(--muted);max-width:52ch;margin-bottom:26px}
.hero-search label{display:block;font-weight:700;margin-bottom:6px}
.hero-field{display:flex;gap:8px;max-width:600px}
.hero-field input[type=search]{flex:1;min-width:0;padding:14px 16px;border:2px solid var(--ink);border-radius:4px;font:inherit;font-size:1.05rem;background:#fff}

/* Buttons and form controls */
.btn{display:inline-block;background:var(--brand);color:#fff;border:2px solid var(--brand);padding:11px 22px;font:inherit;font-weight:700;border-radius:4px;cursor:pointer;text-decoration:none;line-height:1.3}
.btn:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}
.btn.alt{background:#fff;color:var(--brand)}
.btn.alt:hover{background:#EAF0EC;color:var(--brand-dark)}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.btn-sm{background:#fff;border:1px solid #9AA8A1;border-radius:4px;padding:4px 10px;font:inherit;font-size:.9rem;cursor:pointer;color:var(--ink)}
.btn-sm:hover{background:#EAF0EC}
input,select,textarea{font:inherit;color:var(--ink)}
.tk-field{margin-bottom:4px}
.tk-field label{display:block;font-weight:650;font-size:.93rem;margin-bottom:6px}
.tk-field input[type=text],.tk-field input[type=number],.tk-field input[type=date],.tk-field input[type=email],.tk-field select,.tk-field textarea,.tk-textarea{width:100%;padding:10px 12px;border:1px solid #8E9C95;border-radius:4px;background:#fff}
.tk-field textarea,.tk-textarea{min-height:200px;resize:vertical;line-height:1.5}
.tk-field input:focus,.tk-field select:focus,.tk-field textarea:focus,.tk-textarea:focus{outline:3px solid var(--accent);outline-offset:0;border-color:var(--ink)}
.tk-check{display:flex;align-items:center;gap:8px;font-weight:500}
.tk-check input{width:18px;height:18px;accent-color:var(--brand)}

/* Lists of tools */
.home-body{padding-top:40px;padding-bottom:20px}
.cat-block{margin-bottom:44px}
.cat-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin-bottom:12px;border-bottom:3px solid var(--cat);padding-bottom:8px}
.cat-head h2{margin:0}
.cat-head h2 a{color:var(--ink);text-decoration:none}
.cat-head h2 a:hover{text-decoration:underline}
.cat-head p{margin:0;color:var(--muted);font-size:.95rem}
.tool-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:0 28px}
.tool-row{display:flex;gap:14px;align-items:flex-start;padding:14px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.tool-row:hover{background:#fff}
.tool-row:hover strong{text-decoration:underline}
.tool-row .mark{flex:0 0 38px;height:38px;display:grid;place-items:center;background:var(--cat);color:#fff;font-weight:800;border-radius:3px}
.tool-row .txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.tool-row strong{font-size:1.05rem}
.tool-row .txt span{color:var(--muted);font-size:.9rem;line-height:1.45}
.no-match{padding:30px 0;font-weight:600}
.trust{background:var(--surface);border-top:1px solid var(--line);margin-top:30px}
.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px;padding-top:40px;padding-bottom:30px}
.trust h2{font-size:1.15rem}
.trust p{color:var(--muted);margin:0}

/* Pages */
.list-page,.page-plain{padding-top:20px;padding-bottom:50px}
.page-head{margin:10px 0 24px}
.lede{font-size:1.1rem;color:var(--muted);max-width:62ch}
.meta{color:var(--muted);font-size:.9rem}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 0;padding:0;font-size:.88rem;color:var(--muted)}
.crumbs li+li::before{content:"/";margin-right:4px;color:#9AA8A1}
.crumbs a{color:var(--muted)}
.tool-page{padding-top:14px;padding-bottom:60px}
.tool-head{margin:14px 0 20px}
.tool-head h1{margin-bottom:.3em}
.tool-panel{background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--cat);padding:26px;margin-bottom:28px}
.tk-loading{color:var(--muted);margin:0}
.prose{max-width:72ch}
.prose h2{margin-top:1.8em}
.prose h3{margin-top:1.4em}
.prose ol,.prose ul{padding-left:1.4em;margin:0 0 1em}
.prose li{margin-bottom:.4em}
.related{margin-top:48px}
.related .tool-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.post-item{border-bottom:1px solid var(--line);padding:16px 0}
.post-item h2{font-size:1.25rem;margin-bottom:.2em}
.ad{margin:28px 0;min-height:100px;text-align:center;overflow:hidden}
.ad-label{display:block;font-size:.72rem;color:var(--muted);margin-bottom:4px}
.contact-form{max-width:560px;margin:20px 0}
.contact-form .tk-field{margin-bottom:16px}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.notice{padding:12px 14px;border-left:4px solid;margin:0 0 18px;background:#fff;font-weight:600}
.notice.ok{border-color:var(--ok);color:var(--ok)}
.notice.bad{border-color:var(--danger);color:var(--danger)}

/* Footer */
.site-footer{background:var(--ink);color:#DCE4DF;margin-top:30px}
.site-footer a{color:#fff;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;padding-top:44px;padding-bottom:28px}
.foot-brand{font-weight:800;font-size:1.2rem;color:#fff;margin-bottom:6px}
.foot-note{color:#B7C4BD;max-width:34ch;font-size:.95rem}
.foot-title{font-weight:700;color:#fff;margin-bottom:8px}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin-bottom:6px;font-size:.95rem}
.foot-base{border-top:1px solid #33433D;padding-top:16px;padding-bottom:22px;font-size:.88rem;color:#B7C4BD}
.foot-base p{margin:0}

/* Tool interface */
.tk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.tk-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.tk-msg{min-height:1.5em;margin-top:12px;font-weight:600;color:var(--danger)}
.tk-msg.ok{color:var(--ok)}
.tk-out{margin-top:20px}
.tk-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.tk-stat{background:#fff;padding:14px 16px}
.tk-stat b{display:block;font-size:1.45rem;line-height:1.25;overflow-wrap:anywhere}
.tk-stat span{color:var(--muted);font-size:.88rem}
.tk-stat.hl{background:#FFF6D6}
.tk-big{font-size:1.7rem;font-weight:800;margin:0 0 4px}
.tk-block{border:1px solid var(--line);padding:16px;margin-bottom:16px}
.tk-block h3{margin-bottom:10px}
.tk-inline{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.tk-inline input{width:130px;padding:9px 10px;border:1px solid #8E9C95;border-radius:4px;background:#fff}
.tk-result{font-weight:800;font-size:1.2rem;color:var(--brand-dark)}
.tk-hint{color:var(--muted);font-size:.88rem}
.tk-table-wrap{max-height:360px;overflow:auto;border:1px solid var(--line);margin-top:10px}
.tk-table{width:100%;border-collapse:collapse;font-size:.92rem}
.tk-table th,.tk-table td{padding:8px 12px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}
.tk-table th:first-child,.tk-table td:first-child{text-align:left}
.tk-table th{position:sticky;top:0;background:#F2F4F1}
details.tk-details{margin-top:16px}
details.tk-details summary{cursor:pointer;font-weight:700}
.tk-drop{border:2px dashed #8E9C95;background:#F8FAF8;padding:30px 20px;text-align:center;cursor:pointer;border-radius:4px}
.tk-drop:hover,.tk-drop.over{border-color:var(--cat);background:#fff}
.tk-drop p{margin:0 0 4px}
.tk-list{list-style:none;margin:16px 0 0;padding:0}
.tk-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--line);margin-bottom:6px;background:#fff}
.tk-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.tk-item-btns{display:flex;gap:4px}
.tk-results{margin-top:16px}
.tk-result-row{display:flex;align-items:center;gap:14px;padding:10px;border:1px solid var(--line);margin-bottom:8px;background:#fff;flex-wrap:wrap}
.tk-result-row img{width:56px;height:56px;object-fit:cover;border:1px solid var(--line);background:#eee}
.tk-result-row .info{flex:1;min-width:180px}
.tk-result-row .info b{display:block;overflow-wrap:anywhere}
.tk-preview{max-width:100%;max-height:340px;border:1px solid var(--line);margin-top:12px;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 0 0/16px 16px}
.tk-range{display:flex;align-items:center;gap:12px}
.tk-range input{flex:1;accent-color:var(--brand)}
.tk-range output{min-width:3ch;font-weight:700}
.tk-pass{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.2rem;word-break:break-all;background:#F8FAF8;border:1px solid #8E9C95;padding:14px;border-radius:4px;width:100%}
.tk-meter{height:8px;background:var(--line);margin-top:10px}
.tk-meter i{display:block;height:100%;width:0;background:var(--danger);transition:width .2s}
.tk-seg{display:inline-flex;border:1px solid var(--ink);border-radius:4px;overflow:hidden}
.tk-seg button{padding:8px 16px;background:#fff;border:0;font:inherit;font-weight:650;cursor:pointer}
.tk-seg button[aria-pressed=true]{background:var(--ink);color:#fff}
.tk-btnrow{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}

/* Responsive */
@media (max-width:860px){
	.nav-toggle{display:block}
	.bar{flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
	.primary-nav{display:none;flex-direction:column;align-items:stretch;width:100%;margin-left:0;gap:12px;padding-bottom:12px}
	.primary-nav.open{display:flex}
	.primary-nav ul{flex-direction:column}
	.head-search input[type=search]{flex:1;width:auto}
	.foot-grid{grid-template-columns:1fr 1fr}
	.foot-grid>div:first-child{grid-column:1/-1}
}
@media (max-width:560px){
	body{font-size:16px}
	.tool-panel{padding:18px 14px}
	.tool-list{grid-template-columns:1fr}
	.hero-field{flex-direction:column}
	.foot-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}