/*
Theme Name: CNTS Theme
Theme URI: https://cnts.life/
Author: CNTS
Description: Thin native WordPress shell for CNTS. Platform owns functionality; Design System owns presentation; this theme owns template plumbing, header, navigation and footer placement.
Version: 0.1.1
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: cnts-theme
*/

:root{
  --cnts-theme-header-h:76px;
  --cnts-theme-max:1240px;
  --cnts-theme-gutter:clamp(18px,3vw,42px);
  --cnts-theme-bg:#070809;
  --cnts-theme-text:#b9b3aa;
  --cnts-theme-heading:#e8e3da;
  --cnts-theme-gold:#d6b56d;
  --cnts-theme-red:#d71920;
}
*{box-sizing:border-box}
html{background:var(--cnts-theme-bg);scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--cnts-theme-bg);color:var(--cnts-theme-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
img{max-width:100%;height:auto}
a{color:inherit}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.screen-reader-text:focus{clip:auto!important;width:auto;height:auto;margin:12px;padding:10px 14px;z-index:100000;background:#fff;color:#111}

.cnts-theme-header{position:relative;z-index:10000;width:100%;background:rgba(7,8,9,.94);border-bottom:1px solid rgba(255,255,255,.10);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.cnts-theme-header__inner{width:min(calc(100% - (2 * var(--cnts-theme-gutter))),var(--cnts-theme-max));min-height:var(--cnts-theme-header-h);margin:0 auto;display:flex;align-items:center;gap:28px}
.cnts-theme-brand{display:inline-flex;align-items:center;flex:0 0 auto;text-decoration:none!important;color:var(--cnts-theme-heading)!important;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.cnts-theme-brand img{display:block;max-height:48px;width:auto}
.cnts-theme-brand__text{font-size:1.15rem}
.cnts-theme-nav{margin-left:auto;display:flex;align-items:center;min-width:0}
.cnts-theme-nav .menu{display:flex;align-items:center;gap:clamp(14px,2vw,28px);list-style:none;margin:0;padding:0}
.cnts-theme-nav .menu-item{position:relative;margin:0;padding:0}
.cnts-theme-nav .menu-item>a{display:inline-flex;align-items:center;min-height:42px;color:#e8e3da;text-decoration:none;font-size:.84rem;font-weight:800;letter-spacing:.04em}
.cnts-theme-nav .menu-item>a:hover,.cnts-theme-nav .current-menu-item>a{color:var(--cnts-theme-gold)}
.cnts-theme-nav .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:220px;list-style:none;margin:0;padding:10px;background:rgba(7,7,7,.98);border:1px solid rgba(255,255,255,.12)}
.cnts-theme-nav .menu-item:hover>.sub-menu,.cnts-theme-nav .menu-item:focus-within>.sub-menu{display:block}
.cnts-theme-nav .sub-menu a{display:block;padding:9px 10px;min-height:0}
body.cnts-native-theme .cnts-theme-menu-toggle{display:none!important;margin-left:auto!important;padding:9px 12px!important;border:1px solid rgba(214,181,109,.35)!important;background:rgba(14,14,14,.8)!important;color:#e8e3da!important;font:inherit!important;font-weight:800!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important;cursor:pointer!important}

.cnts-theme-main{width:100%;min-height:55vh;background:transparent}
.cnts-theme-main>article{width:100%;margin:0;background:transparent}
.cnts-theme-entry-content{width:100%;margin:0;background:transparent}
.cnts-theme-native-copy{width:min(calc(100% - (2 * var(--cnts-theme-gutter))),900px);margin:0 auto;padding:clamp(52px,7vw,96px) 0}
.cnts-theme-native-copy h1{color:var(--cnts-theme-heading);font-size:clamp(2.4rem,5vw,4.6rem);line-height:1;margin:0 0 28px}
.cnts-theme-loop{width:min(calc(100% - (2 * var(--cnts-theme-gutter))),var(--cnts-theme-max));margin:0 auto;padding:64px 0;display:grid;gap:18px}
.cnts-theme-loop article{padding:24px;background:rgba(15,17,19,.82);border:1px solid rgba(255,255,255,.10)}
.cnts-theme-loop h2{margin:0 0 10px;color:var(--cnts-theme-heading)}
.cnts-theme-loop a{text-decoration:none}

.cnts-theme-basic-footer{padding:32px var(--cnts-theme-gutter);border-top:1px solid rgba(255,255,255,.10);background:#070809;text-align:center;color:#8f8b84;font-size:.82rem}

@media(max-width:900px){
  .cnts-theme-header__inner{min-height:68px;flex-wrap:wrap;padding:10px 0}
  body.cnts-native-theme .cnts-theme-menu-toggle{display:inline-flex!important}
  .cnts-theme-nav{display:none;order:3;width:100%;margin:0;padding:8px 0 14px}
  .cnts-theme-nav.is-open{display:block}
  .cnts-theme-nav .menu{display:grid;gap:2px;width:100%}
  .cnts-theme-nav .menu-item>a{width:100%;padding:9px 4px}
  .cnts-theme-nav .sub-menu{position:static;display:block;min-width:0;padding:0 0 0 16px;background:transparent;border:0}
  .cnts-theme-nav .cnts-nav-account-card{justify-self:start;margin-top:6px}
}
