/*
Theme Name: tradegecko.com
Theme URI: https://tradegecko.com
Author: tradegecko.com
Author URI: https://tradegecko.com
Description: Lightweight 3D rectangle background theme with non-card manifest archives for broad useful web publishing.
Version: 1.3.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: tradegecko-com
*/

:root {
  --tg-paper: #f6f2e8;
  --tg-paper-2: #ebe3d4;
  --tg-ink: #17241f;
  --tg-muted: #52645d;
  --tg-rule: rgba(23, 36, 31, 0.48);
  --tg-green: #244c3d;
  --tg-rust: #9a4c32;
  --tg-gold: #d69b4c;
  --tg-sheet: rgba(246, 242, 232, 0.78);
  --tg-max: 1180px;
}

* {
  box-sizing: border-box;
}

body.tg-theme-body {
  margin: 0;
  min-height: 100vh;
  overflow-x: hidden;
  background: var(--tg-paper);
  color: var(--tg-ink);
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0;
  line-height: 1.55;
}

body.tg-theme-body a {
  color: inherit;
  text-decoration: none;
}

body.tg-theme-body img {
  max-width: 100%;
  height: auto;
}

.tg-stage {
  position: relative;
  min-height: 100vh;
  isolation: isolate;
  background:
    linear-gradient(90deg, rgba(23,36,31,.07) 1px, transparent 1px) 0 0 / 80px 80px,
    linear-gradient(180deg, var(--tg-paper), var(--tg-paper-2));
}

.tg-stage::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  background:
    radial-gradient(circle at 20% 20%, rgba(50,93,76,.12), transparent 32%),
    radial-gradient(circle at 82% 72%, rgba(160,84,47,.13), transparent 34%);
  pointer-events: none;
}

.tg-rect-scene {
  position: fixed;
  inset: -6vh -5vw auto auto;
  z-index: -1;
  width: min(860px, 78vw);
  height: min(620px, 70vh);
  perspective: 900px;
  pointer-events: none;
  opacity: .94;
}

.tg-soft-scene {
  opacity: .46;
}

.tg-rect-scene span {
  position: absolute;
  display: block;
  border: 1px solid rgba(23,36,31,.36);
  background: linear-gradient(135deg, rgba(255,255,255,.78), rgba(214,226,218,.52));
  box-shadow: 22px 28px 44px rgba(23,36,31,.12);
  transform-style: preserve-3d;
}

.tg-rect-scene span::after {
  content: "";
  position: absolute;
  inset: 8px -13px -13px 8px;
  border-right: 13px solid rgba(36,76,61,.18);
  border-bottom: 13px solid rgba(36,76,61,.2);
  transform: translateZ(-18px);
}

.tg-r1 { width: 420px; height: 180px; top: 38px; right: 90px; transform: rotateX(58deg) rotateZ(-15deg); }
.tg-r2 { width: 260px; height: 390px; top: 150px; right: 350px; transform: rotateX(64deg) rotateZ(12deg); background: linear-gradient(135deg, rgba(231,223,207,.84), rgba(255,255,255,.58)); }
.tg-r3 { width: 310px; height: 150px; top: 345px; right: 54px; transform: rotateX(55deg) rotateZ(-4deg); background: linear-gradient(135deg, rgba(210,151,73,.28), rgba(255,255,255,.58)); }
.tg-r4 { width: 170px; height: 260px; top: 255px; right: 650px; transform: rotateX(61deg) rotateZ(-28deg); background: linear-gradient(135deg, rgba(36,76,61,.18), rgba(255,255,255,.62)); }

.tg-page {
  width: min(var(--tg-max), calc(100% - 42px));
  margin: 0 auto;
  padding: 22px 0 42px;
}

