/*
Theme Name: YouTube Tool Hub SaaS
Author: YouTube Tool Hub
Description: Lightweight SaaS theme with dynamic tool directory and individual tool routes.
Version: 1.3.1
Requires at least: 6.0
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: yth-saas
*/
:root{--bg:#f7f8fb;--surface:#fff;--text:#101828;--muted:#667085;--border:#e4e7ec;--primary:#5b4bff;--primary2:#4536d9;--success:#087443;--radius:16px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.yth-container{width:min(calc(100% - 40px),var(--max));margin:auto}
.yth-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}.yth-nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.yth-brand{font-size:21px;font-weight:800}.yth-brand span{color:var(--primary)}.yth-menu,.yth-actions{display:flex;align-items:center;gap:22px}.yth-menu{font-size:14px;font-weight:700}.yth-menu a:hover{color:var(--primary)}.yth-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;padding:10px 16px;font-weight:700;font-size:14px;background:#fff;cursor:pointer}.yth-btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.yth-btn-primary:hover{background:var(--primary2);color:#fff}
.yth-hero{padding:88px 0 64px;text-align:center;background:linear-gradient(180deg,#fff 0%,var(--bg) 100%)}.yth-badge{display:inline-flex;border:1px solid var(--border);background:#fff;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700;margin-bottom:18px}.yth-hero h1{font-size:clamp(38px,6vw,68px);line-height:1.05;letter-spacing:-2.6px;margin:0 auto 20px;max-width:900px}.yth-hero h1 span{color:var(--primary)}.yth-hero p{max-width:680px;margin:0 auto 28px;color:var(--muted);font-size:18px}.yth-search{max-width:700px;margin:auto;display:flex;gap:10px;background:#fff;border:1px solid var(--border);padding:8px;border-radius:14px;box-shadow:0 10px 30px rgba(16,24,40,.07)}.yth-search input{flex:1;border:0;outline:0;padding:12px;font-size:15px;min-width:0}
.yth-section{padding:64px 0}.yth-section-head{margin-bottom:24px}.yth-section h2{font-size:30px;line-height:1.2;margin:0;letter-spacing:-1px}.yth-section-head p{margin:6px 0 0;color:var(--muted)}.yth-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.yth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:.18s}.yth-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(16,24,40,.08)}.yth-icon{width:52px;height:52px;border-radius:14px;background:#efedff;display:grid;place-items:center;margin-bottom:18px;font-size:22px;color:#5b4bff;overflow:hidden}.yth-icon svg{width:28px;height:28px;display:block}.yth-card h3{margin:0 0 7px;font-size:18px}.yth-card p{margin:0 0 16px;color:var(--muted);font-size:14px}.yth-card-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;font-weight:700}.yth-free{color:var(--success)}.yth-pro{color:var(--primary)}.yth-category{font-size:12px;color:var(--muted);margin-bottom:10px}
.yth-directory-head{padding:64px 0 34px}.yth-directory-head h1{font-size:clamp(34px,5vw,52px);line-height:1.08;margin:0 0 12px;letter-spacing:-1.8px}.yth-directory-head p{margin:0;color:var(--muted);font-size:17px}.yth-directory-toolbar{display:flex;gap:12px;align-items:center;margin:0 0 28px;flex-wrap:wrap}.yth-directory-search{flex:1;min-width:240px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:13px 15px;font-size:15px;outline:none}.yth-directory-select{background:#fff;border:1px solid var(--border);border-radius:12px;padding:13px 15px;font-size:14px;min-width:170px}.yth-empty{background:#fff;border:1px dashed var(--border);border-radius:var(--radius);padding:40px;text-align:center;color:var(--muted)}.yth-tool-count{font-size:13px;color:var(--muted);margin-bottom:16px}
.yth-tool-page{padding:52px 0 72px}.yth-breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:22px}.yth-breadcrumbs a{color:var(--primary);font-weight:700}.yth-tool-hero{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;background:#fff;border:1px solid var(--border);border-radius:20px;padding:28px;margin-bottom:22px}.yth-tool-hero .yth-icon{margin:0;width:62px;height:62px}.yth-tool-title h1{margin:0 0 8px;font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-1.4px}.yth-tool-title p{margin:0;color:var(--muted);max-width:780px}.yth-tool-badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.yth-pill{display:inline-flex;align-items:center;border:1px solid var(--border);background:var(--bg);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}
.yth-tool-workspace{background:#fff;border:1px solid var(--border);border-radius:20px;padding:14px;box-shadow:0 12px 32px rgba(16,24,40,.06)}.yth-tool-workspace-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:8px 8px 16px}.yth-tool-workspace-head h2{margin:0;font-size:20px}.yth-tool-frame{display:block;width:100%;height:1100px;border:1px solid var(--border);border-radius:14px;background:#fff}.yth-tool-note{padding:14px 8px 2px;color:var(--muted);font-size:13px}
.yth-cta{background:var(--text);color:#fff;border-radius:22px;padding:46px;margin-bottom:64px}.yth-cta h2{margin:0 0 10px;font-size:32px}.yth-cta p{color:#c8ced8;margin:0 0 22px}.yth-footer{border-top:1px solid var(--border);background:#fff;padding:36px 0}.yth-footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.yth-footer small{color:var(--muted)}
@media(max-width:800px){.yth-menu{display:none}.yth-grid{grid-template-columns:1fr 1fr}.yth-hero{padding-top:64px}.yth-footer-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:720px){.yth-tool-hero{grid-template-columns:1fr}.yth-tool-frame{height:1250px}.yth-tool-workspace-head{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.yth-container{width:min(calc(100% - 28px),var(--max))}.yth-grid{grid-template-columns:1fr}.yth-search{flex-direction:column}.yth-search .yth-btn{width:100%}.yth-actions .yth-btn:not(.yth-btn-primary){display:none}.yth-directory-toolbar{align-items:stretch}.yth-directory-search,.yth-directory-select{width:100%;min-width:100%}}