/*
Theme Name:   Tank Codex
Theme URI:    https://twitch.tv/hakooooom
Author:       Hakooooom
Author URI:   https://twitch.tv/hakooooom
Description:  The Tank Codex website as a WordPress theme: Mythic+ and raid codex for every tank spec, with the Ideas board built in. The front page is the Tank Codex site; normal pages and posts use the same Forge look.
Version:      2.0.3
Requires at least: 6.0
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  tankcodex
Tags:         dark, one-column, custom-menu
*/

/* The front page carries its own styles (front-page.php). These are for normal pages and posts. */
:root{
  --base:#120C0A; --rail:#0E0907; --panel:#1B1310; --panel-hi:#261A15; --edge:#3A2419; --edge-soft:#2C1C15;
  --text:#F3ECE6; --soft:#BBA597; --faint:#8F7A6E; --ember:#FF6A2B; --ember-hi:#FF8A4C; --gold-hi:#FFC15E;
  --f-display:"Barlow Condensed","Arial Narrow",Impact,sans-serif;
  --f-caps:"Roboto Condensed","Arial Narrow",sans-serif;
  --f-body:"Roboto",system-ui,"Segoe UI",sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{background:var(--base)}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--base) no-repeat fixed;color:var(--text);font:17px/1.65 var(--f-body);
  background-image:radial-gradient(900px 500px at 90% -5%,rgba(255,106,43,.12),transparent 60%)}
.tcx-main{flex:1}
a{color:var(--ember-hi)}
img{max-width:100%;height:auto}
.tcx-top{position:sticky;top:0;z-index:30;background:rgba(14,9,7,.92);border-bottom:1px solid var(--edge-soft)}
body.admin-bar .tcx-top{top:32px}
@media (max-width:782px){body.admin-bar .tcx-top{top:46px}}
@media (max-width:600px){body.admin-bar .tcx-top{top:0}}
.tcx-wrap{max-width:860px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.tcx-top .tcx-wrap{max-width:1200px;display:flex;align-items:center;justify-content:space-between;gap:16px;height:66px}
.tcx-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.tcx-brand img{width:34px;height:34px}
.tcx-brand b{font-family:var(--f-display);font-style:italic;font-weight:800;font-size:23px;color:var(--ember-hi)}
.tcx-brand b span{color:var(--gold-hi)}
.tcx-back{font-family:var(--f-caps);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--soft);text-decoration:none}
.tcx-back:hover{color:var(--text)}
.tcx-main{padding-block:48px 80px}
.tcx-main h1,.tcx-main h2,.tcx-main h3{font-family:var(--f-display);font-weight:800;line-height:1.05;text-wrap:balance}
.tcx-main h1{font-size:clamp(38px,6vw,58px);margin:0 0 10px}
.tcx-main h2{font-size:32px;margin:40px 0 10px}
.tcx-meta{font-family:var(--f-caps);font-weight:700;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:28px}
.tcx-entry{color:var(--soft)}
.tcx-entry p,.tcx-entry li{max-width:68ch}
.tcx-entry strong{color:var(--text)}
.tcx-entry code{font-family:var(--f-caps);color:var(--gold-hi);background:var(--rail);padding:1px 6px}
.tcx-entry blockquote{margin:20px 0;padding:10px 18px;border-left:3px solid var(--ember);background:var(--rail)}
.tcx-list{display:grid;gap:12px;list-style:none;padding:0;margin:0}
.tcx-card{display:block;padding:20px;text-decoration:none;color:var(--text);background:linear-gradient(180deg,var(--panel-hi),var(--panel));
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.tcx-card b{font-family:var(--f-display);font-size:26px;font-weight:700}
.tcx-card span{display:block;color:var(--soft);font-size:15px;margin-top:4px}
.tcx-foot{border-top:1px solid var(--edge-soft);background:var(--rail);color:var(--faint);font-size:14px;padding-block:28px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}