/*
Theme Name: Chatit Fun Custom
Theme URI: https://chatit.fun/
Author: Chatit
Description: Customizable, responsive community theme compatible with Chatit plugins. Includes colors, branding, favicon, SEO and optional public discussion URLs.
Version: 2.0.3
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: threadhub-fun
*/
:root{--tf-brand:#f65335;--tf-ink:#17202b;--tf-muted:#687584;--tf-line:#e4e9ee;--tf-bg:#f5f7fa;--tf-surface:#fff;--tf-width:1320px;--tf-radius:15px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--tf-bg);color:var(--tf-ink);font:16px/1.55 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--tf-brand)}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--tf-brand);outline-offset:3px}.tf-skip{position:absolute;left:-9999px;top:0;z-index:999}.tf-skip:focus{left:10px;top:10px;background:#fff;padding:10px}.tf-header{background:var(--tf-surface);border-bottom:1px solid var(--tf-line);position:sticky;top:0;z-index:90}.tf-bar{max-width:var(--tf-width);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;gap:16px}.tf-logo{font-weight:850;font-size:23px;letter-spacing:-.6px;display:flex;align-items:center;gap:9px;min-width:0}.tf-logo span:last-child{overflow-wrap:anywhere}.tf-logo-mark{display:inline-grid;place-items:center;background:var(--tf-brand);color:#fff;border-radius:12px;min-width:36px;height:36px;font-size:22px}.tf-custom-logo{max-width:210px;max-height:56px;width:auto;height:auto;object-fit:contain}.tf-tagline{color:var(--tf-muted);font-size:13px;margin-right:auto}.tf-nav,.tf-menu{display:flex;align-items:center;gap:17px;font-size:14px;list-style:none;margin:0;padding:0}.tf-nav a.tf-join{background:var(--tf-brand);padding:9px 15px;border-radius:25px;color:white;font-weight:700}.tf-main{max-width:var(--tf-width);margin:24px auto;padding:0 20px;min-height:65vh}.tf-content{background:var(--tf-surface);border:1px solid var(--tf-line);border-radius:var(--tf-radius);padding:32px;max-width:900px;margin:auto;overflow-wrap:anywhere}.tf-content h1{font-size:clamp(24px,3vw,32px)}.tf-content img{max-width:100%;height:auto}.tf-content a:not(.button){color:var(--tf-brand)}.tf-footer{padding:25px 15px;text-align:center;color:var(--tf-muted);font-size:13px;border-top:1px solid var(--tf-line);display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.tf-footer .tf-menu{font-size:13px}.tf-footer a{margin:0 7px}.tf-alert{padding:20px;background:var(--tf-surface);border:1px solid var(--tf-line);border-radius:var(--tf-radius);max-width:800px;margin:40px auto}.screen-reader-text{position:absolute;left:-9999px}@media(max-width:800px){.tf-tagline{display:none}.tf-bar{padding:10px 12px}.tf-nav,.tf-menu{gap:10px}.tf-nav a{font-size:12px}.tf-nav .tf-hide-mobile{display:none}.tf-main{margin:12px auto;padding:0 8px}.tf-content{padding:18px}.tf-custom-logo{max-width:150px}}@media(max-width:460px){.tf-logo{font-size:17px}.tf-logo-mark{min-width:30px;height:30px;font-size:18px}.tf-nav{gap:7px}.tf-nav a.tf-join{padding:7px 10px}}