/* =====================================
   BIOXstore – Balanced Mint (Readable)
   Header & Footer: mint accents without losing contrast
   ===================================== */

:root{
  --biox-mint:#6FC6B5;
  --biox-dark:#1F1F1F;
  --biox-muted:#54606a;
  --biox-border:#e9eef0;
}

/* ============ HEADER ============ */
/* Main header links/icons mint */
header a, header i, header svg,
.s-header a, .s-header i, .s-header svg,
.site-header a, .site-header i, .site-header svg{
  color: var(--biox-mint) !important;
  fill: var(--biox-mint) !important;
}

/* Small texts in header (email, helper text) darker for readability */
header span, header p,
.s-header span, .s-header p,
.site-header span, .site-header p{
  color: var(--biox-muted) !important;
}

/* Search: keep border mint but text dark */
header input, .s-header input, .site-header input{
  border-color: rgba(111,198,181,.55) !important;
  color: var(--biox-dark) !important;
}
header input::placeholder, .s-header input::placeholder{
  color: rgba(84,96,106,.75) !important;
}

/* ============ FOOTER ============ */
/* Footer titles mint */
footer h1, footer h2, footer h3, footer h4,
.s-footer h1, .s-footer h2, .s-footer h3, .s-footer h4{
  color: var(--biox-mint) !important;
}

/* Footer links + text readable dark (instead of mint everywhere) */
footer a, footer p, footer span, footer li,
.s-footer a, .s-footer p, .s-footer span, .s-footer li{
  color: var(--biox-muted) !important;
}
footer a:hover, .s-footer a:hover{
  color: var(--biox-mint) !important;
  text-decoration: underline;
}

/* Footer icons mint */
footer svg, footer i,
.s-footer svg, .s-footer i{
  color: var(--biox-mint) !important;
  fill: var(--biox-mint) !important;
}

/* ============ Freelancer Doc Badge (remove noisy styling) ============ */
/* Try to neutralize wrapper + image effects */
footer [class*="freelanc"], footer [class*="وثيقة"], footer .document-badge, footer .freelancer-doc,
.s-footer [class*="freelanc"], .s-footer [class*="وثيقة"], .s-footer .document-badge, .s-footer .freelancer-doc{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  padding: 0 !important;
}

/* If the badge is an image, remove any rounding/shadow */
footer [class*="freelanc"] img, footer [class*="وثيقة"] img,
.s-footer [class*="freelanc"] img, .s-footer [class*="وثيقة"] img{
  box-shadow: none !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}