/*
Theme Name: BetterToolGuide Pro V5 Mobile Fixed
Theme URI: https://bettertoolguide.com/
Author: OpenAI
Description: Professional fast editorial WordPress theme for BetterToolGuide with clean English UI, compact header, stable single-post layouts, corrected related posts, and improved performance.
Version: 5.1.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: btgpro
*/

:root{
  --bg:#ffffff;
  --surface:#f7f3ef;
  --surface-2:#fcfaf8;
  --card:#ffffff;
  --ink:#111318;
  --muted:#666b73;
  --line:#eadfd7;
  --accent:#dfa385;
  --accent-2:#ca6b39;
  --accent-3:#f2c7b2;
  --radius:22px;
  --radius-sm:16px;
  --shadow:0 12px 30px rgba(17,19,24,.07);
  --container:1240px;
  --serif: Georgia, "Times New Roman", serif;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--accent-2);text-decoration:none;transition:color .2s ease,transform .2s ease}
a:hover{color:var(--ink)}
img{max-width:100%;height:auto;display:block}
figure{margin:0}
input,textarea,button,select{font:inherit}
button,input[type=submit],.button,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;background:var(--ink);color:#fff;padding:13px 18px;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
button:hover,input[type=submit]:hover,.button:hover,.wp-block-button__link:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.container{width:min(calc(100% - 32px),var(--container));margin:0 auto}
.site-shell{padding-bottom:36px}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:20px;z-index:1000;background:#fff;padding:8px 12px;border-radius:10px}
.screen-reader-text{position:absolute;left:-9999px}

.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.98);backdrop-filter:blur(12px);border-bottom:2px solid var(--accent)}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 0;min-height:84px}
.brand,.custom-logo-link{display:flex;align-items:center;gap:14px;color:var(--ink);min-width:0;max-width:100%}
.brand--pro{display:inline-flex;align-items:center;max-width:min(100%,320px)}
.brand-logo{display:block;width:320px;max-width:100%}
.brand-logo svg{display:block;width:100%;height:auto}
.custom-logo-link img{max-height:58px;width:auto}
.brand:hover{color:var(--ink)}
.site-nav{min-width:0;flex:1 1 auto}
.site-nav ul{display:flex;align-items:center;justify-content:flex-end;gap:8px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.site-nav a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;color:var(--ink);font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;line-height:1.1;white-space:nowrap}
.site-nav .current-menu-item>a,.site-nav a:hover{background:var(--surface);color:var(--accent-2)}
.menu-toggle{display:none}

