/*
Theme Name: RockLAN Dark (TT4 Child)
Template: twentytwentyfour
Version: 0.1.0
Text Domain: rocklan-dark
*/

:root{--rl-bg:#0f1115;--rl-surface:#151a21;--rl-text:#e6e6e6;--rl-muted:#a7b0bf;--rl-link:#8ab4ff;--rl-border:#2a3340;}
body{background:var(--rl-bg);color:var(--rl-text);} a{color:var(--rl-link);} hr{border-color:var(--rl-border);} blockquote{background:var(--rl-surface);border-left:4px solid var(--rl-border);color:var(--rl-muted);padding:1rem 1.25rem;} pre,code,.wp-block-code code{background:var(--rl-surface);color:var(--rl-text);border:1px solid var(--rl-border);} pre{padding:1rem;overflow-x:auto;} table{width:100%;border-collapse:collapse;} th,td{border:1px solid var(--rl-border);padding:.5rem .75rem;} .wp-block-table{overflow-x:auto;} .wp-block-post-content,.entry-content{max-width:1400px;margin:0 auto;padding:0 2rem;} .wp-block-post-content pre,.wp-block-post-content table{max-width:100%;overflow-x:auto;}



/* RockLAN width normalize (Obsidian paste) */
.wp-block-post-content > * { max-width: 1400px; margin-left: auto; margin-right: auto; }
.wp-block-post-content > *.alignwide,
.wp-block-post-content > *.alignfull { max-width: 1400px !important; width: 100% !important; }

.wp-block-post-content .wp-block-group { max-width: 1400px; }
.wp-block-post-content .wp-block-group.alignwide,
.wp-block-post-content .wp-block-group.alignfull { max-width: 1400px !important; }

.wp-block-post-content pre,
.wp-block-post-content table { max-width: 100%; overflow-x: auto; }

/* RockLAN brand layer (match tatomenterprises.com style) */
:root{
  --rl-bg-2:#0b0d10;
  --rl-card: rgba(20, 24, 31, .85);
  --rl-card-border: rgba(255,255,255,.08);
  --rl-shadow: 0 10px 40px rgba(0,0,0,.45);
  --rl-radius: 18px;
}

/* Background glow similar to main site */
body{
  background:
    radial-gradient(900px 500px at 20% 15%, rgba(50,90,40,.35), transparent 60%),
    radial-gradient(800px 450px at 70% 20%, rgba(20,60,90,.25), transparent 60%),
    linear-gradient(180deg, var(--rl-bg) 0%, var(--rl-bg-2) 100%);
}

/* Card surface style for Groups/Quotes */
.wp-block-group.is-style-card,
.wp-block-quote,
.wp-block-pullquote{
  background: var(--rl-card);
  border: 1px solid var(--rl-card-border);
  border-radius: var(--rl-radius);
  box-shadow: var(--rl-shadow);
}

/* Buttons / pill links */
.wp-element-button,
.wp-block-button__link{
  border-radius: 999px;
  padding: .65rem 1rem;
  border: 1px solid rgba(255,255,255,.10);
}

/* Headings: stronger, modern */
h1,h2,h3{
  letter-spacing: -0.02em;
}

/* ---------- Tatom homepage runbook theme (docs) ---------- */
/* Matches www.tatomenterprises.com variables and card style */
:root{
  --bg: #0b0b0b;
  --panel: #161616;
  --panel-2: #0f0f0f;
  --border: #2a2a2a;
  --text: #e7e7e7;
  --muted: #b5b5b5;
  --accent: #c9f27c;
  --accent-ink: #0f0f0f;
  --radius: 16px;
  --shadow: 0 6px 20px rgba(0,0,0,.35);
}

/* Only apply to pages using the runbook template wrapper */
body{ background: var(--bg); color: var(--text); }

.tatom-runbook{ color: var(--text); padding-bottom: 40px; }
.tatom-runbook .panel{
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
.tatom-runbook .pad{ padding: 22px; }

.tatom-runbook .tatom-hero{ margin: 18px 0; }
.tatom-runbook .tatom-sub{
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.tatom-runbook h1{
  margin: 0;
  font-size: clamp(32px, 4.2vw, 48px);
  line-height: 1.15;
  font-weight: 800;
}
.tatom-runbook h2{
  margin-top: 34px;
  margin-bottom: 12px;
  font-size: clamp(22px, 2.6vw, 28px);
  font-weight: 800;
}
.tatom-runbook h3{
  margin-top: 22px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 800;
}
.tatom-runbook p, .tatom-runbook li{ color: var(--text); }

/* Quotes as panels */
.tatom-runbook blockquote.wp-block-quote{
  background: var(--panel);
  border: 1px solid var(--border);
  border-left: 4px solid var(--accent);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 16px 18px;
  margin: 18px 0;
}
.tatom-runbook blockquote.wp-block-quote p{ margin: 0; }
.tatom-runbook blockquote.wp-block-quote strong{ color: var(--accent); }

/* Separator */
.tatom-runbook hr.wp-block-separator{
  border: 0;
  border-top: 1px solid var(--border);
  margin: 26px 0;
  opacity: 1;
}

/* Code blocks */
.tatom-runbook pre.wp-block-code{
  background: var(--panel-2);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 14px 16px;
  overflow-x: auto;
  box-shadow: var(--shadow);
}

/* Tables */
.tatom-runbook figure.wp-block-table{ overflow-x:auto; }
.tatom-runbook table{
  width: 100%;
  border-collapse: collapse;
  min-width: 760px;
  background: var(--panel);
  border: 1px solid var(--border);
}
.tatom-runbook th, .tatom-runbook td{
  border: 1px solid var(--border);
  padding: 10px 12px;
  color: var(--text);
}
.tatom-runbook thead th{
  background: rgba(255,255,255,.03);
  font-weight: 800;
}

/* Links + focus */
.tatom-runbook a{ color: var(--accent); }
.tatom-runbook :focus-visible{
  outline:2px solid var(--accent);
  outline-offset:2px;
  border-radius:6px;
}