/* Techno Masters — EasyOrders storefront theme override.
   Built from the real page source (Next.js/Tailwind), not guesswork:
   colors are driven by --color-primary / --color-a11y as "R, G, B" triples
   (Tailwind's rgb(var(--x) / alpha) pattern) — overriding these recolors
   every bg-skin-primary / text-skin-a11y element site-wide. */

:root {
  --color-primary: 43, 9, 94;      /* Techno Masters purple #2b095e */
  --color-a11y: 255, 255, 255;     /* text/icons on primary background */
}

/* ---- Header ---- */
header.default_header {
  border-bottom: 1px solid #f0f0f0;
}

.default_header_logo a {
  font-weight: 800;
}

/* ---- Buttons (Tailwind utility overrides — !important since inline
   utility classes win specificity ties otherwise) ---- */
button, .btn, a.btn {
  border-radius: 999px !important;
  font-weight: 700 !important;
  transition: opacity 0.2s ease;
}

button:hover, .btn:hover, a.btn:hover {
  opacity: 0.85;
}

/* ---- Footer ---- */
footer {
  background: #1a043d !important;
  color: #fff !important;
}

footer h3 {
  color: #fff !important;
}

footer a {
  color: rgba(255, 255, 255, 0.75) !important;
}

footer a:hover {
  color: #fff !important;
}

/* "Powered by Easyorders" bar — hidden via CSS as a fallback; the script
   below removes it outright so no empty gap is left behind. */
footer .border-t.bg-skin-primary {
  display: none;
}