/*
Theme Name: RJ45 Networking Solutions
Theme URI: https://rj45.co.za/
Author: RJ45 Networking Solutions
Description: The RJ45 Networking Solutions website — seven designed pages, left-aligned on a single axis, built on the RJ45 brand guidelines. The design itself lives in assets/site.css and assets/align-left.css, which are the same files the static build uses.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: Proprietary — © RJ45 Networking Solutions (Pty) Ltd
Text Domain: rj45
*/

/* ─────────────────────────────────────────────────────────────────────────
   This file holds ONLY what exists because the site now runs on WordPress.
   Everything visual is in assets/site.css and assets/align-left.css — edit
   those, not this, so the static build and the live site never drift apart.
   ───────────────────────────────────────────────────────────────────────── */

/* The honeypot. Off-screen rather than display:none, because some bots skip
   fields that are explicitly hidden — and never reachable by keyboard. */
.rj45-hp{
  position:absolute !important;
  left:-9999px !important;
  width:1px; height:1px; overflow:hidden;
}

/* Keyboard users get a way past the header. Visible only once focused. */
.skip-link{
  position:absolute; left:-9999px; top:0; z-index:200;
  background:var(--ink); color:var(--offwhite);
  padding:12px 20px; font-family:'Figtree',sans-serif; font-size:14px; font-weight:600;
}
.skip-link:focus{left:0}

/* The admin bar is fixed, and so is the header — without this they overlap. */
.admin-bar header{top:32px}
@media (max-width:782px){ .admin-bar header{top:46px} }

/* Anything the editor produces on a page using the generic template still
   reads as this site rather than as raw WordPress output. */
.legal .wp-block-image img{max-width:100%; height:auto}
.legal ul,.legal ol{color:var(--n60); line-height:1.7; padding-left:22px}
.legal li{margin-bottom:8px}

/* The confirmation after a successful enquiry. Deliberately prominent - the old
   site's silent "thanks" is what let years of undelivered mail go unnoticed, and
   a person who is not sure it worked will simply leave. */
.rj45-thanks{
  margin:18px 0 0; padding:18px 20px;
  background:var(--offwhite); border:1px solid var(--n12); border-left:3px solid var(--gold);
  display:flex; flex-direction:column; gap:6px;
}
.rj45-thanks b{
  font-family:'Figtree',sans-serif; font-weight:600; font-size:16px;
  letter-spacing:-.01em; color:var(--ink);
}
.rj45-thanks span{font-size:14px; line-height:1.6; color:var(--n60)}
.rj45-thanks a{color:var(--gold-text)}