.hero-panel{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:24px;padding:24px 0 10px}
.hero-main,.hero-side-card,.content-card,.widget,.author-box,.related-strip,.comments-area,.archive-hero,.post-navigation,.page-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.hero-main--split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);overflow:hidden}
.hero-main__copy--static{padding:30px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.hero-main__visual{display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#efc1ac);padding:18px;min-width:0}
.hero-main__visual img{width:100%;height:100%;min-height:320px;max-height:470px;object-fit:contain;object-position:center;border-radius:18px;background:#e4a686}
.eyebrow{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:var(--surface);color:var(--accent-2);font-size:.75rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;max-width:max-content}
.hero-title,.entry-title,.widget-title,.archive-title,.section-title,.page-title,.comments-title,.author-name,.footer-title{font-family:var(--serif);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:var(--ink)}
.hero-title{font-size:clamp(2rem,3.8vw,3.25rem);margin:16px 0 12px}
.hero-title a{color:inherit}
.hero-desc{color:var(--muted);margin:0 0 14px;font-size:1.02rem}
.hero-meta,.entry-meta,.archive-meta,.card-meta,.entry-footer-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;color:var(--muted);font-size:.95rem}
.hero-side{display:grid;gap:18px}
.hero-side-card{padding:24px}
.hero-side-card h3{margin:0 0 14px;font:800 1.8rem/1.05 var(--serif)}
.search-box{display:flex;gap:10px;align-items:stretch}
.search-box input,.comment-form input,.comment-form textarea{width:100%;border:1px solid var(--line);background:var(--surface-2);padding:14px 16px;border-radius:14px;outline:none}
.search-box input:focus,.comment-form input:focus,.comment-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(223,163,133,.18)}
.search-box button{padding-inline:18px;flex:0 0 auto}

.ticker-bar{margin-bottom:20px}
.btg-ticker{border:1px solid var(--line);border-radius:999px;background:#10131a;color:#fff;overflow:hidden;box-shadow:var(--shadow)}
.btg-ticker__inner{display:flex;align-items:center;gap:18px;padding:0 18px;min-height:58px}
.btg-ticker__label{flex:0 0 auto;font-size:.82rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#f3c6b1}
.btg-ticker__track{min-width:0;overflow:hidden;position:relative}
.btg-ticker__items{display:flex;align-items:center;gap:34px;list-style:none;margin:0;padding:0;white-space:nowrap;animation:btgticker 34s linear infinite}
.btg-ticker__items li{display:inline-flex;align-items:center}
.btg-ticker__items a{color:#fff;font-weight:800}
.btg-ticker__items a:hover{color:#f3c6b1}
@keyframes btgticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.content-grid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(280px,.82fr);gap:24px;align-items:start;padding-top:24px}.content-grid--home{padding-top:0}
.main-column{min-width:0}
.sidebar{position:sticky;top:94px;min-width:0}
.widget{padding:24px;overflow:hidden}
.widget+.widget{margin-top:18px}
.widget-title{font-size:1.9rem;margin:0 0 16px}
.sidebar-list,.footer-links,.comment-list{list-style:none;padding:0;margin:0}
.sidebar-list li+li{margin-top:14px}
.sidebar-list a{display:block;font-weight:700;line-height:1.42;overflow-wrap:anywhere}
.sidebar-list a:hover{transform:translateX(2px)}

.content-card,.page-card,.archive-hero,.related-strip,.comments-area{padding:28px;overflow:hidden}
.single-head{margin-bottom:20px}
.entry-title{font-size:clamp(2.15rem,4vw,3.5rem);margin:0 0 14px;overflow-wrap:anywhere}
.entry-summary{margin:14px 0 0;color:var(--muted);font-size:1.05rem}
.entry-thumb{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,var(--accent),#efc2ac)}
.entry-thumb--single{margin:8px 0 24px;max-height:420px;padding:18px;background:linear-gradient(135deg,var(--accent),#efc2ac)}
.entry-thumb--single img{width:100%;height:100%;max-height:384px;object-fit:contain;border-radius:18px;background:#e4a686}
.entry-thumb__fallback,.post-card__fallback{display:grid;place-items:center;min-height:100%;padding:24px;text-align:center;color:#fff;font-family:var(--serif);font-weight:900;line-height:1.12;text-shadow:0 2px 0 rgba(0,0,0,.18)}
.entry-thumb__fallback{min-height:280px;font-size:clamp(1.8rem,3vw,2.8rem)}
.entry-content{font-size:1.08rem;line-height:1.9;color:#222}.entry-content>*{max-width:100%;overflow-wrap:anywhere}
.entry-content>*:first-child{margin-top:0}
.entry-content h2,.entry-content h3,.entry-content h4{font-family:var(--serif);line-height:1.14;letter-spacing:-.02em;margin:1.5em 0 .55em}
.entry-content h2{font-size:1.9rem}
.entry-content h3{font-size:1.45rem}
.entry-content p,.entry-content ul,.entry-content ol,.entry-content blockquote,.entry-content pre,.entry-content table{margin:0 0 1.2em}
.entry-content ul,.entry-content ol{padding-left:1.25em}
.entry-content blockquote{padding:20px 22px;border-left:4px solid var(--accent);background:var(--surface-2);border-radius:0 18px 18px 0;font-style:italic}
.entry-content table{display:block;width:100%;overflow:auto;border-collapse:collapse}
.entry-content td,.entry-content th{border:1px solid var(--line);padding:10px 12px;text-align:left}
.entry-content pre{overflow:auto;padding:18px;border-radius:18px;background:#0c1730;color:#f7f7fb}
.entry-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.entry-content iframe,.entry-content embed,.entry-content object{max-width:100%}
.entry-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.entry-tags a{padding:9px 12px;background:var(--surface);border:1px solid var(--line);border-radius:999px;color:var(--ink);font-size:.84rem;font-weight:800}.entry-tags a:hover{background:var(--accent-3)}

.post-card{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 20px rgba(17,19,24,.05)}
.post-card+.post-card{margin-top:18px}
.post-card__thumb{border-radius:16px;overflow:hidden;background:linear-gradient(135deg,var(--accent),#efc2ac);aspect-ratio:4/3}
.post-card__thumb img{width:100%;height:100%;object-fit:contain;background:#e4a686}
.post-card__title{font:800 1.55rem/1.12 var(--serif);margin:0 0 10px;overflow-wrap:anywhere}
.post-card__title a{color:inherit}
.post-card__excerpt{margin:0 0 14px;color:var(--muted)}

.author-box{display:flex;gap:18px;align-items:flex-start;padding:24px;margin-top:22px}.author-avatar img{border-radius:50%}.author-name{font-size:1.6rem;margin:0 0 8px}.author-bio{margin:0;color:var(--muted)}
.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:24px;margin-top:22px}.post-navigation a{display:block;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2);color:var(--ink);min-height:100%}.post-navigation a:hover{background:var(--surface)}.nav-label{display:block;font-size:.78rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--accent-2);margin-bottom:8px}.nav-title{display:block;font:800 1.15rem/1.25 var(--serif)}.nav-next{text-align:right}

.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.slider-controls{display:flex;gap:10px}.slider-arrow{width:42px;height:42px;padding:0;border-radius:999px;font-size:1rem}.read-strip{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:8px}.read-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;min-width:calc(33.333% - 12px);scroll-snap-align:start}.read-card__thumb{display:block;background:linear-gradient(135deg,var(--accent),#efc2ac);aspect-ratio:16/9;padding:12px}.read-card__thumb img{width:100%;height:100%;object-fit:contain;border-radius:12px;background:#e4a686}.read-card__body{padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:220px}.read-card__meta{font-size:.88rem;color:var(--muted);margin-bottom:0}.read-card__title{font:800 1.3rem/1.16 var(--serif);margin:0;overflow-wrap:anywhere}.read-card__title a{color:inherit}.read-card .button{width:max-content;margin-top:auto}

.pagination{margin-top:26px}.nav-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.nav-links .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:800}.nav-links .current,.nav-links a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}

.comments-area{margin-top:22px}.comments-title{font-size:1.95rem;margin:0 0 12px}.comment-notes,.logged-in-as{color:var(--muted);margin:0 0 18px}.comment-list li{padding:16px 0;border-top:1px solid var(--line)}.comment-list li:first-child{border-top:0}.comment-form{display:grid;gap:14px}.comment-form-cookies-consent{display:flex;gap:10px;align-items:flex-start;font-size:.95rem;color:var(--muted)}.comment-form-cookies-consent input{width:auto;margin-top:4px}.form-submit{margin:0}.comment-form .submit{background:var(--ink)!important;color:#fff!important;opacity:1!important}

.archive-hero{margin-bottom:20px}.archive-title{font-size:2.5rem;margin:0 0 10px}
.not-found{padding:28px}

.site-footer{margin-top:34px;padding:34px 0 30px;border-top:1px solid var(--line);background:var(--surface-2)}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:24px}.footer-title{font-size:1.55rem;margin:0 0 12px}.footer-text{margin:0;color:var(--muted)}.footer-links li+li{margin-top:10px}.footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:20px;margin-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.95rem}

@media (max-width: 1120px){
  .hero-main--split{grid-template-columns:1fr}
  .hero-main__visual img{min-height:280px;max-height:380px}
  .content-grid{grid-template-columns:minmax(0,1fr) 320px}
  .read-card{min-width:calc(50% - 10px)}
}
@media (max-width: 1024px){
  .site-header__inner{flex-wrap:wrap;align-items:center;gap:14px;padding:10px 0 12px;min-height:auto}
  .brand--pro{max-width:250px}
  .brand-logo{width:250px}
  .menu-toggle{display:inline-flex;margin-left:auto}
  .site-nav{width:100%;display:none;flex:0 0 100%}
  .site-nav.is-open{display:block}
  .site-nav ul{justify-content:flex-start;gap:8px;padding-top:6px}
  .site-nav li{width:auto}
  .hero-panel,.content-grid,.footer-grid,.post-navigation{grid-template-columns:1fr}
  .sidebar{position:static}
  .read-card{min-width:72%}
  .btg-ticker__inner{padding:0 14px}
  .btg-ticker__items{gap:24px;animation-duration:28s}
}
@media (max-width: 768px){
  .container{width:min(calc(100% - 24px),var(--container))}
  .site-header{position:sticky}
  .brand,.custom-logo-link{width:auto;max-width:calc(100% - 72px)}
  .brand--pro{max-width:210px}
  .brand-logo{width:210px}
  .site-nav ul{flex-direction:column;align-items:stretch}
  .site-nav a{width:100%;justify-content:flex-start;padding:12px 14px}
  .hero-panel{padding:18px 0 10px}
  .hero-main--split{grid-template-columns:1fr;min-height:auto}
  .hero-main__copy--static{padding:22px}
  .hero-main__visual{padding:14px}
  .hero-main__visual img{min-height:220px;max-height:300px}
  .entry-thumb--single{padding:12px;max-height:none}
  .entry-thumb--single img{max-height:280px}
  .widget,.hero-side-card,.content-card,.page-card,.archive-hero,.related-strip,.comments-area{padding:20px}
  .entry-title,.hero-title{font-size:clamp(1.8rem,8vw,2.4rem)}
  .post-card{grid-template-columns:1fr}
  .post-card__thumb{aspect-ratio:16/10}
  .read-card{min-width:84%}
  .search-box{flex-direction:column}
  .search-box button,.read-card .button{width:100%}
  .comment-form-cookies-consent{align-items:flex-start}
}
@media (max-width: 540px){
  body{font-size:15px;line-height:1.68}
  .site-header__inner{padding:10px 0}
  .brand--pro{max-width:180px}
  .brand-logo{width:180px}
  .menu-toggle{padding:10px 12px;border-radius:12px}
  .hero-title,.entry-title{font-size:clamp(1.7rem,10vw,2.1rem)}
  .widget-title,.comments-title,.section-title{font-size:1.5rem}
  .hero-meta,.entry-meta,.archive-meta,.card-meta,.entry-footer-meta{gap:8px;font-size:.88rem}
  .read-card{min-width:88%}
  .read-card__body{min-height:unset}
  .slider-controls{display:none}
}