/* TG77 unified navy/gold theme — overrides Flatsome on supporting pages
   to match the redesigned homepage. Loaded last so it wins the cascade. */
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,500;6..96,700;6..96,900&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  --primary-color:#d4af37 !important;
  --tg-bg:#04102a; --tg-navy-3:#071630; --tg-panel-a:#143864; --tg-panel-b:#0a1c3c;
  --tg-gold:#d4af37; --tg-gold-deep:#b8860b; --tg-cream:#fbf1cf; --tg-heading:#f3ebd6;
  --tg-gold-text:#e6cf86; --tg-body:#d6e0f2; --tg-warm:#cdbf95; --tg-line:rgba(120,170,255,.18);
}

/* ---- base ---- */
body{
  font-family:'Manrope',system-ui,-apple-system,sans-serif !important;
  color:var(--tg-body) !important;
  background:
    radial-gradient(2px 2px at 18% 8%,rgba(255,255,255,.5),transparent),
    radial-gradient(2px 2px at 72% 5%,rgba(255,255,255,.4),transparent),
    radial-gradient(1.5px 1.5px at 42% 14%,rgba(255,255,255,.35),transparent),
    radial-gradient(1.5px 1.5px at 86% 18%,rgba(255,255,255,.3),transparent),
    radial-gradient(2px 2px at 10% 22%,rgba(255,255,255,.3),transparent),
    radial-gradient(135% 26% at 50% -3%,#1e4a8a 0%,#0e2c5e 38%,#071630 100%),
    var(--tg-bg) !important;
  background-repeat:no-repeat !important;background-attachment:fixed !important;
}
#wrapper,#main,.page-wrapper{background:transparent !important;}

/* ---- headings / links ---- */
h1,h2,h3,h4,.entry-title,.is-larger,.heading-font{
  font-family:'Bodoni Moda',serif !important;color:var(--tg-heading) !important;
}
.entry-title a{color:var(--tg-heading) !important;}
.entry-title a:hover{color:var(--tg-gold) !important;}
#content a{color:var(--tg-gold-text);}
#content a:hover{color:var(--tg-gold);}
.breadcrumbs a,.breadcrumbs{color:var(--tg-warm) !important;}
.breadcrumbs a:hover{color:var(--tg-gold) !important;}
p,li,span,td{color:var(--tg-body);}
strong{color:var(--tg-cream);}

/* header & footer chrome now come from tg-chrome.css (shared site-wide) */

/* ---- content buttons (red→gold / blue→orange) ---- */
.button.primary,.button.is-outline.primary:hover,input[type=submit].primary,
.header-button .button.primary{
  background:linear-gradient(135deg,var(--tg-cream),var(--tg-gold) 50%,var(--tg-gold-deep)) !important;
  color:#1a1206 !important;border-color:transparent !important;
}
/* the secondary blue "log in"-style button -> orange */
.button.secondary,.header-button .button.secondary{
  background:linear-gradient(135deg,#ffe082,#ffa72e 55%,#ff7a00) !important;color:#3a1700 !important;border:0 !important;
}
.button.is-outline{border-color:rgba(212,175,55,.5) !important;color:var(--tg-gold-text) !important;}

/* ---- content panels / boxes / sidebar ---- */
.box-shadow-2,.box .box-image,.entry-content,.is-well,
.widget,.ux-box,.blog-share,.post-sidebar .widget{background-color:transparent !important;}
.entry-content,article .entry-content,.single-post .entry-content,
.archive .post-item,.blog-wrapper .post-item{
  background:linear-gradient(160deg,rgba(20,56,100,.40),rgba(10,28,60,.55)) !important;
  border:1px solid var(--tg-line) !important;border-radius:16px !important;
}
.widget{border:1px solid var(--tg-line);border-radius:14px;padding:16px !important;
  background:linear-gradient(160deg,rgba(20,56,100,.35),rgba(10,28,60,.5)) !important;margin-bottom:18px;}
.widget-title,.widget .is-divider{color:var(--tg-heading) !important;}
.search-form input,input[type=text],input[type=search],input[type=email],textarea{
  background:rgba(4,12,30,.6) !important;border:1px solid var(--tg-line) !important;color:#eaf1ff !important;}

/* dividers / accents that were red */
.is-divider{background-color:rgba(212,175,55,.5) !important;}
.cat-links a,.post-meta a,.meta a{color:var(--tg-gold-text) !important;}