/* === JAMSAE BRAND STYLE - FINAL RECOVERY === */
:root {
  --js-black: #111111;
  --js-white: #ffffff;
  --js-gray-light: #f5f5f5;
  --js-gray-mid: #e0e0e0;
  --js-font: 'Montserrat', 'Arial', sans-serif;
}

/* 1. Only style the content area */
.sstpe-page {
  font-family: var(--js-font) !important;
  color: var(--js-black) !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: 48px 24px !important;
  line-height: 1.75 !important;
}

.sstpe-page h1 { font-size: 2em !important; font-weight: 700 !important; color: var(--js-black) !important; text-align: center !important; margin-bottom: 20px !important; }
.sstpe-page h2 { font-size: 1.15em !important; font-weight: 700 !important; color: var(--js-black) !important; margin-top: 48px !important; border-bottom: 1px solid var(--js-gray-mid) !important; padding-bottom: 8px !important; }
.sstpe-page p { font-size: 0.95em !important; color: #333 !important; }
.sstpe-page .subtitle { color: #666 !important; text-align: center !important; margin-bottom: 32px !important; }

/* 2. Style Tables */
.sstpe-page table { width: 100% !important; border-collapse: collapse !important; margin: 32px 0 !important; }
.sstpe-page th { background: var(--js-black) !important; color: var(--js-white) !important; padding: 12px 16px !important; text-align: left !important; }
.sstpe-page td { padding: 12px 16px !important; border-bottom: 1px solid var(--js-gray-mid) !important; }
.sstpe-page tr:nth-child(even) td { background: var(--js-gray-light) !important; }

/* 3. Style Images & CTA */
.sstpe-page img { max-width: 100% !important; height: auto !important; display: block !important; margin: 20px auto !important; }
.sstpe-page .cta-box { background: var(--js-gray-light) !important; border: 1px solid var(--js-gray-mid) !important; padding: 24px !important; text-align: center !important; margin-top: 40px !important; }
.sstpe-page a { color: var(--js-black) !important; font-weight: 600; }

/* 4. FORCE GLOBAL HEADER RECOVERY (CRITICAL) */
/* This targets every possible element in the UEEShop navigation bar */
header a, 
.header-container a,
.header-navigation a, 
.nav-item a, 
.menu-item a,
.header-right-meta a, 
.header-right-meta span, 
.shopping-bag-count, 
.main_title {
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Ensure background of header stays dark if that was intended */
#header, .header-wrapper, header {
  background-color: #000000 !important;
}

/* Footer Fix */
#footer a, .ly_footer_74 a { color: #ffffff !important; }

@media (max-width: 640px) {
  .sstpe-page h1 { font-size: 1.5em !important; }
}