.tg-top,
.tg-foot {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  color: var(--tg-muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.tg-top {
  padding: 10px 0 18px;
}

.tg-top a,
.tg-foot a {
  color: var(--tg-green);
}

.tg-brandline {
  display: grid;
  grid-template-columns: 120px minmax(0,1fr);
  gap: 22px;
  align-items: end;
  min-height: 450px;
  padding: 38px 0 44px;
  border-top: 2px solid var(--tg-ink);
  border-bottom: 1px solid var(--tg-ink);
}

.tg-mark {
  position: relative;
  display: grid;
  place-items: center;
  width: 96px;
  height: 96px;
  transform: rotateX(18deg) rotateY(-26deg);
  transform-style: preserve-3d;
  background: var(--tg-green);
  box-shadow: 16px 18px 0 rgba(23,36,31,.18);
}

.tg-mark::after {
  content: "";
  position: absolute;
  inset: 10px -15px -15px 10px;
  border-right: 15px solid rgba(23,36,31,.32);
  border-bottom: 15px solid rgba(23,36,31,.36);
  transform: translateZ(-20px);
}

.tg-mark img {
  width: 88px;
  position: relative;
  z-index: 1;
}

.tg-hero small,
.tg-archive-heading small,
.tg-single-copy small,
.tg-reference-copy small {
  display: block;
  margin-bottom: 13px;
  color: var(--tg-rust);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.tg-hero h1,
.tg-archive-heading h1,
.tg-single-copy h1,
.tg-reference-copy h1 {
  max-width: 850px;
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(52px, 9vw, 118px);
  line-height: .86;
  letter-spacing: 0;
}

.tg-hero p {
  max-width: 710px;
  margin: 24px 0 0;
  color: var(--tg-muted);
  font-size: 19px;
  line-height: 1.7;
}

.tg-rail-menu {
  display: grid;
  grid-template-columns: repeat(6, minmax(0,1fr));
  border-bottom: 1px solid var(--tg-ink);
  border-top: 1px solid var(--tg-ink);
  background: rgba(246,242,232,.72);
  backdrop-filter: blur(5px);
}

.tg-rail-menu a {
  min-height: 82px;
  padding: 14px 12px;
  border-right: 1px solid rgba(23,36,31,.35);
  color: var(--tg-ink);
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.tg-rail-menu a:last-child {
  border-right: 0;
}

.tg-rail-menu span {
  display: block;
  margin-bottom: 10px;
  color: var(--tg-rust);
  font-size: 11px;
}

.tg-manifest,
.tg-home-archive,
.tg-archive-heading,
.tg-single-layout,
.tg-reference-layout {
  background: rgba(246, 242, 232, 0.62);
  backdrop-filter: blur(2px);
}

.tg-manifest {
  display: grid;
  grid-template-columns: minmax(0,1fr) 280px;
  gap: 38px;
  padding: 42px 0;
  border-bottom: 1px solid var(--tg-ink);
}

.tg-line-table {
  display: grid;
  border-top: 2px solid var(--tg-ink);
}

.tg-line-row {
  display: grid;
  grid-template-columns: 92px minmax(0,1fr) 106px;
  gap: 18px;
  padding: 17px 0;
  border-bottom: 1px solid var(--tg-rule);
  align-items: start;
}

.tg-line-row b,
.tg-line-row em,
.tg-archive-item time,
.tg-operations-row time,
.tg-register-row time,
.tg-address-row time,
.tg-ledger-row b,
.tg-ledger-row em,
.tg-address-row span,
.tg-dispatch-row b,
.tg-audit-row b {
  color: var(--tg-rust);
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.tg-line-row h2,
.tg-archive-item h3,
.tg-operations-row h2,
.tg-ledger-row h2,
.tg-register-row h2,
.tg-address-row h2,
.tg-dispatch-row h2,
.tg-audit-row h2,
.tg-reference-register h3 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1.03;
}

.tg-line-row p,
.tg-archive-item p,
.tg-operations-row p,
.tg-ledger-row p,
.tg-register-row p,
.tg-address-row p,
.tg-dispatch-row p,
.tg-audit-row p,
.tg-reference-register p {
  margin: 8px 0 0;
  color: var(--tg-muted);
}

.tg-side-note {
  position: relative;
  padding-top: 10px;
}

.tg-side-note::before {
  content: "";
  display: block;
  width: 100%;
  height: 170px;
  margin-bottom: 22px;
  transform: rotateX(60deg) rotateZ(-10deg);
  transform-origin: center bottom;
  border: 1px solid var(--tg-ink);
  background:
    linear-gradient(90deg, rgba(23,36,31,.12) 1px, transparent 1px) 0 0 / 36px 36px,
    rgba(36,76,61,.17);
  box-shadow: 20px 28px 0 rgba(23,36,31,.1);
}

.tg-side-note h2,
.tg-home-archive h2,
.tg-single-meta h2,
.tg-reference-register h2 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 34px;
  line-height: 1;
}

.tg-side-note p,
.tg-home-archive > div > p {
  margin: 14px 0 0;
  color: var(--tg-muted);
  font-weight: 700;
}

.tg-home-archive,
.tg-single-layout,
.tg-reference-layout {
  display: grid;
  grid-template-columns: 300px minmax(0,1fr);
  gap: 34px;
  padding: 42px 0;
  border-bottom: 1px solid var(--tg-ink);
}

.tg-archive-list,
.tg-operations-list,
.tg-register-list,
.tg-address-list,
.tg-ledger-list,
.tg-dispatch-list,
.tg-audit-list {
  border-top: 2px solid var(--tg-ink);
}

.tg-archive-item,
.tg-operations-row,
.tg-address-row,
.tg-ledger-row {
  display: grid;
  grid-template-columns: 118px minmax(0,1fr);
  gap: 18px;
  padding: 22px 0;
  border-bottom: 1px solid var(--tg-rule);
}

.tg-ledger-row {
  grid-template-columns: 72px minmax(0,1fr) 90px;
}

.tg-address-row {
  grid-template-columns: 92px minmax(0,1fr) 90px;
}

.tg-register-row {
  padding: 24px 0;
  border-bottom: 1px solid var(--tg-rule);
}

.tg-register-row h2 {
  margin-top: 10px;
}

.tg-dispatch-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 0;
}

.tg-dispatch-row {
  min-height: 220px;
  padding: 22px;
  border-right: 1px solid var(--tg-rule);
  border-bottom: 1px solid var(--tg-rule);
}

.tg-dispatch-row:nth-child(2n) {
  border-right: 0;
}

.tg-audit-row {
  display: grid;
  grid-template-columns: 100px minmax(0,1fr);
  gap: 22px;
  padding: 22px 0;
  border-bottom: 1px solid var(--tg-rule);
}

.tg-audit-row > b {
  display: grid;
  place-items: center;
  min-height: 66px;
  border: 1px solid var(--tg-ink);
  color: var(--tg-green);
}

.tg-inner-head {
  display: grid;
  grid-template-columns: 210px minmax(0,1fr);
  gap: 22px;
  align-items: center;
  padding: 18px 0;
  border-bottom: 2px solid var(--tg-ink);
}

.tg-mini-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.tg-mini-brand img {
  width: 56px;
}

.tg-inner-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0;
}

.tg-inner-nav a {
  padding: 8px 11px;
  border-left: 1px solid rgba(23,36,31,.28);
  color: var(--tg-muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.tg-inner-nav a:hover,
.tg-inner-nav a.is-current {
  color: var(--tg-rust);
}

.tg-archive-heading {
  min-height: 330px;
  display: grid;
  align-content: end;
  padding: 42px 0;
  border-bottom: 1px solid var(--tg-ink);
}

.tg-archive-heading h1,
.tg-single-copy h1,
.tg-reference-copy h1 {
  font-size: clamp(44px, 7vw, 88px);
}

.tg-archive-description {
  max-width: 780px;
  margin-top: 22px;
  color: var(--tg-muted);
  font-size: 18px;
  line-height: 1.75;
}

.tg-pagination,
.tg-post-nav {
  display: flex;
  gap: 12px;
  padding: 26px 0 0;
}

.tg-pagination a,
.tg-post-nav a {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  padding: 9px 12px;
  border-top: 2px solid var(--tg-ink);
  color: var(--tg-green);
  font-weight: 900;
  text-transform: uppercase;
}

.tg-empty {
  margin: 30px 0;
  padding: 18px 0;
  border-top: 2px solid var(--tg-ink);
  border-bottom: 1px solid var(--tg-rule);
  color: var(--tg-muted);
  font-weight: 900;
}

.tg-empty.compact {
  margin: 18px 0 0;
}

.tg-single-meta {
  border-top: 2px solid var(--tg-ink);
  padding-top: 18px;
}

.tg-single-meta span {
  display: grid;
  grid-template-columns: 84px minmax(0,1fr);
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(23,36,31,.42);
  color: var(--tg-muted);
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.tg-single-meta b {
  color: var(--tg-ink);
}

.tg-single-copy,
.tg-reference-copy {
  border-top: 2px solid var(--tg-ink);
  padding-top: 18px;
}

.tg-entry-content {
  max-width: 880px;
  margin-top: 24px;
  color: #3f534a;
  font-size: 17px;
  line-height: 1.82;
}

.tg-single-copy .tg-entry-content {
  columns: 2 280px;
  column-gap: 46px;
}

.tg-entry-content p {
  margin: 0 0 16px;
}

.tg-entry-content h2,
.tg-entry-content h3 {
  margin: 32px 0 12px;
  color: var(--tg-ink);
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.16;
}

.tg-entry-content a {
  color: var(--tg-green);
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.tg-featured-image {
  margin: 26px 0 0;
}

.tg-featured-image img {
  width: 100%;
  border: 1px solid var(--tg-ink);
}

.tg-reference-layout {
  grid-template-columns: minmax(0,1fr) 360px;
}

.tg-reference-register {
  border-top: 2px solid var(--tg-ink);
  padding-top: 18px;
}

.tg-reference-register article {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr);
  gap: 14px;
  padding: 16px 0;
  border-bottom: 1px solid var(--tg-rule);
}

.tg-reference-register article > b {
  color: var(--tg-rust);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 24px;
}

.tg-reference-register h3 {
  font-size: 18px;
}

.tg-reference-register p {
  font-size: 14px;
}

.tg-foot {
  padding: 22px 0 0;
}

@media (max-width: 900px) {
  .tg-brandline,
  .tg-manifest,
  .tg-home-archive,
  .tg-inner-head,
  .tg-single-layout,
  .tg-reference-layout {
    grid-template-columns: 1fr;
  }

  .tg-rail-menu {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .tg-line-row,
  .tg-archive-item,
  .tg-operations-row,
  .tg-ledger-row,
  .tg-address-row,
  .tg-audit-row {
    grid-template-columns: 1fr;
  }

  .tg-inner-nav {
    justify-content: flex-start;
  }

  .tg-dispatch-list {
    grid-template-columns: 1fr;
  }

  .tg-dispatch-row {
    border-right: 0;
  }

  .tg-rect-scene {
    opacity: .45;
  }
}

@media (max-width: 560px) {
  .tg-page {
    width: min(100% - 24px, var(--tg-max));
  }

  .tg-rail-menu {
    grid-template-columns: 1fr;
  }

  .tg-hero h1,
  .tg-archive-heading h1,
  .tg-single-copy h1,
  .tg-reference-copy h1 {
    font-size: 48px;
  }

  .tg-brandline {
    min-height: 390px;
  }

  .tg-top,
  .tg-foot {
    display: grid;
  }
}