/* Override to hide PikselAI / Bekircan Sağnak promotional elements */
.pikselai-announcement-bar,
.pikselai-announcement-content,
.pikselai-announcement-text,
.pikselai-logo-small,
.pikselai-hero-badge,
.pikselai-hero-logo,
.pikselai-hero-text,
.pikselai-footer-banner,
.pikselai-footer-content,
.pikselai-footer-logo,
.pikselai-footer-info,
.pikselai-footer-name,
.pikselai-footer-desc,
.pikselai-footer-cta,
.pikselai-modal-content,
.pikselai-modal-logo,
.pikselai-hero,
.pikselai-hero-badge * {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Also hide any elements using classes that start with pikselai- */
[class^="pikselai-"], [class*=" pikselai-"] { display: none !important; }

/* ===== Theme overrides: set primary color to #335749 ===== */
:root{
  --primary: #335749;
  --pill-bg: #335749;
  --pill-bg-hover: #2b4f46;
  --pill-bg-active: #27463d;
  --pill2-bg: #2f6b5e;
  --accent-purple-bg: rgba(51,87,73,0.28);
  --accent-purple-border: rgba(51,87,73,0.42);
  --accent-purple-glow: rgba(51,87,73,0.22);
  --glass-bright-bg: rgba(51,87,73,0.12);
}

/* Ensure global background uses the primary color and apply a subtle gradient */
:root{
  --bg: #071010; /* deep near-black base */
  /* Multi-layered background to mimic the reference:
     - dark center (almost black)
     - soft green radial glows at corners and bottom
     - subtle linear overlay for depth
  */
  /* stronger green presence, reduce black overlay */
  --bg-gradient: 
    radial-gradient(1200px 600px at 50% 90%, rgba(51,87,73,0.46) 0%, rgba(51,87,73,0.30) 18%, rgba(51,87,73,0.16) 32%, transparent 55%),
    radial-gradient(800px 500px at 92% 12%, rgba(45,75,65,0.36) 0%, rgba(45,75,65,0.18) 22%, transparent 48%),
    radial-gradient(900px 550px at 6% 14%, rgba(45,75,65,0.32) 0%, rgba(45,75,65,0.12) 20%, transparent 46%),
    radial-gradient(700px 420px at 70% 60%, rgba(30,50,44,0.14) 0%, transparent 48%),
    linear-gradient(180deg, rgba(0,0,0,0.42) 0%, rgba(0,0,0,0.62) 100%);
}
body{
  background: var(--bg-gradient) no-repeat fixed center/cover !important;
  color-scheme: dark;
}
body:before, body:after{
  display: none !important;
  background: none !important;
}

/* Ensure html and #root also display the gradient (covering scripts that set body/bg elsewhere) */
html, #root {
  background: var(--bg-gradient) no-repeat fixed center/cover !important;
  background-color: var(--bg) !important;
}

/* Buttons and pills use the primary green instead of purple */
.glassButton.primary{background:linear-gradient(135deg,#335749cc,#2f6b5ecc)!important;border-color:rgba(255,255,255,.35)!important;box-shadow:0 0 12px #33574966,inset 0 0 0 1px #ffffff1a!important}
.glassButton.primary:hover{background:linear-gradient(135deg,#335749e6,#2f6b5ee6)!important}
.actionPill{background:var(--pill-bg)!important}
.actionPill--download{background:var(--pill2-bg)!important}

/* Ensure links and small accents adopt the primary where appropriate */
.pikselai-override-accent, .accent, .brandSubtitle, .siteSubtitle{color:var(--primary) !important}

/* ===== Hide empty modal/popups defensively (JS will remove them too) ===== */
.empty-popup-hide{display:none !important}