/* ===== Shared FAQ & Sticky Bar Styles (all pages) ===== */

/* ---- FAQ Accordion ---- */
[id$="Faq"] .faq-wrapper,
.faq-wrapper {
  background: linear-gradient(180deg, rgba(44,11,14,0.6), rgba(28,12,14,0.6));
  border: 1px solid rgba(220,53,69,0.3);
}

[id$="Faq"] .faq-btn,
.faq-btn {
  color: #eaeaea;
  background: transparent;
}

[id$="Faq"] .faq-circle,
.faq-circle {
  width: 36px;
  height: 36px;
  color: #dc3545;
  border-color: rgba(220,53,69,0.4);
  font-size: 1.3rem;
  line-height: 1;
}

[id$="Faq"] .faq-body,
.faq-body {
  padding-left: 4.5rem;
}

[id$="Faq"] .faq-hr,
.faq-hr {
  border-color: rgba(220,53,69,0.3);
  border-width: 1px;
  opacity: 1;
}

.faq-container {
  max-width: 800px;
}

/* ---- Pink/Magenta FAQ overrides (lust-goddess, passion-industry) ---- */
#lgFaq .faq-wrapper,
#piFaq .faq-wrapper {
  background: linear-gradient(180deg, rgba(58,23,66,0.6), rgba(28,12,34,0.6));
  border-color: rgba(180,60,140,0.3);
}
#lgFaq .faq-circle, #piFaq .faq-circle { color: #ff6db0; border-color: rgba(230,55,124,0.4); }
#lgFaq .faq-hr, #piFaq .faq-hr { border-color: rgba(230,55,124,0.25); }

/* ---- Cyan/Info FAQ overrides (ai-tools, candy-ai, celebmaker-ai, lovescape-ai, ourdream-ai, swipey-ai) ---- */
#cmFaq .faq-wrapper, #caFaq .faq-wrapper, #lsFaq .faq-wrapper, #odFaq .faq-wrapper, #swFaq .faq-wrapper {
  background: linear-gradient(180deg, rgba(10,30,44,0.6), rgba(8,20,34,0.6));
  border-color: rgba(13,202,240,0.3);
}
#cmFaq .faq-circle, #caFaq .faq-circle, #lsFaq .faq-circle, #odFaq .faq-circle, #swFaq .faq-circle {
  color: #0dcaf0; border-color: rgba(13,202,240,0.4);
}
#cmFaq .faq-hr, #caFaq .faq-hr, #lsFaq .faq-hr, #odFaq .faq-hr, #swFaq .faq-hr {
  border-color: rgba(13,202,240,0.3);
}

/* ---- PornWorks AI FAQ overrides ---- */
#pwFaq .faq-wrapper {
  background: linear-gradient(180deg, rgba(58,30,8,0.6), rgba(28,16,6,0.6));
  border-color: rgba(249,115,22,0.3);
}
#pwFaq .faq-circle { color: #f97316; border-color: rgba(249,115,22,0.4); }
#pwFaq .faq-hr { border-color: rgba(249,115,22,0.25); }

/* ---- Everlusting Life FAQ overrides ---- */
#elFaq .faq-circle { color: #ffc107; border-color: rgba(255,193,7,0.4); }
#elFaq .faq-hr { border-color: rgba(255,193,7,0.3); }

/* ---- Horny Villa FAQ overrides ---- */
#hvFaq .faq-circle { color: #ffc107; border-color: rgba(255,193,7,0.4); }
#hvFaq .faq-hr { border-color: rgba(255,193,7,0.3); }

/* ---- Booty Heroes FAQ overrides ---- */
#bhFaq .faq-circle { color: #dc3545; border-color: rgba(220,53,69,0.4); }

/* ---- Summertime Saga FAQ overrides ---- */
#ssFaq .faq-circle { color: #dc3545; border-color: rgba(220,53,69,0.4); }

/* ---- Sticky CTA Bar ---- */
.sticky-pill {
  background: rgba(46,21,53,0.6);
  border: 1px solid rgba(110,53,117,0.4);
}
.sticky-dot {
  width: 8px; height: 8px;
  background: #39ff9e;
  box-shadow: 0 0 6px rgba(57,255,158,0.6);
  animation: statusPulse 2s ease-in-out infinite;
}
.sticky-label {
  color: #39ff9e;
  letter-spacing: 0.18em;
  font-size: 0.7rem;
}
.sticky-brand {
  font-family: 'Orbitron', sans-serif;
  font-size: 1rem;
}
.sticky-brand-highlight { color: #dc3545; }
.sticky-tagline { color: rgba(250,243,224,0.4); }
.sticky-cta-btn { white-space: nowrap; }

/* ---- Modal ---- */
.modal-close-btn { z-index: 10; }
.modal-image { max-height: 90vh; }

/* ---- CTA text ---- */
.cta-text-max { max-width: 600px; }

.cta-stat-num { font-size: 2.5rem; }
.cta-stat-label { letter-spacing: 0.1em; }
.hero-stat-gold { color: #f4b942; }

.hero-live-pill-blue { background: rgba(0,142,252,0.15); border: 1px solid rgba(0,142,252,0.3); }
.hero-live-label-blue { color: #3399ff; letter-spacing: 0.22em; }

.hero-live-pill-el { background: rgba(255,193,7,0.12); border: 1px solid rgba(255,193,7,0.3); }
.hero-live-label-el { color: #ffc107; letter-spacing: 0.22em; }
.hero-stat-el { color: #ffc107; }

.itch-hero { padding-top:6rem; padding-bottom:3rem; min-height:0; background:linear-gradient(180deg,#0b0b0f 0%,#1c1c28 35%,#222230 100%); }
.ls-browser-mockup { box-shadow:0 0 40px rgba(7,240,255,0.15),0 20px 60px rgba(0,0,0,0.5); border-color:rgba(7,240,255,0.1); }
.pi-sticky-btn { white-space:nowrap; background:linear-gradient(135deg,#e6377c,#c02060); color:#fff; border:none; }
.bh-sticky-btn { white-space:nowrap; background:linear-gradient(135deg,#e89830,#c87020); color:#fff; border:none; }
.ss-hero { background:radial-gradient(ellipse at 20% 30%, rgba(120,80,200,0.2) 0%, transparent 60%), radial-gradient(ellipse at 80% 70%, rgba(180,60,200,0.12) 0%, transparent 50%), linear-gradient(180deg, #1a0f25 0%, #0b0b0f 100%); }
.pi-panel-transparent { background:transparent; }
.sw-hero-img-styled { padding:4rem; background:#1a0a2e; }
.sw-preview-styled { background:linear-gradient(135deg,#1a0a2e,#2d1a4e); border-radius:12px; height:350px; display:flex; align-items:center; justify-content:center; }