/**
 * Light theme override for globewyze_forest.html
 * Maps forest (dark) theme to websitedoc (light) theme without modifying the HTML.
 * Load this stylesheet after the page's inline styles.
 */

/* ── CSS variable overrides: forest → light (websitedoc) ── */
:root {
  --forest-deep: #F7F6F1;
  --forest-dark: #EFEFEA;
  --forest-mid: #E4E3DC;
  --forest-warm: #E4E3DC;
  --spring: #4e8a26;
  --spring-light: #6BBF3E;
  --cream: #111210;
  --cream-dim: #262720;
  --cream-faint: #555650;
  --cream-ghost: rgba(17, 18, 16, 0.08);
  --gold: #2D5016;
  --white: #FFFFFF;
  --radius: 2px;
}

/* Remove noise texture overlay */
body::after {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Logo: remove dark-theme filters (mix-blend-mode, filter) */
.nav-logo img,
.footer-logo img {
  mix-blend-mode: normal !important;
  filter: none !important;
}

/* ── Nav ── */
nav {
  background: rgba(247, 246, 241, 0.97) !important;
  border-bottom-color: #E4E3DC !important;
}

.nav-links a {
  color: #3A3B37 !important;
}

.nav-links a:hover,
.nav-links a:focus-visible {
  color: #111210 !important;
}

.nav-dropdown {
  background: #FFFFFF !important;
  border-color: #E4E3DC !important;
  border-top-color: #4e8a26 !important;
  box-shadow: 0 8px 32px rgba(17, 18, 16, 0.08) !important;
}

.nav-dropdown a {
  color: #555650 !important;
}

.nav-dropdown a:hover {
  color: #111210 !important;
  background: #F7F6F1 !important;
}

.nav-cta {
  color: #FFFFFF !important;
  background: #2D5016 !important;
}

.nav-cta:hover,
.nav-cta:focus-visible {
  background: #4e8a26 !important;
  outline-color: #4e8a26 !important;
}

.hamburger span {
  background: #111210 !important;
}

.hamburger:focus-visible {
  outline-color: #4e8a26 !important;
}

/* ── Mobile menu ── */
.mobile-menu {
  background: rgba(247, 246, 241, 0.99) !important;
}

.mob-group-title {
  border-bottom-color: #E4E3DC !important;
}

.mob-link {
  color: #111210 !important;
}

.mob-link:hover,
.mob-link:focus-visible {
  color: #4e8a26 !important;
}

.mob-sub-link:hover {
  color: #111210 !important;
}

.mob-cta {
  background: #2D5016 !important;
  color: #FFFFFF !important;
}

.mob-cta:hover {
  background: #4e8a26 !important;
}

/* ── Hero ── */
.hero-eyebrow {
  color: #2D5016 !important;
}

.hero-left {
  background: #FFFFFF !important;
}

.hero-left::before {
  display: none !important;
}

.hero-right {
  background: #F7F6F1 !important;
}

.hero-right::before {
  display: none !important;
}

.hero-grid {
  background: #E4E3DC !important;
}

.hero-grid-cell:nth-child(1) {
  background: #EFEFEA !important;
}

.hero-grid-cell:nth-child(2) {
  background: #F7F6F1 !important;
}

.hero-grid-cell:nth-child(3) {
  background: #EEEDE6 !important;
}

.grid-stat-lbl {
  color: #555650 !important;
  font-weight: 700 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

.grid-accent {
  border-color: rgba(78, 138, 38, 0.25) !important;
}

.grid-accent::after {
  background: #4e8a26 !important;
}

/* ── Section labels (match PARTNER WITH US button) ── */
.section-label {
  color: #2D5016 !important;
}

/* ── Buttons ── */
.btn-primary {
  background: #2D5016 !important;
  color: #FFFFFF !important;
}

.btn-primary:hover {
  background: #4e8a26 !important;
}

.btn-primary:focus-visible {
  outline-color: #4e8a26 !important;
}

.btn-ghost {
  color: #1a1b18 !important;
}

.btn-outline {
  border-color: rgba(45, 80, 22, 0.4) !important;
  color: #2D5016 !important;
}

.btn-outline:hover {
  background: #2D5016 !important;
  color: #FFFFFF !important;
  border-color: #2D5016 !important;
}

.btn-outline:focus-visible {
  outline-color: #4e8a26 !important;
}

/* ── Ticker ── */
.ticker {
  background: #111210 !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}

.ticker-item {
  color: rgba(247, 246, 241, 0.82) !important;
}

.ticker-dot {
  color: #6BBF3E !important;
  opacity: 0.8 !important;
}

/* ── Sections ── */
.section {
  background: #FFFFFF !important;
}

/* ── Model cards ── */
.model-grid {
  background: #E4E3DC !important;
  border-color: #E4E3DC !important;
}

.model-card {
  background: #FFFFFF !important;
}

.model-card:hover {
  background: #F7F6F1 !important;
}

/* ── Partners ── */
.partners-section .section-title {
  color: #111210 !important;
}

.partner-logo {
  background: #FFFFFF !important;
  border-color: #E4E3DC !important;
}

.partner-logo:hover {
  background: #F7F6F1 !important;
  border-color: rgba(78, 138, 38, 0.3) !important;
}

.partner-logo img {
  filter: none !important;
}

/* ── Technology ── */
.tech-section {
  background: #F7F6F1 !important;
}

.domain-pill {
  border-color: rgba(45, 80, 22, 0.25) !important;
  color: #2D5016 !important;
  background: transparent !important;
}

.svc-card {
  background: #FFFFFF !important;
  border-color: #E4E3DC !important;
}

.svc-card:hover {
  border-color: rgba(78, 138, 38, 0.35) !important;
  background: #FFFFFF !important;
  box-shadow: 0 4px 20px rgba(17, 18, 16, 0.06) !important;
}

.svc-list li {
  color: #555650 !important;
}

.svc-list li::before {
  background: #4e8a26 !important;
  opacity: 0.6 !important;
}

/* ── Section pages: show reveal content immediately (no scroll script) ── */
body.section-page .reveal {
  opacity: 1 !important;
  transform: none !important;
}

/* ── Marketing ── */
.mkt-section {
  background: #FFFFFF !important;
}

.mkt-section .cta-desc {
  color: var(--cream-faint) !important;
}

.pain-card {
  background: #F7F6F1 !important;
}

/* ── Business section ── */
.biz-section {
  background: #EFEFEA !important;
}

/* ── Verticals ── */
.verticals {
  background: #F7F6F1 !important;
}

.vert-card {
  background: #FFFFFF !important;
  border-color: #E4E3DC !important;
}

.vert-card:hover {
  border-color: rgba(78, 138, 38, 0.3) !important;
  background: #FFFFFF !important;
  box-shadow: 0 4px 24px rgba(17, 18, 16, 0.07) !important;
}

.vert-letter {
  color: rgba(45, 80, 22, 0.04) !important;
}

.vert-tag {
  border-color: rgba(78, 138, 38, 0.25) !important;
  background: transparent !important;
}

.vert-list li::before {
  background: #4e8a26 !important;
  opacity: 0.6 !important;
}

/* ── Portfolio ── */
.portfolio-section {
  background: #FFFFFF !important;
}

.filter-btn {
  border-color: #E4E3DC !important;
  color: #555650 !important;
}

.filter-btn:hover,
.filter-btn.active {
  background: #2D5016 !important;
  color: #FFFFFF !important;
  border-color: #2D5016 !important;
}

.filter-btn:focus-visible {
  outline-color: #4e8a26 !important;
}

.port-card {
  background: #F7F6F1 !important;
  border-color: #E4E3DC !important;
}

.port-card:hover {
  border-color: rgba(78, 138, 38, 0.3) !important;
  box-shadow: 0 8px 28px rgba(17, 18, 16, 0.08) !important;
}

.port-logo {
  background: rgba(78, 138, 38, 0.08) !important;
  border-color: rgba(78, 138, 38, 0.25) !important;
}

.port-logo-initials {
  color: #2D5016 !important;
}

/* ── Why section (dark in light theme) ── */
.why {
  background: #111210 !important;
  color: #F7F6F1 !important;
}

.why .section-label {
  color: rgba(247, 246, 241, 0.55) !important;
}

.why .section-title {
  color: #F7F6F1 !important;
}

.why-grid {
  background: rgba(247, 246, 241, 0.06) !important;
}

.why-item {
  background: #111210 !important;
}

.why-item:hover {
  background: #2A2B28 !important;
}

.why-num {
  color: rgba(247, 246, 241, 0.22) !important;
}

.why-title {
  color: #F7F6F1 !important;
}

.why-body {
  color: rgba(247, 246, 241, 0.75) !important;
}

/* ── Apply section ── */
.apply-section {
  background: #F7F6F1 !important;
}

.form-legend {
  border-bottom-color: #E4E3DC !important;
}

.form-input,
.form-select,
.form-textarea {
  background: #FFFFFF !important;
  border-color: #E4E3DC !important;
  color: #111210 !important;
}

.form-input:focus,
.form-select:focus,
.form-textarea:focus {
  border-color: #4e8a26 !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 3px rgba(78, 138, 38, 0.08) !important;
}

.form-input::placeholder,
.form-textarea::placeholder {
  color: rgba(17, 18, 16, 0.25) !important;
}

.form-select option {
  background: #FFFFFF !important;
  color: #111210 !important;
}

.form-checkbox span,
.form-radio span {
  color: #262720 !important;
}

.form-privacy {
  background: #FFFFFF !important;
  border-color: #E4E3DC !important;
  color: #555650 !important;
}

.form-privacy strong {
  color: #111210 !important;
}

.form-success-msg {
  background: rgba(78, 138, 38, 0.06) !important;
  border-color: rgba(78, 138, 38, 0.25) !important;
  color: #2D5016 !important;
}

/* ── CTA section ── */
.cta-section {
  background: #FFFFFF !important;
}

.cta-bg {
  background: radial-gradient(
    ellipse 60% 50% at 50% 50%,
    rgba(78, 138, 38, 0.04) 0%,
    transparent 70%
  ) !important;
}

.cta-title {
  color: #111210 !important;
}

.cta-title span {
  color: #4e8a26 !important;
}

.cta-sub {
  color: #555650 !important;
}

/* ── Address strip ── */
.address-strip {
  background: #EFEFEA !important;
  border-top-color: #E4E3DC !important;
}

.addr-icon {
  border-color: #E4E3DC !important;
  background: #FFFFFF !important;
}

.addr-text {
  color: #555650 !important;
}

.addr-text strong {
  color: #111210 !important;
}

.addr-text a {
  color: #2D5016 !important;
}

/* ── Footer ── */
footer {
  background: #F7F6F1 !important;
  border-top-color: #E4E3DC !important;
}

.footer-heading {
  color: #111210 !important;
}

.footer-email-input {
  border-bottom-color: rgba(78, 138, 38, 0.3) !important;
  color: #111210 !important;
}

.footer-email-input::placeholder {
  color: #555650 !important;
}

.footer-newsletter-btn {
  border-color: rgba(78, 138, 38, 0.4) !important;
  color: #2D5016 !important;
}

.footer-newsletter-btn:hover {
  background: #4e8a26 !important;
  color: #FFFFFF !important;
}

.footer-newsletter-note {
  color: #555650 !important;
}

.footer-links a {
  color: #555650 !important;
}

.footer-links a:hover,
.footer-links a:focus-visible {
  color: #111210 !important;
}

.footer-contact-text {
  color: #555650 !important;
}

.footer-copy {
  color: #555650 !important;
}

/* ── Cursor (when visible) ── */
@media (pointer: fine) {
  .cursor {
    background: #4e8a26 !important;
  }

  .cursor-ring {
    border-color: rgba(78, 138, 38, 0.3) !important;
  }
}

/* ── Focus visible ── */
:focus-visible {
  outline-color: #4e8a26 !important;
}